Skip to main content

Banner countdown v1

Banner countdown: A Banner countdown can be defined as a virtual clock that counts down from a certain date or number to indicate the end or start of an offer or event. It can be used to create curiosity and motivate customers to make a purchase before the end of the event.

banner demo

steps:
  1. In the theme editor (Customize), click Add section
  2. Locate Banner countdown
  3. Save

Countdown settings​

1. Layout settings​

  • Container type: You can choose among Box, Fullwidth for the testimonials layout.

  • Turn on Reverse layout to change position

  • Use the provided text fields to add a suitable Title subtitle. Leave any of them blank if you do not want to display them.

  • Product: Select product from store

  • Product image: select image

  • Hover style (Image hover effect): This option allows you to set an effect when hovering for image with many selections (Warning: Hovering effect will resize your images).

banner demo

2. Countdown settings​

  • Use the provided text fields to add a suitable Title/Subtitle subtitle. Leave any of them blank if you do not want to display them.

  • Enter the expiration date, the time will be calculated from the current time to the expiration date

banner demo

3. Button settings​

You have the flexibility to modify the label displayed on the button right here. Additionally, you can custom the button by selecting the Button mode, Button style, Button size option, Custom Border radius, Button padding

button demo

4. General settings​

Section color scheme: lets you select a predefined color scheme for the section, which applies to the text and background.

Background image The priority is higher than Background color

Use parallax enables a parallax scrolling effect for the background image (if one is set)

Section Padding allows you to specify spacing before or after sections or both

general demo