From 3e1f47225375180264a7bdbacf7ace3e0255c104 Mon Sep 17 00:00:00 2001
From: alexanderroese <github@roese.dev>
Date: Sat, 22 Jun 2024 16:56:34 +0200
Subject: [PATCH] shopping cart quick add

---
 sections/main-product.liquid                           |  2 ++
 snippets/buy-buttons.liquid                            |  2 --
 .../shx-product-page-shopping-cart-quick-add.liquid    | 10 ++++++++++
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/sections/main-product.liquid b/sections/main-product.liquid
index 9b13323..186f983 100644
--- a/sections/main-product.liquid
+++ b/sections/main-product.liquid
@@ -65,6 +65,8 @@
     >
   {%- endif -%}
 
+  {% render "shx-product-page-shopping-cart-quick-add" %}
+
   {% assign variant_images = product.images | where: 'attached_to_variant?', true | map: 'src' %}
   <div class="page-width">
     <div class="product product--{{ section.settings.media_size }} product--{{ section.settings.media_position }} product--{{ section.settings.gallery_layout }} product--mobile-{{ section.settings.mobile_thumbnails }} grid grid--1-col {% if product.media.size > 0 %}grid--2-col-tablet{% else %}product--no-media{% endif %}">
diff --git a/snippets/buy-buttons.liquid b/snippets/buy-buttons.liquid
index 892092d..8bdc636 100644
--- a/snippets/buy-buttons.liquid
+++ b/snippets/buy-buttons.liquid
@@ -51,8 +51,6 @@
         novalidate: 'novalidate',
         data-type: 'add-to-cart-form'
       -%}
-        {% render "shx-product-page-shopping-cart-quick-add" %}
-
         <input
           type="hidden"
           name="id"
diff --git a/snippets/shx-product-page-shopping-cart-quick-add.liquid b/snippets/shx-product-page-shopping-cart-quick-add.liquid
index 3100e0d..febcdbb 100644
--- a/snippets/shx-product-page-shopping-cart-quick-add.liquid
+++ b/snippets/shx-product-page-shopping-cart-quick-add.liquid
@@ -1,7 +1,17 @@
+{%- form 'product',
+  product,
+  id: product_form_id,
+  class: 'form',
+  novalidate: 'novalidate',
+  data-type: 'add-to-cart-form'
+-%}
+
 <button id="scrollToCartButton" class="scroll-to-cart-button" onclick="document.getElementById('AddToCartForm').scrollIntoView();">
   In den Warenkorb
 </button>
 
+{%- endform -%}
+
 <style>
   .scroll-to-cart-button {
     position: fixed;