shopping cart quick add

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 %}">

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"

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;