Remove product variant hidden inputs

Shopify · Nov 14, 2024 · 68abb05 · 68abb05
1 parent 5740331
commit 68abb05
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 27 deletions.
diff --git a/sections/featured-product.liquid b/sections/featured-product.liquid
@@ -144,8 +144,7 @@
                   {%- endif -%}
                   {%- unless placeholder -%}
                     <div {{ block.shopify_attributes }}>
-                      {%- form 'product', product -%}
-                        <input type="hidden" name="id" value="{{ product.selected_or_first_available_variant.id }}">
+                      {%- form 'product', product.selected_or_first_available_variant -%}
                         {{ form | payment_terms }}
                       {%- endform -%}
                     </div>

diff --git a/sections/main-product.liquid b/sections/main-product.liquid
@@ -135,8 +135,11 @@
                 {%- endif -%}
                 <div {{ block.shopify_attributes }}>
                   {%- assign product_form_installment_id = 'product-form-installment-' | append: section.id -%}
-                  {%- form 'product', product, id: product_form_installment_id, class: 'installment caption-large' -%}
-                    <input type="hidden" name="id" value="{{ product.selected_or_first_available_variant.id }}">
+                  {%- form 'product',
+                    product.selected_or_first_available_variant,
+                    id: product_form_installment_id,
+                    class: 'installment caption-large'
+                  -%}
                     {{ form | payment_terms }}
                   {%- endform -%}
                 </div>

diff --git a/snippets/buy-buttons.liquid b/snippets/buy-buttons.liquid
@@ -37,25 +37,12 @@
       </div>
 
       {%- form 'product',
-        product,
+        product.selected_or_first_available_variant,
         id: product_form_id,
         class: 'form',
         novalidate: 'novalidate',
         data-type: 'add-to-cart-form'
       -%}
-        <input
-          type="hidden"
-          name="id"
-          value="{{ product.selected_or_first_available_variant.id }}"
-          {% if product.selected_or_first_available_variant.available == false
-            or quantity_rule_soldout
-            or product.selected_or_first_available_variant == null
-          %}
-            disabled
-          {% endif %}
-          class="product-variant-id"
-        >
-
         {%- if gift_card_recipient_feature_active -%}
           {%- render 'gift-card-recipient-form', product: product, form: form, section: section -%}
         {%- endif -%}

diff --git a/snippets/card-product.liquid b/snippets/card-product.liquid
@@ -345,15 +345,6 @@
                   novalidate: 'novalidate',
                   data-type: 'add-to-cart-form'
                 -%}
-                  <input
-                    type="hidden"
-                    name="id"
-                    value="{{ card_product.selected_or_first_available_variant.id }}"
-                    class="product-variant-id"
-                    {% if card_product.selected_or_first_available_variant.available == false %}
-                      disabled
-                    {% endif %}
-                  >
                   <button
                     id="{{ product_form_id }}-submit"
                     type="submit"