The Products with countdown section allows you to showcase featured products together with a countdown offer card to create urgency and encourage customers to make a purchase. You can display a promotional countdown alongside a product list, helping customers quickly discover products included in a limited-time campaign.
Click the section name to see section settings on the right-hand sidebar.
The Collection setting allows you to select a product collection to display in the section. The products will be automatically loaded from the selected collection.
The Products setting allows you to manually select products to display.
You can:
Select specific products instead of using a collection.
Replace the collection products with manually selected products.
Note:
When products are selected manually, they will replace the products loaded from the collection.
Adjust the number of products displayed in the product list.
Use this option to control how many products appear in the section.
Control the number of product columns displayed on desktop devices.
Use this setting to adjust the product layout based on your store design.
Adjust the width of product slides on mobile devices.
Set a value below 100% to show part of the next product slide, indicating that customers can swipe to view more products.
The Product Card settings control how products are displayed in the product list.
Reveal on scroll: Enable animation when the section becomes visible while scrolling.
Make section full width: Enable this option to make the section expand to the full width of the screen.
Color Scheme: Select the color style applied to the section.
You can choose an available color scheme or customize it through: Edit scheme
Use these settings to adjust the spacing around the section and maintain a balanced layout across different screen sizes.
Available options:
Top padding
Bottom padding
Mobile top padding
Mobile bottom padding
Click Add block button right below the section name to add a container block. The Products with countdown section contains two main container blocks:
Countdown offer card
Product card
Each container can contain additional child blocks to customize the displayed content.
The Countdown offer card block allows you to create a promotional card displayed alongside the product list.
It combines media, promotional content, a countdown timer, and a call-to-action button to highlight limited-time offers.
The available child blocks include:
Label
Heading
Button
Countdown timer
Child blocks can be reordered by dragging and dropping them in the Theme Editor.
Note: Child blocks must be added under the Countdown offer card container.
The Product Card block displays products alongside the countdown offer card. It inherits the product display settings configured in the section settings.
This block contains one child Text block. The Text block allows you to add additional information related to the product list.
