Skip to content

Shopify Stoked theme additions

Stoked is now properly configured to display compare at price, in other words ON SALE. There is a new theme settings tab that will allow you to configure ON SALE tag settings.


If you want to update your theme manually here’s what’s changed.

Within index.liquid and collections.liquid you’ll want to look in the areas where there is class=”funkprice”

Replace existing code with this new code

<span class="funkprice">
{% if product.compare_at_price %}
{% if product.price_min != product.compare_at_price %}

<span class="money">{{product.price_min | money}}</span>
– <del><span class="money">{{product.compare_at_price | money}}</span></del>
{% endif %}
{% else %}
<span class="money">{{product.price_min | money}}</span>
{% endif %}

{% if product.compare_at_price %} {% if product.price_min != product.compare_at_price %}{% if settings.use_onsale %}<div class="onsale">{{ settings.tagtxt }}</div>{% endif %}{% endif %}{% endif %}



div.onsale {
background: {{ settings.tag_color }};
color: {{ settings.tagtxt_color }};
position: absolute;
top: 10px;
left: 10px;
padding: 4px 5px 3px 5px;
text-transform: uppercase;
font-size: 10px;
line-height: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0px 1px 2px #000;
-webkit-box-shadow:0px 1px 2px #000;
box-shadow: 0px 1px 2px #000;


Share on facebook
Share on Facebook
Share on twitter
Share on Twitter
Share on linkedin
Share on Linkdin
Share on pinterest
Share on Pinterest