Xboost

How do I show two timers in the same place?

Overview

When two or more active timers use the same built-in position on a page, for example Below buy button on a product page, only one of them shows. To show both, set both timers to Manual Position and add one Countdown Timer Block for each of them in the theme editor. You also choose their order.

Steps

1. Set both timers to Manual Position

Do this for each of the two timers:

  1. Open Countdown Timer bars, click the timer name, then click Placement.
  2. Under Page to display, select Manual Position.
  3. Click Save at the top of the page.
  4. Copy the ID with the copy icon. Keep both IDs at hand.

Manual Position selected with the timer ID, the Add liquid block to your theme button and the code snippet

2. Add two Countdown Timer Blocks in the theme editor

  1. Go to Online Store > Themes and click Customize.
  2. Open the page where you want the timers, for example a product page.
  3. In the section where you want the timers, for example the product information section, click Add block (or Add section to put the timers in their own section), open the Apps tab, then select Countdown Timer Block.
  4. Add a second Countdown Timer Block the same way.

Theme editor Add section panel, Apps tab, with Countdown Timer Block from XB: Countdown Timer

3. Connect each block to a timer

  1. Click the first block and paste the ID of the first timer into Countdown Timer ID.
  2. Click the second block and paste the ID of the second timer.
  3. Drag the blocks into the place and order you want. The timers show in the same order as the blocks.
  4. Click Save in the theme editor.

Countdown Timer Block settings with the timer ID in Countdown Timer ID

Both timers now show, one after the other. A block shows its timer only when the timer uses Manual Position and is Active.

Which timer shows in a built-in position

If you keep the timers in the same built-in position, the app shows only one. It picks the timer that targets the fewest products (Specific products, then Collections, then All products except, then the other targets, then Home Page only, then Every Page). Between timers at the same level, the higher Priority wins, then the newest timer. See How to manage your countdown timers.