View Categories

Countdown with products

2 min read

The appearance of the Countdown timer #

Section settings #

SettingsDescription
Desktop content placementThe layout options for this section on the desktop are as follows:
Countdown timer first:
Displays the image on the left.
Product first: Displays the text on the left.
Note: The Countdown timer first is the default mobile layout.
CollectionYou need to add any kind of product collection. Also, you can extend products beyond the container.
Product cardYou can modify this section product card design.
Grid settingsYou can set a product column for desktop and mobile.
Enable full-width section on desktopYou can enable/disable it.

Section block #

SettingsDescription
SubheadingMedium text for the subtitle of the section and modify the color.
HeadingLarge text for the title of the section.
ButtonThis is a link for the button.

Button type:
Primary: Use a solid background button style
Secondary:
 Use outline button style

Button size:
You can change the button size follow the options, (Large, medium, small)
TextThis is the text for the countdown section.
TimerYear: Enter the year you desire the countdown to conclude. Please format the year as follows: 2023.
Month: Choose the month when you want the countdown to end.
Day: Choose the Day when you want the countdown to end.
Timer size: Small, Medium, Large

#

Colors #

SettingsDescription
Color schemeThis is a color scheme option to change the color of the section

Section spacing #

SettingsDescription
Desktop: Padding topThe section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop.
Desktop: Padding bottomThe section’s bottom inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop.
Mobile: Padding topThe section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the mobile.
Mobile: Padding bottomThe section’s bottom inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop.

Powered by BetterDocs

Leave a Reply

Your email address will not be published. Required fields are marked *