From cd599c443b503058e7fe041f411e0fc87cc18338 Mon Sep 17 00:00:00 2001
From: soulchild <axel@yagisoftware.com>
Date: Fri, 29 Aug 2025 17:03:54 +0000
Subject: [PATCH] Make price and compare at price side by side

Make price and compare at price side by side
---
 product-card.liquid | 24 ++++++++++++++++--------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/product-card.liquid b/product-card.liquid
index c0a2dad..798bf53 100644
--- a/product-card.liquid
+++ b/product-card.liquid
@@ -138,15 +138,23 @@ Supported variables
                 {% assign variant_compare_at_price = v.compare_at_price %}
               {% endif %}
             {% endif %}
-            <div class="product-price">
-              {{ variant_price | money }}
-            </div>
+            <div style="display: flex; gap: 0.25em; font-size: var(--text-h4);
+              line-height: 1.6;
+              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 %}
-            <compare-at-price class="text-subdued line-through">
-              {{ variant_compare_at_price | money }}
-            </compare-at-price>
-            {% endif %}
+              {% if variant_compare_at_price %}
+              <compare-at-price class="text-subdued line-through">
+                {{ variant_compare_at_price | money }}
+              </compare-at-price>
+              {% endif %}
+            </div>
           {%- endif -%}
         </div>
       </div>