03GENERAL

Campaign countdown

This page explains how “Campaign countdown” actually behaves, which data it depends on, and what its settings change.

WHAT IT DOES

Campaign countdown

This page explains how “Campaign countdown” actually behaves, which data it depends on, and what its settings change.

Used in templates

index.json

IMPLICIT BEHAVIOR

What the theme does automatically

→
The countdown depends on the configured date, time, and timezone; a wrong timezone shifts the displayed end.
→
Post-expiration behavior must be tested: hide, replace, or keep the message according to the setting.
→
Signup uses Shopify’s customer form; the theme does not create a separate subscriber database.

CONFIGURATION

Understand the settings

Campaign settings

Enter a familiar date and time, then choose the campaign time zone. Advanced ISO entry remains available when needed.

Date entry methoddate_input_mode

Default: simple · Options: Simple — date, time and time zone, Advanced — ISO 8601

Campaign end datesimple_end_date

Enter the date as DD/MM/YYYY, for example 31/12/2030.

Default: 31/12/2030

End timesimple_end_time

Use the 24-hour format HH:MM, for example 23:59.

Default: 23:59

Campaign time zonetimezone_offset

Choose the UTC offset for the location where the campaign ends.

Default: +01:00 · Options: UTC−08:00, UTC−05:00, UTC−04:00, UTC+00:00, UTC+01:00, UTC+02:00, UTC+03:00, UTC+04:00, UTC+05:30, UTC+07:00, UTC+08:00, UTC+09:00, UTC+10:00

Advanced ISO end dateend_date

Advanced format: YYYY-MM-DDTHH:MM:SS+01:00. Use the simple method above unless you need second-level precision.

Default: 2030-12-31T23:59:59+01:00

When the countdown endsexpiry_behavior

Default: show_message · Options: Replace the timer with a message, Keep zero values, Hide the section

End messageexpired_message

Days, hours and minutes design

Choose the complete appearance of the four countdown units. The solid style also unlocks custom colors.

Timer styletimer_style

Default: glass · Options: Glass, Minimal, Solid

Card shapetimer_shape

Default: rounded · Options: Rounded, Pill, Square

Timer sizetimer_size

Default: standard · Options: Compact, Standard, Large

Solid card backgroundtimer_background

Default: #ffffff

Solid card texttimer_text_color

Default: #171214

Show days, hours, minutes and seconds labelsshow_unit_labels

Default: enabled

Animation and mobile

Choose whether the numbers animate and whether the four time units scroll horizontally on mobile.

Animate number changesanimate_digits

Turn off to keep the numbers static when the value changes.

Default: enabled

Scroll time units on mobilemobile_scroll

When disabled, the four units use a fixed two-by-two grid on mobile.

Default: disabled

Content

Add the campaign message and an optional call to action.

Eyebroweyebrow

Titleheading

Introductionintroduction

Button labelbutton_label

Button linkbutton_link

Campaign conversion

Combine urgency, reassurance, email capture and a promotional reward in one campaign module.

Campaign layoutcampaign_layout

Default: split · Options: Message and conversion panel, Centered

Enable email signupenable_signup

Default: enabled

Signup headingsignup_heading

Email field placeholderemail_placeholder

Signup buttonsignup_button_label

Signup success messagesuccess_message

Consent notesignup_disclaimer

Enable a promotional codeenable_promo_code

Default: enabled

Promotional codepromo_code

Create the same discount code in Shopify Admin before publishing the campaign.

Default: OPALINE10

Code visibilitypromo_visibility

Default: after_signup · Options: After successful signup, Reveal on click, Always visible

Code labelpromo_label

Reveal buttonpromo_reveal_label

Copy buttonpromo_copy_label

Copied confirmationpromo_copied_label

Apply linkpromo_apply_label

Destination after applying the codepromo_redirect

Leave blank to send customers to the full product catalogue.

Media

The mobile image is optional. The text color is used only when a background image is selected.

Background imagebackground_image

Mobile imagemobile_background_image

Optional crop shown below 750 px. The desktop image is used when this is blank.

Image overlay opacityoverlay_opacity

Default: 35 · Range: 0–80%

Text color on imagetext_color

Applied only when a background image is selected.

Default: #ffffff

Section palette

Applies a consistent palette to the background, text, and buttons in this section.

Section appearance

Use a dedicated paletteopaline_use_color_scheme

Default: disabled

Paletteopaline_color_scheme

Default: scheme-1

Title

Alignment on desktopopaline_heading_alignment

Default: center · Options: Keep the design, Left, Center, Right

Spacing

Space after sectionopaline_section_spacing

Creates space between this section and the next. Mobile spacing adjusts automatically.

Default: 0 · Range: 0–160px

Left and right insetopaline_content_inset

Moves content away from the edges. Mobile spacing adjusts automatically.

Default: 0 · Range: 0–120px

COMPOSITION

Available blocks

Campaign badgebadge

Add this block only when it provides useful information to the journey.

Campaign benefitbenefit

Add this block only when it provides useful information to the journey.

CHECKS

Before publishing

✓
Content remains readable in every color scheme.
✓
Labels match the storefront language.
✓
Displayed promotions match Shopify rules.
✓
Interactions remain accessible by keyboard and touch.