View Categories

Countdown with products

1 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.

Countdown timer #

SettingsDescription
EnableIf you enable it, the countdown timer will be visible.
YearEnter the year you desire the countdown to conclude.
Please format the year as follows: 2023.
MonthChoose the month when you want the countdown to end.
DayChoose the Day when you want the countdown to end.
Box border styleBox Border Style Options:
Rounded: This style features smooth, curved edges, providing a softer appearance to the box border.
Square: This style maintains sharp, angular edges, giving a more defined and geometric look to the box border.

Content settings #

SettingsDescription
HeadingLarge text for the title of the section.
SubheadingMedium text for the subtitle of the section.
TextThis is the text for the countdown section.
Button labelThis button is for the countdown section. Leave the label blank to hide the button.
Button linkThis is a link for the button.
Button typePrimary: Use a solid background button style
Secondary:
 Use outline button style
Button sizeYou can change the button size follow the options, (Large, medium, small)

Colors #

SettingsDescription
Color schemeThis is a color scheme option to change the color of the section
Replace with your custom colors“Enable to replace with your custom colors” allows you to activate the feature for substituting default colors with your own personalized color choices.

Section padding #

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 *