Display sales price next to compare at price

Dawnmarie00
New Member
9 0 0

I am using the "Debut" theme and my "sale" prices as related to the "compare at" prices are not showing. Below is the liquid format in the snippets section of my theme. What do I need to do to get this changed to where the "compare at" price has a red strike through it and the lower price displayed? 

 

<!-- snippet/product-price.liquid -->
{% if variant.title %}
{%- assign compare_at_price = variant.compare_at_price -%}
{%- assign price = variant.price -%}
{%- assign available = variant.available -%}
{% else %}
{%- assign compare_at_price = 1999 -%}
{%- assign price = 1999 -%}
{%- assign available = true -%}
{% endif %}

{%- assign money_price = price | money -%}

<dl class="price{% if available and compare_at_price > price %} price--on-sale{% endif %}" data-price>

{% if section.settings.show_vendor %}
<div class="price__vendor">
<dt>
<span class="visually-hidden">{{ 'products.product.vendor' | t }}</span>
</dt>
<dd>
{{ product.vendor }}
</dd>
</div>
{% endif %}

<div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.regular_price' | t }}</span>
</dt>
<dd>
<span class="price-item price-item--regular" data-regular-price>
{% if available %}
{% if compare_at_price > price %}
{{ compare_at_price | money }}
{% else %}
{{ money_price }}
{% endif %}
{% else %}
{{ 'products.product.sold_out' | t }}
{% endif %}
</span>
</dd>
</div>
<div class="price__sale">
<dt>
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.sale_price' | t }}</span>
</dt>
<dd>
<span class="price-item price-item--sale" data-sale-price>
{{ money_price }}
</span>
<span class="price-item__label" aria-hidden="true">{{ 'products.product.on_sale' | t }}</span>
</dd>
</div>
</dl>

0 Likes
Dawnmarie00
New Member
9 0 0

I have figured this out.

0 Likes
simplescents
New Member
3 0 0

I am having this problem now, how did you figure this out and solve it?

0 Likes
Dawnmarie00
New Member
9 0 0
If you click on "products" while on shopify admin page...you will have to
edit the price per product. Clicking on the "edit" button you will then see
where you can set the "price" and then the "compare at price".

Hope this helps...

[image: image.png]
0 Likes