Goal bar: Code

Use this code where your theme has no slot for the app block. It comes from the theme code library on the app’s Storefront blocks page. To open it, go to Promotions > More actions > See all blocks.

For every widget’s code in one place, see Add AndOr with code.

One-line tag

Each tag is one line. The app embed fills it in with the same widget as the matching app block.

Note Every tag needs the AndOr Discount Display app embed turned on. With the embed off, the tag shows nothing. See what works without the app embed.

Where to paste a tag:

• Horizon: in the theme editor, add a Custom Liquid block to the product template and paste the tag into it.
• Dawn and similar themes: paste the tag into the product section code, usually sections/main-product.liquid.

Order goal bar, one line

“You’re $30 away from 10% off your order”, with a progress bar that follows the cart, as a single tag the app embed fills in.

<andor-goal></andor-goal>

Where it goes: Wherever you want the bar. Good spots are the top of every page (in layout/theme.liquid, just after the opening <body> tag), your cart template, or beside the add-to-cart button in sections/main-product.liquid. It sits in the normal flow, so there is no positioning to get wrong.

For the bar in your cart drawer on EVERY page, paste <andor-goal data-drawer="only"></andor-goal> once in layout/theme.liquid, just after the opening <body> tag. It shows nothing on the page and fills the drawer when it opens. This needs Horizon 4.0 or Dawn 15.5 or later. On a page that also shows a bar, the drawer copies that bar, so you never see two.

More: Order goal bar in One-line tags.