Timer

Documentation for Novara theme | Type: block | File: blocks/timer.liquid

Theme editor name: blocks.general.countdown.name

Overview

The timer block is used inside compatible sections. Drag and drop it in the theme editor.

Assets used

CSS files

• assets/countdown.css

Custom elements / classes

This section may use Web Components (custom elements) and BEM-style CSS classes defined in the theme stylesheets. Inspect the section in your browser DevTools to see live class names.

Settings

sections.image_with_text_overlay.blocks.timer.settings.end_time.label

• Setting ID: timer
• Type: text
• Default: 09-22-2026
• Info: t:sections.image_with_text_overlay.blocks.timer.settings.end_time.info

sections.image_with_text_overlay.blocks.timer.settings.expired_message.label

• Setting ID: expired_message
• Type: text
• Default: Time expired
• Info: t:sections.image_with_text_overlay.blocks.timer.settings.expired_message.info

sections.image_with_text_overlay.blocks.timer.settings.style.label

• Setting ID: style
• Type: select
• Default: default
• Options:
  • default — sections.image_with_text_overlay.blocks.timer.settings.style.normal
  • highlight — sections.image_with_text_overlay.blocks.timer.settings.style.highlight

sections.all.content_settings.font_size.label

• Setting ID: font_size
• Type: range
• Default: 36
• Range: 24 – 60 (step 1)

sections.all.content_settings.spacing.spacing_bottom.label

• Setting ID: spacing_bottom
• Type: range
• Default: 30
• Range: 0 – 50 (step 1)

Presets

• blocks.general.countdown.name
  • Category: t:categories.basic

Merchant tips

• Open Online Store → Themes → Customize to edit this block.
• Use mobile preview to check responsive layout.
• Duplicate your theme before making code changes.

Auto-generated from theme schema. Theme: Novara v3.4.1