When a discount is activated in Bold Discounts, the original price is moved over to the compare at price field within the Shopify admin, and the new discounted price is placed in the main price field.
How the compare at price displays on your storefront is dependent on your theme. Most themes do display the compare at price on your product page, but there are some that may not.
Note: If the compare at price field has already been manually filled by you, Discounts skips moving the original price over to that field when the discount group has been activated.
If you aren't seeing a compare at price on your storefront when running a discount, you can follow the steps below to ensure there is a compare at price within the Shopify admin.
- From the Shopify admin, select Products.
- Select a discounted product.
- Under Pricing, ensure there is a compare at price. If not, enter one.
- Select Save.
If the compare at price is correct in your admin but does not display on your storefront, this means your theme does not support it. In this case, we recommend reaching out to your theme designer to see if they can customize this change on your behalf.
If you'd like to check or add the code to your theme yourself, you can try the steps below.
- From the Shopify admin, select Online Store.
- Select Actions.
- Select Edit code.
- Under Templates, select product.liquid.
Note: If your theme contains sections you may find this code within product-template.liquid under Sections instead.
-
Ensure there is code containing:
compare_at_price
Note: If this code doesn't exist you can add it. The legend below helps you build the code.
- Select Save.
Compare at Price Legend
The code may look something like this or you may have to add it yourself:
<h2 id="price"><span>{{ product.price | money }}</span>{% if product.compare_at_price_max > product.price %} <del>{{ product.compare_at_price_max | money }}</del>{% endif %}</h2>
Here is the breakdown of the elements:
{{ product.price | money}}
This shows the regular selling price of the product:
{% if product.compare_at_price_max | money > product.price %}
Logic statement that runs the next lines of code if the highest (max) compare at price is higher than the product price. The {% endif %} closes the logic statement:
<del> ... </del>
The content between these tags are striked out:
{{ product.compare_at_price_max }}
The highest compare at price. This can also be modified as:
{{ product.compare_at_price_min }}</code
for the lowest (minimum) compare at, or simply:
{{ product.compare_at_price }}