Promotions - grid

The "Promotions - grid" section creates a dynamic grid layout perfect for showcasing promotional content, featured collections, or any visual marketing materials. It's highly customizable and supports multiple content types in a visually appealing grid format.

Key features include:

Flexible grid layout:
Adjustable columns (2-7 columns)
Custom spacing between items
Multiple block sizes (horizontal, vertical, big, small)
Optional custom row height
Responsive design that adapts to mobile screens

Three types of promotional blocks:

1. Standard Promotion (image and text):

Inset image with adjustable size
Heading and rich text
Custom button with link
Customizable colors for text, background, and buttons

Background Image Promotion:

Full-bleed background image
Semi-transparent overlay
Text content positioned over image
Custom text and button styling

Video Promotion:

Support for MP4/MOV video files
Autoplay, loop, and controls options
Custom poster image
Text overlay with customizable styling

Advanced features:

Entrance animations for grid items
Custom typography options
Mobile-specific layouts (1 or 2 columns)
Intersection Observer for performance
Custom CSS support for both desktop and mobile
Accessible button and link handling
SEO-friendly markup structure

The section is particularly effective for:

Creating visual product showcases
Building promotional landing pages
Highlighting multiple collections or categories
Creating engaging visual stories
Mixing different types of content (images, videos, text) in an organized grid

All elements are fully responsive and maintain their visual hierarchy across different screen sizes, with special consideration for mobile viewing experiences.

Time saving

With Design Packs, you don't have to start designing your Shopify store from scratch. The pre-made templates and design elements can save you a lot of time and effort.

Cost-effective

Design Packs is a cost-effective solution for small businesses or individuals who may not have the budget to hire a professional designer. Our app provides a wide range of design options at a reasonable price. The average cost of a Shopify developer is $50-125 USD/hr. The annual subscription of Design Packs breaks down to just over $16 a month.

User friendly

Design Packs is easy to use, even for those who are not tech-savvy. The app provides a user-friendly interface that allows you to make changes and adjustments to your designs with ease. And anything that can't be done in the theme editor? We offer free CSS tweaks to copy and paste into your sections.

Customizable

Although Design Packs provides pre-made templates and design elements, you can still customize them to match your brand's identity and aesthetic. The app is flexible enough to allow you to make changes and adjustments to the designs to fit your Shopify store needs.