Countdown

This section is to add time countdown for offers or discounts. (This section's design and development is pending)

Configure the countdown

Select the customize theme option. Click the dropdown menu at the top of the page to select the Home page template.

From the left side menu, select Countdown.

Customize the section by utilizing the setting on the right side of the theme editor, as described below:

Countdown

Section visibility Select from the options to select the visibility of this section: -Always -Small devices only(On selecting this, the section will be visible on mobile devices only.) -Large devices only

Content

Heading

Add countdown heading here.

Heading size Select the heading size from the H1-H6 options. Heading tag Specify heading code types from H1-H6 for SEO and search engines for crawling purposes. Highlighted text Add highlighted text here. Size Choose from small, medium or large to determine the highlighted text's size. Content Add description here. Year Enter the year, like 2025 etc. Month Choose the month from the list of months. Day Choose the day from the list of days. Hour Choose the hour from the list of hours. Minute Choose the minute from the list of minutes. Content alignment Select from left, center or right to determine the alignment of content.

Background

Image Add an image from your library. (Note: This has a higher priority than the background colors.) Color Select the background from the following options: -Gradient -Solid Gradient Select the gradient color. Solid Select the solid color. Show product card inner space color Select this checkbox to show product cards background.

Products

Choose products Select products from the list. Grid image ratio Choose from the various options to determine the image's ratio in the grid. Grid image fit Choose from cover or contain to determine the image's fit.

Custom colors

Content Select any color for the heading. Highlighted text Select any color for the highlighted text.

COLORS

Color scheme

Select the color scheme from the given options; -Primary -Secondary

-Tertiary

-Quaternary

Note: These can be managed from Theme settings> color schemes. Enable gradient Select this checkbox to show the gradient in the background color. This can be selected from theme settings>color schemes.

Section padding

Top spacing (desktop)

Adjust the slider to add spacing at the top of the section for desktop view.

Bottom spacing (desktop)

Adjust the slider to add spacing at the bottom of the section for desktop view.

Top spacing (mobile)

Adjust the slider to add spacing at the top of the section for mobile view.

Bottom spacing (mobile)

Adjust the slider to add spacing at the bottom of the section for mobile view.

Last updated