Fix selector for Quick Add Bulk

assets/quick-add-bulk.js

@@ -177,9 +177,9 @@ if (!customElements.get('quick-add-bulk')) {
       getSectionsToRender() {
         return [
           {
-            id: `quick-add-bulk-${this.dataset.id}-${this.closest('.collection').dataset.id}`,
-            section: this.closest('.collection').dataset.id,
-            selector: `#quick-add-bulk-${this.dataset.id}-${this.closest('.collection').dataset.id}`
+            id: `quick-add-bulk-${this.dataset.id}-${this.closest('.collection-quick-add-bulk').dataset.id}`,
+            section: this.closest('.collection-quick-add-bulk').dataset.id,
+            selector: `#quick-add-bulk-${this.dataset.id}-${this.closest('.collection-quick-add-bulk').dataset.id}`
           },
           {
             id: 'cart-icon-bubble',

sections/featured-collection.liquid

@@ -62,7 +62,7 @@
   class="color-{{ section.settings.color_scheme }} isolate gradient"
 >
   <div
-    class="collection section-{{ section.id }}-padding{% if section.settings.full_width %} collection--full-width{% endif %}"
+    class="collection{% if section.settings.quick_add == 'bulk' %} collection-quick-add-bulk{% endif %} section-{{ section.id }}-padding{% if section.settings.full_width %} collection--full-width{% endif %}"
     id="collection-{{ section.id }}"
     data-id="{{ section.id }}"
   >
@@ -103,16 +103,16 @@
               style="--animation-order: {{ forloop.index }};"
             {% endif %}
           >
             {% render 'card-product',
               card_product: product,
               media_aspect_ratio: section.settings.image_ratio,
               image_shape: section.settings.image_shape,
               show_secondary_image: section.settings.show_secondary_image,
               show_vendor: section.settings.show_vendor,
               show_rating: section.settings.show_rating,
               section_id: section.id,
               quick_add: section.settings.quick_add
             %}
           </li>
         {%- else -%}
           {%- for i in (1..section.settings.columns_desktop) -%}
@@ -133,12 +133,12 @@
                 endcase
               %}
               {%- assign placeholder_image = 'product-apparel-' | append: ridx -%}
               {% render 'card-product',
                 show_vendor: section.settings.show_vendor,
                 media_aspect_ratio: section.settings.image_ratio,
                 image_shape: section.settings.image_shape,
                 placeholder_image: placeholder_image
               %}
             </li>
           {%- endfor -%}
         {%- endfor -%}
@@ -190,7 +190,7 @@
   </div>
 </div>
 
 {% schema %}
 {
   "name": "t:sections.featured-collection.name",
   "tag": "section",

sections/main-collection-product-grid.liquid

@@ -139,14 +139,15 @@
         {%- else -%}
           <div
             class="collection{% if section.settings.filter_type != 'vertical' %} page-width{% endif %}"
-            data-id="{{ section.id }}"
           >
             <div class="loading-overlay gradient"></div>
             <ul
               id="product-grid"
+              data-id="{{ section.id }}"
               class="
                 grid product-grid grid--{{ section.settings.columns_mobile }}-col-tablet-down
                 grid--{{ section.settings.columns_desktop }}-col-desktop
+                {% if section.settings.quick_add == 'bulk' %} collection-quick-add-bulk{% endif %}
               "
             >
               {%- for product in collection.products -%}
@@ -161,17 +162,17 @@
                     style="--animation-order: {{ forloop.index }};"
                   {% endif %}
                 >
                   {% render 'card-product',
                     card_product: product,
                     media_aspect_ratio: section.settings.image_ratio,
                     image_shape: section.settings.image_shape,
                     show_secondary_image: section.settings.show_secondary_image,
                     show_vendor: section.settings.show_vendor,
                     show_rating: section.settings.show_rating,
                     lazy_load: lazy_load,
                     quick_add: section.settings.quick_add,
                     section_id: section.id
                   %}
                 </li>
               {%- endfor -%}
             </ul>