Fix font family for quick order list (#2888)

Shopify · Aug 3, 2023 · 7a6d018 · 7a6d018
1 parent 5d093da
commit 7a6d018
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 7 deletions.
diff --git a/assets/quick-order-list.css b/assets/quick-order-list.css
@@ -215,6 +215,7 @@ quick-order-list .quantity__button {
 .variant-item__sold-out {
   opacity: 0.7;
   font-size: 1.6rem;
+  color: rgb(var(--color-foreground));
 }
 
 quick-order-list-remove-button {
@@ -598,10 +599,11 @@ quick-order-list-remove-button {
   align-items: center;
 }
 
-.quick-order-list__total-items h3,
+.quick-order-list__total-items span,
 .totals__subtotal-value {
   margin-top: 0;
   margin-bottom: 0;
+  color: rgb(var(--color-foreground));
 }
 
 .quick-order-list__total-items p,
@@ -658,7 +660,7 @@ quick-order-list-remove-button {
   }
 
   .totals__subtotal-value,
-  .quick-order-list__total-items h3 {
+  .quick-order-list__total-items span {
     margin-right: 1.2rem;
   }
 

diff --git a/sections/quick-order-list.liquid b/sections/quick-order-list.liquid
@@ -160,9 +160,9 @@
             </span>
           </div>
           <div class="quick-order-list__total-items">
-            <h3>
+            <span>
               {{ items_in_cart }}
-            </h3>
+            </span>
             <p class="h5">{{ 'sections.quick_order_list.total_items' | t }}</p>
           </div>
           <div class="quick-order-list-total__price">
@@ -172,12 +172,12 @@
               </button>
             </noscript>
             <div class="totals__product-total">
-              <h3 class="totals__subtotal-value">
+              <span class="totals__subtotal-value">
                 {% comment %} TODO: enable theme-check once `line_items_for` is accepted as valid filter {% endcomment %}
                 {% # theme-check-disable %}
                 {{ cart | line_items_for: product | sum: 'original_line_price' | money }}
                 {% # theme-check-enable %}
-              </h3>
+              </span>
               <p class="totals__subtotal h5">{{ 'sections.quick_order_list.product_total' | t }}</p>
             </div>
             <small class="tax-note caption-large rte">

diff --git a/snippets/quick-order-list-row.liquid b/snippets/quick-order-list-row.liquid
@@ -212,7 +212,7 @@
             </button>
           {%- endif -%}
           {%- if variant.available == false or quantity_rule_soldout -%}
-            <span class="variant-item__sold-out h4"> {{ 'products.product.sold_out' | t }} </span>
+            <span class="variant-item__sold-out"> {{ 'products.product.sold_out' | t }} </span>
           {%- else -%}
             {% comment %} TODO: Remove theme check {% endcomment %}
             {% # theme-check-disable %}