This section is only available in Impulse, Expanse, Fetch and Gem.
The Promotional grid section is useful for displaying key content on your online store. It offers global settings and a variety of layouts to help you showcase your images, videos, products, collections, and promotions effectively. Here's an overview of the section's global settings and the available layouts.
Adding the promotional grid section
- Log in to your Theme editor and navigate to the page you would like to display this section.
- You'll see a list of available sections on the left-hand side. Locate the Add section button and click on it.
- From the list of available sections, find and select Promotional grid.
Section details
After adding the Promotional grid section, you will be presented with customization options and settings that you can adjust to match your store's style.
- Full page width: This setting determines whether the Promotional grid section spans the full width of the page or is constrained to a container width of the page
- Spacing: Configure the spacing above and below the Promotional grid section to control its placement and spacing in relation to other sections on the page.
- Lazy load images (Impulse): Enable or disable lazy loading for images within the Promotional grid section. Lazy loading defers the loading of images until they are in the viewport, which can improve page load times.
- Hide all image blocks on mobile (Gem): When enabled, removes all image blocks from the mobile layout.
Blocks/Layouts
The Promotional grid section offers six different blocks/layouts, each designed for different types of content and promotions. Each block includes a width setting that controls its size and how it aligns with the other blocks.
Advanced/Hero
The Advanced layout provides a highly customizable grid for showcasing a variety of content, such as videos, images, text, and links. It allows you to create unique promotional sections with complete creative control.
Banner
This is designed for displaying eye-catching banners with a call to action. It's perfect for promoting special offers, sales, or important announcements.
Sale Collection
Use the Sale Collection block to highlight specific product collections that are on sale. This layout is ideal for boosting sales of discounted items.
Image
This allows you to showcase a single image with a link. It's a straightforward way to feature a product or image prominently.
Simple
The Simple block offers a clean and minimalistic design for presenting content. It's suitable for displaying images, text, and links in a straightforward manner.
Product
The Product block lets you feature specific products within the Promotional grid section. This layout is great for highlighting individual products and driving sales.
The Promotional grid section offers powerful ways to create visually appealing and effective promotional content. By selecting the appropriate layout, you can tailor your promotions to meet your store's unique needs and engage your customers effectively.
Note
Any image added within the Promotional grid section will be cropped and enlarged to ensure responsive imagery across various devices and screen sizes. While the section does not have a specific setting for mobile-specific images, this responsive approach ensures that your promotional content maintains a visually pleasing and consistent appearance for all images, regardless of the device they are using.