Sampo
documentation

Countdown

General

Use the Countdown section to spark excitement and motivate action in your store — ideal for upcoming product launches, limited-time offers, seasonal events, or restocks. A live countdown encourages urgency and keeps your audience engaged as the clock ticks toward something worth waiting for.


In most sections of the theme, you can customize various settings to match your design needs. In the Countdown section you can:
  • Select a suitable color scheme.
  • Enable use card style.
  • Adjust text alignment for both desktop and mobile views
These options provide flexibility to create a cohesive and visually appealing layout tailored to your store's style.

Blocks for customization

Heading and subheading

Add heading text to grab attention. For heading and subheading you can:
  • Select the appropriate HTML tag.
  • Define size for desktop and mobile views.
  • Adjust the top margin for both desktop and mobile views.

Timer datetime

  • Target Date and Time: Set the countdown's target using the format YYYY-MM-DD HH:MM. The store's default timezone is used.
  • Time Units: Show or hide time units by choosing one of the following: Hide / Show Above / Show Below.
  • Unit Spacing: Select spacing options (Narrow / Medium / Wide).
  • Adjust the size for desktop and mobile views.

Button

  • Add a button label and link to encourage user interaction.
  • Select a button style that fits your design.
  • Adjust size and top margin for desktop and mobile views.

Placement Tips

Place the Countdown section near the top of your homepage, on a dedicated campaign landing page, or within a featured product area. For best results, pair it with a compelling headline, a clear call-to-action, and strong visuals that reflect the value of what’s coming.

Custom Spacing

By using the custom spacing block you can easily adjust the top padding, top margin and bottom padding of any section to suit your design needs.

Note: Values set in the custom spacing block will override those defined in the general theme settings, applying locally only to this specific section.

Steps

  1. Open the theme editor and select the section you want to edit.
  2. Click the section name to open its settings, then find and click "Add block."
  3. Select "Custom Spacing" and define padding top, margin top and padding bottom values for the section.
  4. The values you set will override the general settings in the theme.