How to Use Timer as an App Block
For maximum placement control, use the timer as an App Block in your Shopify theme.
Prerequisites
- Your Shopify theme must support app blocks (most modern themes do).
- You need a timer already created in the app.
Step-by-Step Instructions
- Get the Timer ID:
- Go to Timers and click on the timer you want to use.
- Scroll to the "Targeting" section.
- Find the Timer ID displayed in a highlighted box.
- Click the copy button (clipboard icon) next to the ID.
- Set theme editor type:
- In the same "Targeting" section, find "Theme editor type".
- Select "Apps block".
- Click "Save" to update the timer.
- Open the theme editor:
- Go to Online Store > Themes.
- Find your current theme and click "Customize".
- Navigate to the desired page: Use the top dropdown to select the page type where you want to add the timer (e.g., Home page, Product page, Collection page).
- Add the app block:
- Click "Add block" or "Add section" (depending on your theme).
- Look for the "Apps" category.
- Select "Ultima Countdown Timer".
- Configure the block:
- In the block settings, paste the Timer ID you copied earlier.
- Some themes may allow additional block settings like alignment or spacing.
- Position the block: Drag the block to your desired position in the page layout.
- Save the theme: Click "Save" in the theme editor.
Result: The timer appears exactly where you placed the block, giving you pixel-perfect control over its position.