soulchild/isaac-product-card
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make price and compare at price side by side

Browse Source 
Make price and compare at price side by side
This commit is contained in:
soulchild
2025-08-29 17:03:54 +00:00
parent 83d97bacb1
commit cd599c443b
1 changed files with 16 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
product-card.liquid
View File

@@ -138,15 +138,23 @@ Supported variables
{% assign variant_compare_at_price = v.compare_at_price %} {% assign variant_compare_at_price = v.compare_at_price %}
{% endif %} {% endif %}
{% endif %} {% endif %}
<div class="product-price"> <div style="display: flex; gap: 0.25em; font-size: var(--text-h4);
{{ variant_price | money }} line-height: 1.6;
</div> font-weight: var(--heading-font-weight);
font-style: var(--heading-font-style);
letter-spacing: var(--heading-letter-spacing);
text-transform: var(--heading-text-transform);
overflow-wrap: anywhere;">
<div class="product-price">
{{ variant_price | money }}
</div>
{% if variant_compare_at_price %} {% if variant_compare_at_price %}
<compare-at-price class="text-subdued line-through"> <compare-at-price class="text-subdued line-through">
{{ variant_compare_at_price | money }} {{ variant_compare_at_price | money }}
</compare-at-price> </compare-at-price>
{% endif %} {% endif %}
</div>
{%- endif -%} {%- endif -%}
</div> </div>
</div> </div>