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.
Enjoy!
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
[xml]
<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 %}
</span>
{% 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 %}
[/xml]
stoked.css.liquid
[css]
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;
}
[/css]
