`, just after the `{% render 'price' %}` line. Do not use `snippets/price.liquid`. Product cards render that file too, so every card would show this page's price. On Horizon, do not use `blocks/price.liquid` either, for the same reason. Instead, add a **Custom Liquid** block to the product template that holds ``. Horizon's sticky add-to-cart bar still shows the theme price. To hide it too, add its price element to that `data-hide` selector, after a comma. More: [Sale price in One-line tags](https://backtrackhq.com/docs/developers/one-line-tags/#sale-price). ## Product card recipes Longer Liquid for the product cards on collection, search and home pages, where apps cannot add a block. These recipes work with the app embed off. - **Dawn and similar themes:** most go in `snippets/card-product.liquid`. Each recipe says exactly where. - **Horizon:** do not paste these. Horizon builds its product cards from blocks, so add the **AndOr Sale price** or **AndOr Savings badge** app block to the card in the theme editor instead. The numbers and the full notes for each recipe are in [Product card recipes](https://backtrackhq.com/docs/developers/product-card-recipes/). ### Crossed-out original price Recipe 3. The struck original beside the discounted price. ```liquid {% comment %} AndOr Discount Display: crossed-out price. {% endcomment %} {% assign andor_item = card_product | default: product %} {% assign andor_percent = andor_item.metafields.app----andor_display.best_percent.value | plus: 0 %} {% assign andor_off = andor_item.price | times: andor_percent | divided_by: 100.0 | round %} {% if andor_off > 0 and andor_item.gift_card? != true %} ~~{{ andor_item.price | money }}~~ {{ andor_item.price | minus: andor_off | money }} {% endif %} ``` (Screenshot: A Dawn product card with the struck original price and the sale price) **Where it goes:** Beside your theme's price line in `snippets/card-product.liquid`, or on a product page in `sections/main-product.liquid`. ### Price with expiry, the complete one Recipe 5. Struck price, sale price, savings chip, expiry, storewide sales and gift cards, all handled. Save this as `snippets/andor-card-price.liquid`. ```liquid {% comment %} AndOr Discount Display: the sale price for one product card. {% endcomment %} {% assign andor_ns = 'app----andor_display' %} {% assign andor_item = card_product | default: product %} {% assign andor_percent = andor_item.metafields[andor_ns].best_percent.value | plus: 0 %} {% assign andor_ends = andor_item.metafields[andor_ns].best_ends_at.value | default: 9999999999 %} {% assign andor_shop_percent = shop.metafields[andor_ns].best_percent.value | plus: 0 %} {% assign andor_shop_ends = shop.metafields[andor_ns].best_ends_at.value | default: 9999999999 %} {% comment %} Pick the best sale. {% endcomment %} {% if andor_shop_percent > andor_percent or andor_shop_percent == andor_percent and andor_shop_ends < andor_ends %} {% assign andor_percent = andor_shop_percent %} {% assign andor_ends = andor_shop_ends %} {% endif %} {% assign andor_now = 'now' | date: '%s' | plus: 0 %} {% assign andor_off = andor_item.price | times: andor_percent | divided_by: 100.0 | round %} {% if andor_off > 0 and andor_ends > andor_now and andor_item.gift_card? != true %} ~~Regular price{{ andor_item.price | money }}~~ Sale price{{ andor_item.price | minus: andor_off | money }} {% if badge != false %}Save {{ andor_percent | floor }}%{% endif %} {% endif %} ``` **Where it goes:** Save it as its own snippet. Then render it from your card template inside this wrapper: ```liquid {%- capture andor_card_price -%} {% render 'andor-card-price', card_product: card_product %} {%- endcapture -%} {%- if andor_card_price != blank -%} {{ andor_card_price }} {%- else -%} {%- comment -%} Leave your theme's own price line here. {%- endcomment -%} {%- endif -%} ``` (Screenshot: A Dawn collection grid where one card shows the struck original price, the sale price and a Save 10% chip) ## Developer example Short Liquid to start your own code from. Each one keeps the common rules and says what it skips. It is written for the product page. On a product card, change `product` to `card_product`. The same examples, with notes for developers, are in [Developer examples](https://backtrackhq.com/docs/developers/examples/). ### Sale price The struck original price beside the sale price. ```liquid {% comment %} AndOr Discount Display: sale price example. {% endcomment %} {% assign andor_data = product.metafields.app----andor_display %} {% assign percent_off = andor_data.best_percent.value | plus: 0 %} {% assign ends_at = andor_data.best_ends_at.value | default: 9999999999 %} {% assign now_seconds = 'now' | date: '%s' | plus: 0 %} {% if percent_off > 0 and ends_at > now_seconds %} {% assign amount_off = product.price | times: percent_off %} {% assign amount_off = amount_off | divided_by: 100.0 | round %}

~~{{ product.price | money }}~~ {{ product.price | minus: amount_off | money }}

{% else %} {{ product.price | money }} {% endif %} ``` (Screenshot: The sale price developer example on a product page) **Where it goes:** On a product page, in `sections/main-product.liquid`. On a product card, change `product` to `card_product`. It prints a price, so use it in place of your theme's price line. Skips: storewide sales, amount-off deals, gift cards. For the full rules use ``.