From 13b2b2b81a0a8906cdbafec0cd4c4303ecce96c5 Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Mon, 31 Jan 2022 14:56:46 -0500
Subject: [PATCH 01/51] Feat. collection updates

---
 locales/en.default.schema.json      |  46 ++++++++++++
 sections/featured-collection.liquid | 111 +++++++++++++++++++++++++---
 2 files changed, 148 insertions(+), 9 deletions(-)

diff --git a/locales/en.default.schema.json b/locales/en.default.schema.json
index a4c7e477224..8c38ccff33f 100644
--- a/locales/en.default.schema.json
+++ b/locales/en.default.schema.json
@@ -578,6 +578,52 @@
         "title": {
           "label": "Heading"
         },
+        "title_size": {
+          "label": "Heading size",
+          "options__1":{
+            "label": "Small"
+          },
+          "options__2":{
+            "label": "Medium"
+          },
+          "options__3":{
+            "label": "Large"
+          }
+        },
+        "vertical_offset": {
+          "label": "Heading vertical offset"
+        },
+        "horizontal_offset": {
+          "label": "Heading horizontal offset"
+        },
+        "show_description": {
+          "label": "Show collection description"
+        },
+        "description": {
+          "label": "Description",
+          "info": "Leave blank to use the collection description from the admin"
+        },
+        "description_style": {
+          "label": "Description style",
+          "options__1": {
+            "label": "Body"
+          },
+          "options__2": {
+            "label": "Subtitle"
+          }
+        },
+        "heading_alignment": {
+          "label": "Heading and description alignment",
+          "options__1": {
+            "label": "Left"
+          },
+          "options__2": {
+            "label": "Center"
+          },
+          "options__3": {
+            "label": "Right"
+          }
+        },
         "collection": {
           "label": "Collection"
         },
diff --git a/sections/featured-collection.liquid b/sections/featured-collection.liquid
index 7b6e15bc891..f00acf7889a 100644
--- a/sections/featured-collection.liquid
+++ b/sections/featured-collection.liquid
@@ -33,15 +33,19 @@
 <div class="color-{{ section.settings.color_scheme }} isolate gradient">
   <div class="collection page-width{% if section.settings.swipe_on_mobile == true and section.settings.collection.all_products_count > 2 and section.settings.products_to_show > 2 %} page-width-desktop{% endif %} section-{{ section.id }}-padding">
     {% unless section.settings.title == blank %}
-      <div class="title-wrapper-with-link{% if section.settings.title == blank %} title-wrapper-with-link--no-heading{% endif %}{% if section.settings.collection.all_products_count > 2 and section.settings.swipe_on_mobile and section.settings.products_to_show > 2 %} title-wrapper--self-padded-tablet-down{% endif %} title-wrapper--no-top-margin">
-        <h2 class="title{% if section.settings.title == blank %} title--no-heading{% endif %}">{{ section.settings.title | escape }}</h2>
-  
+      <div class="title-wrapper--no-top-margin {{ section.settings.heading_alignment }}{% if section.settings.title == blank %} title-wrapper-with-link--no-heading{% endif %}{% if section.settings.collection.all_products_count > 2 and section.settings.swipe_on_mobile and section.settings.products_to_show > 2 %} title-wrapper--self-padded-tablet-down{% endif %}">
+        <h2 class="title {{ section.settings.title_size }}{% if section.settings.title == blank %} title--no-heading{% endif %}" {% unless section.settings.show_description %}style="transform: translate({{ section.settings.horizontal_offset }}px, {{ section.settings.vertical_offset }}px); z-index: 1;"{% endunless %}>{{ section.settings.title | escape }}</h2>
+
         {%- if section.settings.show_view_all and section.settings.swipe_on_mobile and more_in_collection -%}
           <a href="{{ section.settings.collection.url }}" class="link underlined-link large-up-hide">{{ 'sections.featured_collection.view_all' | t }}</a>
         {%- endif -%}
+
+        {% if section.settings.show_description %}
+          <div{% if section.settings.description_style == 'subtitle' %} class="subtitle"{% endif %}>{% if section.settings.description == empty %}{{ section.settings.collection.description }}{% else %}{{ section.settings.description }}{% endif %}</div>
+        {% endif %}
       </div>
     {% endunless %}
-  
+
     <slider-component class="slider-mobile-gutter">
       <ul id="Slider-{{ section.id }}" class="grid grid--2-col product-grid{% if products_to_display == 4 or section.settings.collection == blank %} grid--2-col-tablet grid--4-col-desktop{% else %} grid--3-col-tablet{% endif %}{% if products_to_display > 5 %} grid--one-third-max grid--4-col-desktop grid--quarter-max{% endif %}{% if section.settings.collection.all_products_count > 2 and section.settings.swipe_on_mobile and section.settings.products_to_show > 2 %} slider slider--tablet grid--peek{% endif %}" role="list">
         {%- for product in section.settings.collection.products limit: section.settings.products_to_show -%}
@@ -75,7 +79,7 @@
         </div>
       {%- endif -%}
     </slider-component>
-  
+
     {%- if section.settings.show_view_all and more_in_collection -%}
       <div class="center collection__view-all{% if section.settings.swipe_on_mobile %} small-hide medium-hide{% endif %}">
         <a href="{{ section.settings.collection.url }}"
@@ -95,6 +99,11 @@
   "tag": "section",
   "class": "section",
   "settings": [
+    {
+      "type": "collection",
+      "id": "collection",
+      "label": "t:sections.featured-collection.settings.collection.label"
+    },
     {
       "type": "text",
       "id": "title",
@@ -102,9 +111,93 @@
       "label": "t:sections.featured-collection.settings.title.label"
     },
     {
-      "type": "collection",
-      "id": "collection",
-      "label": "t:sections.featured-collection.settings.collection.label"
+      "type": "select",
+      "id": "title_size",
+      "label": "t:sections.featured-collection.settings.title_size.label",
+      "options": [
+        {
+          "value": "h2",
+          "label": "t:sections.featured-collection.settings.title_size.options__1.label"
+        },
+        {
+          "value": "h1",
+          "label": "t:sections.featured-collection.settings.title_size.options__2.label"
+        },
+        {
+          "value": "h0",
+          "label": "t:sections.featured-collection.settings.title_size.options__3.label"
+        }
+      ],
+      "default": "h2"
+    },
+    {
+      "type": "range",
+      "id": "vertical_offset",
+      "min": -80,
+      "max": 80,
+      "step": 8,
+      "unit": "px",
+      "label": "t:sections.featured-collection.settings.vertical_offset.label",
+      "default": 0
+    },
+    {
+      "type": "range",
+      "id": "horizontal_offset",
+      "min": -80,
+      "max": 80,
+      "step": 8,
+      "unit": "px",
+      "label": "t:sections.featured-collection.settings.horizontal_offset.label",
+      "default": 0
+    },
+    {
+      "type": "checkbox",
+      "id": "show_description",
+      "label": "t:sections.featured-collection.settings.show_description.label",
+      "default": false
+    },
+    {
+      "type": "richtext",
+      "id": "description",
+      "label": "t:sections.featured-collection.settings.description.label",
+      "default": "<p></p>",
+      "info": "t:sections.featured-collection.settings.description.info"
+    },
+    {
+      "type": "select",
+      "id": "description_style",
+      "label": "t:sections.featured-collection.settings.description_style.label",
+      "options": [
+        {
+          "value": "body",
+          "label": "t:sections.featured-collection.settings.description_style.options__1.label"
+        },
+        {
+          "value": "subtitle",
+          "label": "t:sections.featured-collection.settings.description_style.options__2.label"
+        }
+      ],
+      "default": "body"
+    },
+    {
+      "type": "select",
+      "id": "heading_alignment",
+      "label": "t:sections.featured-collection.settings.heading_alignment.label",
+      "options": [
+        {
+          "value": "left",
+          "label": "t:sections.featured-collection.settings.heading_alignment.options__1.label"
+        },
+        {
+          "value": "center",
+          "label": "t:sections.featured-collection.settings.heading_alignment.options__2.label"
+        },
+        {
+          "value": "right",
+          "label": "t:sections.featured-collection.settings.heading_alignment.options__3.label"
+        }
+      ],
+      "default": "left"
     },
     {
       "type": "range",
@@ -230,4 +323,4 @@
     }
   ]
 }
-{% endschema %}
\ No newline at end of file
+{% endschema %}

From e13619e2281c0906e94d097d5b9b6b968ae59b76 Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Mon, 31 Jan 2022 15:54:57 -0500
Subject: [PATCH 02/51] add uppercase option

---
 locales/en.default.schema.json      |  3 +++
 sections/featured-collection.liquid | 16 ++++++++++------
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/locales/en.default.schema.json b/locales/en.default.schema.json
index 8c38ccff33f..b84b8882009 100644
--- a/locales/en.default.schema.json
+++ b/locales/en.default.schema.json
@@ -610,6 +610,9 @@
           },
           "options__2": {
             "label": "Subtitle"
+          },
+          "options__3": {
+            "label": "Uppercase"
           }
         },
         "heading_alignment": {
diff --git a/sections/featured-collection.liquid b/sections/featured-collection.liquid
index f00acf7889a..6ce57665e21 100644
--- a/sections/featured-collection.liquid
+++ b/sections/featured-collection.liquid
@@ -41,7 +41,7 @@
         {%- endif -%}
 
         {% if section.settings.show_description %}
-          <div{% if section.settings.description_style == 'subtitle' %} class="subtitle"{% endif %}>{% if section.settings.description == empty %}{{ section.settings.collection.description }}{% else %}{{ section.settings.description }}{% endif %}</div>
+          <div class="{{ section.settings.description_style }}">{% if section.settings.description == empty %}{{ section.settings.collection.description }}{% else %}{{ section.settings.description }}{% endif %}</div>
         {% endif %}
       </div>
     {% endunless %}
@@ -99,11 +99,6 @@
   "tag": "section",
   "class": "section",
   "settings": [
-    {
-      "type": "collection",
-      "id": "collection",
-      "label": "t:sections.featured-collection.settings.collection.label"
-    },
     {
       "type": "text",
       "id": "title",
@@ -175,6 +170,10 @@
         {
           "value": "subtitle",
           "label": "t:sections.featured-collection.settings.description_style.options__2.label"
+        },
+        {
+          "value": "uppercase",
+          "label": "t:sections.featured-collection.settings.description_style.options__3.label"
         }
       ],
       "default": "body"
@@ -199,6 +198,11 @@
       ],
       "default": "left"
     },
+    {
+      "type": "collection",
+      "id": "collection",
+      "label": "t:sections.featured-collection.settings.collection.label"
+    },
     {
       "type": "range",
       "id": "products_to_show",

From 2b9742ed62ac0f02a61951436fae5d829df7e408 Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Tue, 1 Feb 2022 17:18:48 -0500
Subject: [PATCH 03/51] updates to add slider option on desktop

---
 assets/template-collection.css      |  4 ++
 locales/en.default.schema.json      | 27 ++++++++++
 sections/featured-collection.liquid | 78 ++++++++++++++++++++++-------
 3 files changed, 91 insertions(+), 18 deletions(-)

diff --git a/assets/template-collection.css b/assets/template-collection.css
index d26af021f3e..756fcae2bf0 100644
--- a/assets/template-collection.css
+++ b/assets/template-collection.css
@@ -44,6 +44,10 @@
   margin-bottom: 15rem;
 }
 
+.collection .slider.slider--everywhere .slider__slide {
+  scroll-snap-align: start;
+}
+
 .collection__view-all {
   margin-top: 2rem;
 }
diff --git a/locales/en.default.schema.json b/locales/en.default.schema.json
index b84b8882009..de9ab0268c9 100644
--- a/locales/en.default.schema.json
+++ b/locales/en.default.schema.json
@@ -636,6 +636,33 @@
         "show_view_all": {
           "label": "Enable \"View all\" button if collection has more products than shown"
         },
+        "view_all_style": {
+          "label": "View all style",
+          "options__1": {
+            "label": "Link"
+          },
+          "options__2": {
+            "label": "Outline button"
+          },
+          "options__3": {
+            "label": "Solid button"
+          }
+        },
+        "carousel_type": {
+          "label": "Carousel type",
+          "options__1": {
+            "label": "None"
+          },
+          "options__2": {
+            "label": "Tablet down"
+          },
+          "options__3": {
+            "label": "Everywhere"
+          }
+        },
+        "enable_desktop_carousel": {
+          "label": "Enable carousel on desktop"
+        },
         "swipe_on_mobile": {
           "label": "Enable swipe on mobile"
         },
diff --git a/sections/featured-collection.liquid b/sections/featured-collection.liquid
index 6ce57665e21..7e5dc517713 100644
--- a/sections/featured-collection.liquid
+++ b/sections/featured-collection.liquid
@@ -35,11 +35,6 @@
     {% unless section.settings.title == blank %}
       <div class="title-wrapper--no-top-margin {{ section.settings.heading_alignment }}{% if section.settings.title == blank %} title-wrapper-with-link--no-heading{% endif %}{% if section.settings.collection.all_products_count > 2 and section.settings.swipe_on_mobile and section.settings.products_to_show > 2 %} title-wrapper--self-padded-tablet-down{% endif %}">
         <h2 class="title {{ section.settings.title_size }}{% if section.settings.title == blank %} title--no-heading{% endif %}" {% unless section.settings.show_description %}style="transform: translate({{ section.settings.horizontal_offset }}px, {{ section.settings.vertical_offset }}px); z-index: 1;"{% endunless %}>{{ section.settings.title | escape }}</h2>
-
-        {%- if section.settings.show_view_all and section.settings.swipe_on_mobile and more_in_collection -%}
-          <a href="{{ section.settings.collection.url }}" class="link underlined-link large-up-hide">{{ 'sections.featured_collection.view_all' | t }}</a>
-        {%- endif -%}
-
         {% if section.settings.show_description %}
           <div class="{{ section.settings.description_style }}">{% if section.settings.description == empty %}{{ section.settings.collection.description }}{% else %}{{ section.settings.description }}{% endif %}</div>
         {% endif %}
@@ -47,9 +42,10 @@
     {% endunless %}
 
     <slider-component class="slider-mobile-gutter">
-      <ul id="Slider-{{ section.id }}" class="grid grid--2-col product-grid{% if products_to_display == 4 or section.settings.collection == blank %} grid--2-col-tablet grid--4-col-desktop{% else %} grid--3-col-tablet{% endif %}{% if products_to_display > 5 %} grid--one-third-max grid--4-col-desktop grid--quarter-max{% endif %}{% if section.settings.collection.all_products_count > 2 and section.settings.swipe_on_mobile and section.settings.products_to_show > 2 %} slider slider--tablet grid--peek{% endif %}" role="list">
+      {% comment %} grid--peek to re add below on the <ul> {% endcomment %}
+      <ul id="Slider-{{ section.id }}" class="grid grid--2-col product-grid{% if products_to_display == 4 or section.settings.collection == blank %} grid--2-col-tablet grid--4-col-desktop{% else %} grid--3-col-tablet{% endif %}{% if products_to_display > 5 %} grid--one-third-max grid--4-col-desktop grid--quarter-max{% endif %}{% if section.settings.collection.all_products_count > 2 and section.settings.carousel_type != 'none' and section.settings.products_to_show > 2 %} slider slider--{{ section.settings.carousel_type }}{% endif %}" role="list">
         {%- for product in section.settings.collection.products limit: section.settings.products_to_show -%}
-          <li id="Slide-{{ section.id }}-{{ forloop.index }}" class="grid__item{% if section.settings.collection.all_products_count > 2 and section.settings.swipe_on_mobile and section.settings.products_to_show > 2 %} slider__slide{% endif %}">
+          <li id="Slide-{{ section.id }}-{{ forloop.index }}" class="grid__item{% if section.settings.collection.all_products_count > 2 and section.settings.carousel_type != 'none' and section.settings.products_to_show > 2 %} slider__slide{% endif %}">
             {% render 'card-product',
               card_product: product,
               media_aspect_ratio: section.settings.image_ratio,
@@ -66,24 +62,24 @@
           {%- endfor -%}
         {%- endfor -%}
       </ul>
-      {%- if section.settings.collection.all_products_count > 2 and section.settings.swipe_on_mobile and section.settings.products_to_show > 2 -%}
+      {%- if section.settings.collection.all_products_count > 2 and section.settings.carousel_type != 'none' and section.settings.products_to_show > 2 -%}
         <div class="slider-buttons no-js-hidden{% if section.settings.collection.all_products_count < 4 %} medium-hide{% endif %}{% if section.settings.collection.all_products_count < 3 %} small-hide{% endif %}">
-          <button type="button" class="slider-button slider-button--prev" name="previous" aria-label="{{ 'general.slider.previous_slide' | t }}">{% render 'icon-caret' %}</button>
+          <button type="button" class="slider-button slider-button--prev" name="previous" aria-label="{{ 'general.slider.previous_slide' | t }}" data-step="2">{% render 'icon-caret' %}</button>
           <div class="slider-counter caption">
             <span class="slider-counter--current">1</span>
             <span aria-hidden="true"> / </span>
             <span class="visually-hidden">{{ 'general.slider.of' | t }}</span>
             <span class="slider-counter--total">{{ products_to_display }}</span>
           </div>
-          <button type="button" class="slider-button slider-button--next" name="next" aria-label="{{ 'general.slider.next_slide' | t }}">{% render 'icon-caret' %}</button>
+          <button type="button" class="slider-button slider-button--next" name="next" aria-label="{{ 'general.slider.next_slide' | t }}" data-step="2">{% render 'icon-caret' %}</button>
         </div>
       {%- endif -%}
     </slider-component>
 
     {%- if section.settings.show_view_all and more_in_collection -%}
-      <div class="center collection__view-all{% if section.settings.swipe_on_mobile %} small-hide medium-hide{% endif %}">
+      <div class="center collection__view-all">
         <a href="{{ section.settings.collection.url }}"
-          class="button"
+          class="{% if section.settings.view_all_style == 'link' %}link underlined-link{% elsif section.settings.view_all_style == 'solid' %}button{% else %}button button--secondary{% endif %}"
           aria-label="{{ 'sections.featured_collection.view_all_label' | t: collection_name: section.settings.collection.title }}"
         >
           {{ 'sections.featured_collection.view_all' | t }}
@@ -212,6 +208,58 @@
       "default": 4,
       "label": "t:sections.featured-collection.settings.products_to_show.label"
     },
+    {
+      "type": "checkbox",
+      "id": "show_view_all",
+      "default": true,
+      "label": "t:sections.featured-collection.settings.show_view_all.label"
+    },
+    {
+      "type": "select",
+      "id": "view_all_style",
+      "label": "t:sections.featured-collection.settings.view_all_style.label",
+      "options": [
+        {
+          "value": "link",
+          "label": "t:sections.featured-collection.settings.view_all_style.options__1.label"
+        },
+        {
+          "value": "outline",
+          "label": "t:sections.featured-collection.settings.view_all_style.options__2.label"
+        },
+        {
+          "value": "solid",
+          "label": "t:sections.featured-collection.settings.view_all_style.options__3.label"
+        }
+      ],
+      "default": "link"
+    },
+    {
+      "type": "select",
+      "id": "carousel_type",
+      "label": "t:sections.featured-collection.settings.carousel_type.label",
+      "options": [
+        {
+          "value": "none",
+          "label": "t:sections.featured-collection.settings.carousel_type.options__1.label"
+        },
+        {
+          "value": "tablet",
+          "label": "t:sections.featured-collection.settings.carousel_type.options__2.label"
+        },
+        {
+          "value": "everywhere",
+          "label": "t:sections.featured-collection.settings.carousel_type.options__3.label"
+        }
+      ],
+      "default": "none"
+    },
+    {
+      "type": "checkbox",
+      "id": "enable_desktop_carousel",
+      "default": false,
+      "label": "t:sections.featured-collection.settings.enable_desktop_carousel.label"
+    },
     {
       "type": "select",
       "id": "color_scheme",
@@ -241,12 +289,6 @@
       "label": "t:sections.all.colors.label",
       "info": "t:sections.all.colors.has_cards_info"
     },
-    {
-      "type": "checkbox",
-      "id": "show_view_all",
-      "default": true,
-      "label": "t:sections.featured-collection.settings.show_view_all.label"
-    },
     {
       "type": "checkbox",
       "id": "swipe_on_mobile",

From 7256df0435224697a3bde39b1a179a29cac28af5 Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Tue, 1 Feb 2022 17:29:01 -0500
Subject: [PATCH 04/51] change data step to 1 for the time being

---
 sections/featured-collection.liquid | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/sections/featured-collection.liquid b/sections/featured-collection.liquid
index 7e5dc517713..2e7d14cf6eb 100644
--- a/sections/featured-collection.liquid
+++ b/sections/featured-collection.liquid
@@ -64,14 +64,14 @@
       </ul>
       {%- if section.settings.collection.all_products_count > 2 and section.settings.carousel_type != 'none' and section.settings.products_to_show > 2 -%}
         <div class="slider-buttons no-js-hidden{% if section.settings.collection.all_products_count < 4 %} medium-hide{% endif %}{% if section.settings.collection.all_products_count < 3 %} small-hide{% endif %}">
-          <button type="button" class="slider-button slider-button--prev" name="previous" aria-label="{{ 'general.slider.previous_slide' | t }}" data-step="2">{% render 'icon-caret' %}</button>
+          <button type="button" class="slider-button slider-button--prev" name="previous" aria-label="{{ 'general.slider.previous_slide' | t }}" data-step="1">{% render 'icon-caret' %}</button>
           <div class="slider-counter caption">
             <span class="slider-counter--current">1</span>
             <span aria-hidden="true"> / </span>
             <span class="visually-hidden">{{ 'general.slider.of' | t }}</span>
             <span class="slider-counter--total">{{ products_to_display }}</span>
           </div>
-          <button type="button" class="slider-button slider-button--next" name="next" aria-label="{{ 'general.slider.next_slide' | t }}" data-step="2">{% render 'icon-caret' %}</button>
+          <button type="button" class="slider-button slider-button--next" name="next" aria-label="{{ 'general.slider.next_slide' | t }}" data-step="1">{% render 'icon-caret' %}</button>
         </div>
       {%- endif -%}
     </slider-component>

From a5c1c1db1fdedfe456cfe50fa5506e1620ca7c0e Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Wed, 2 Feb 2022 17:15:20 -0500
Subject: [PATCH 05/51] remove existing swipe settings

---
 locales/en.default.schema.json      |  6 ------
 sections/featured-collection.liquid | 21 ++++-----------------
 2 files changed, 4 insertions(+), 23 deletions(-)

diff --git a/locales/en.default.schema.json b/locales/en.default.schema.json
index de9ab0268c9..faa37c9aa52 100644
--- a/locales/en.default.schema.json
+++ b/locales/en.default.schema.json
@@ -660,12 +660,6 @@
             "label": "Everywhere"
           }
         },
-        "enable_desktop_carousel": {
-          "label": "Enable carousel on desktop"
-        },
-        "swipe_on_mobile": {
-          "label": "Enable swipe on mobile"
-        },
         "header": {
           "content": "Product card"
         },
diff --git a/sections/featured-collection.liquid b/sections/featured-collection.liquid
index 2e7d14cf6eb..58415572865 100644
--- a/sections/featured-collection.liquid
+++ b/sections/featured-collection.liquid
@@ -31,10 +31,10 @@
 -%}
 
 <div class="color-{{ section.settings.color_scheme }} isolate gradient">
-  <div class="collection page-width{% if section.settings.swipe_on_mobile == true and section.settings.collection.all_products_count > 2 and section.settings.products_to_show > 2 %} page-width-desktop{% endif %} section-{{ section.id }}-padding">
+  <div class="collection page-width{% if section.settings.carousel_type == 'tablet' and section.settings.collection.all_products_count > 2 and section.settings.products_to_show > 2 %} page-width-desktop{% endif %} section-{{ section.id }}-padding">
     {% unless section.settings.title == blank %}
-      <div class="title-wrapper--no-top-margin {{ section.settings.heading_alignment }}{% if section.settings.title == blank %} title-wrapper-with-link--no-heading{% endif %}{% if section.settings.collection.all_products_count > 2 and section.settings.swipe_on_mobile and section.settings.products_to_show > 2 %} title-wrapper--self-padded-tablet-down{% endif %}">
-        <h2 class="title {{ section.settings.title_size }}{% if section.settings.title == blank %} title--no-heading{% endif %}" {% unless section.settings.show_description %}style="transform: translate({{ section.settings.horizontal_offset }}px, {{ section.settings.vertical_offset }}px); z-index: 1;"{% endunless %}>{{ section.settings.title | escape }}</h2>
+      <div class="title-wrapper--no-top-margin {{ section.settings.heading_alignment }}{% if section.settings.title == blank %} title-wrapper-with-link--no-heading{% endif %}{% if section.settings.collection.all_products_count > 2 and section.settings.carousel_type != 'none' and section.settings.products_to_show > 2 %} title-wrapper--self-padded-tablet-down{% endif %}"{% unless section.settings.show_description %} style="position: relative; transform: translate({{ section.settings.horizontal_offset }}px, {{ section.settings.vertical_offset }}px); z-index: 1;"{% endunless %}>
+        <h2 class="title {{ section.settings.title_size }}{% if section.settings.title == blank %} title--no-heading{% endif %}">{{ section.settings.title | escape }}</h2>
         {% if section.settings.show_description %}
           <div class="{{ section.settings.description_style }}">{% if section.settings.description == empty %}{{ section.settings.collection.description }}{% else %}{{ section.settings.description }}{% endif %}</div>
         {% endif %}
@@ -42,8 +42,7 @@
     {% endunless %}
 
     <slider-component class="slider-mobile-gutter">
-      {% comment %} grid--peek to re add below on the <ul> {% endcomment %}
-      <ul id="Slider-{{ section.id }}" class="grid grid--2-col product-grid{% if products_to_display == 4 or section.settings.collection == blank %} grid--2-col-tablet grid--4-col-desktop{% else %} grid--3-col-tablet{% endif %}{% if products_to_display > 5 %} grid--one-third-max grid--4-col-desktop grid--quarter-max{% endif %}{% if section.settings.collection.all_products_count > 2 and section.settings.carousel_type != 'none' and section.settings.products_to_show > 2 %} slider slider--{{ section.settings.carousel_type }}{% endif %}" role="list">
+      <ul id="Slider-{{ section.id }}" class="grid grid--2-col product-grid{% if products_to_display == 4 or section.settings.collection == blank %} grid--2-col-tablet grid--4-col-desktop{% else %} grid--3-col-tablet{% endif %}{% if products_to_display > 5 %} grid--one-third-max grid--4-col-desktop grid--quarter-max{% endif %}{% if section.settings.collection.all_products_count > 2 and section.settings.carousel_type != 'none' and section.settings.products_to_show > 2 %} slider slider--{{ section.settings.carousel_type }}{% endif %}{% if section.settings.carousel_type == 'tablet' %} grid--peek{% endif %}" role="list">
         {%- for product in section.settings.collection.products limit: section.settings.products_to_show -%}
           <li id="Slide-{{ section.id }}-{{ forloop.index }}" class="grid__item{% if section.settings.collection.all_products_count > 2 and section.settings.carousel_type != 'none' and section.settings.products_to_show > 2 %} slider__slide{% endif %}">
             {% render 'card-product',
@@ -254,12 +253,6 @@
       ],
       "default": "none"
     },
-    {
-      "type": "checkbox",
-      "id": "enable_desktop_carousel",
-      "default": false,
-      "label": "t:sections.featured-collection.settings.enable_desktop_carousel.label"
-    },
     {
       "type": "select",
       "id": "color_scheme",
@@ -289,12 +282,6 @@
       "label": "t:sections.all.colors.label",
       "info": "t:sections.all.colors.has_cards_info"
     },
-    {
-      "type": "checkbox",
-      "id": "swipe_on_mobile",
-      "default": false,
-      "label": "t:sections.featured-collection.settings.swipe_on_mobile.label"
-    },
     {
       "type": "header",
       "content": "t:sections.featured-collection.settings.header.content"

From 8cc4740f3b317fd538232443bf30666abf2daa9b Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Thu, 3 Feb 2022 10:35:00 -0500
Subject: [PATCH 06/51] change setting order, limit the horizontal offset

---
 sections/featured-collection.liquid | 30 ++++++++++++++++++++++-------
 1 file changed, 23 insertions(+), 7 deletions(-)

diff --git a/sections/featured-collection.liquid b/sections/featured-collection.liquid
index 58415572865..5b5579e1a9d 100644
--- a/sections/featured-collection.liquid
+++ b/sections/featured-collection.liquid
@@ -21,6 +21,22 @@
   }
 {%- endstyle -%}
 
+{% unless section.settings.show_description %}
+  {%- style -%}
+    .collection__title {
+      position: relative;
+      transform: translate(calc({{ section.settings.horizontal_offset }}px / 2), calc({{ section.settings.vertical_offset }}px / 2));
+      z-index: 1;
+    }
+
+    @media screen and (min-width: 750px) {
+      .collection__title {
+        transform: translate({{ section.settings.horizontal_offset }}px, {{ section.settings.vertical_offset }}px);
+      }
+    }
+  {%- endstyle -%}
+{%- endunless -%}
+
 {%- liquid
   assign products_to_display = section.settings.collection.all_products_count
 
@@ -33,7 +49,7 @@
 <div class="color-{{ section.settings.color_scheme }} isolate gradient">
   <div class="collection page-width{% if section.settings.carousel_type == 'tablet' and section.settings.collection.all_products_count > 2 and section.settings.products_to_show > 2 %} page-width-desktop{% endif %} section-{{ section.id }}-padding">
     {% unless section.settings.title == blank %}
-      <div class="title-wrapper--no-top-margin {{ section.settings.heading_alignment }}{% if section.settings.title == blank %} title-wrapper-with-link--no-heading{% endif %}{% if section.settings.collection.all_products_count > 2 and section.settings.carousel_type != 'none' and section.settings.products_to_show > 2 %} title-wrapper--self-padded-tablet-down{% endif %}"{% unless section.settings.show_description %} style="position: relative; transform: translate({{ section.settings.horizontal_offset }}px, {{ section.settings.vertical_offset }}px); z-index: 1;"{% endunless %}>
+      <div class="collection__title title-wrapper--no-top-margin {{ section.settings.heading_alignment }}{% if section.settings.title == blank %} title-wrapper-with-link--no-heading{% endif %}{% if section.settings.collection.all_products_count > 2 and section.settings.carousel_type != 'none' and section.settings.products_to_show > 2 %} title-wrapper--self-padded-tablet-down{% endif %}">
         <h2 class="title {{ section.settings.title_size }}{% if section.settings.title == blank %} title--no-heading{% endif %}">{{ section.settings.title | escape }}</h2>
         {% if section.settings.show_description %}
           <div class="{{ section.settings.description_style }}">{% if section.settings.description == empty %}{{ section.settings.collection.description }}{% else %}{{ section.settings.description }}{% endif %}</div>
@@ -122,22 +138,22 @@
     },
     {
       "type": "range",
-      "id": "vertical_offset",
-      "min": -80,
-      "max": 80,
+      "id": "horizontal_offset",
+      "min": -48,
+      "max": 48,
       "step": 8,
       "unit": "px",
-      "label": "t:sections.featured-collection.settings.vertical_offset.label",
+      "label": "t:sections.featured-collection.settings.horizontal_offset.label",
       "default": 0
     },
     {
       "type": "range",
-      "id": "horizontal_offset",
+      "id": "vertical_offset",
       "min": -80,
       "max": 80,
       "step": 8,
       "unit": "px",
-      "label": "t:sections.featured-collection.settings.horizontal_offset.label",
+      "label": "t:sections.featured-collection.settings.vertical_offset.label",
       "default": 0
     },
     {

From 55f9b3c3d45bf9aaf714401a8ced0123b52d6104 Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Thu, 3 Feb 2022 17:21:37 -0500
Subject: [PATCH 07/51] add period

---
 locales/en.default.schema.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/locales/en.default.schema.json b/locales/en.default.schema.json
index faa37c9aa52..cab5787945a 100644
--- a/locales/en.default.schema.json
+++ b/locales/en.default.schema.json
@@ -601,7 +601,7 @@
         },
         "description": {
           "label": "Description",
-          "info": "Leave blank to use the collection description from the admin"
+          "info": "Leave blank to use the collection description from the admin."
         },
         "description_style": {
           "label": "Description style",

From 43c969c9a40f5b751491467979edc8e782326f36 Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Thu, 3 Feb 2022 17:45:20 -0500
Subject: [PATCH 08/51] remove peek and scroll snap padding

---
 assets/template-collection.css      | 4 ++++
 locales/en.default.schema.json      | 7 ++++---
 sections/featured-collection.liquid | 7 ++++---
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/assets/template-collection.css b/assets/template-collection.css
index 756fcae2bf0..f49db1cd6cb 100644
--- a/assets/template-collection.css
+++ b/assets/template-collection.css
@@ -48,6 +48,10 @@
   scroll-snap-align: start;
 }
 
+.collection .slider.product-grid {
+  scroll-padding-left: 0;
+}
+
 .collection__view-all {
   margin-top: 2rem;
 }
diff --git a/locales/en.default.schema.json b/locales/en.default.schema.json
index cab5787945a..2fe340ed74b 100644
--- a/locales/en.default.schema.json
+++ b/locales/en.default.schema.json
@@ -590,12 +590,13 @@
             "label": "Large"
           }
         },
-        "vertical_offset": {
-          "label": "Heading vertical offset"
-        },
         "horizontal_offset": {
           "label": "Heading horizontal offset"
         },
+        "vertical_offset": {
+          "label": "Heading vertical offset",
+          "info": "Offset will only apply when no collection description is shown."
+        },
         "show_description": {
           "label": "Show collection description"
         },
diff --git a/sections/featured-collection.liquid b/sections/featured-collection.liquid
index 5b5579e1a9d..d3a7fbe72fb 100644
--- a/sections/featured-collection.liquid
+++ b/sections/featured-collection.liquid
@@ -47,7 +47,7 @@
 -%}
 
 <div class="color-{{ section.settings.color_scheme }} isolate gradient">
-  <div class="collection page-width{% if section.settings.carousel_type == 'tablet' and section.settings.collection.all_products_count > 2 and section.settings.products_to_show > 2 %} page-width-desktop{% endif %} section-{{ section.id }}-padding">
+  <div class="collection page-width section-{{ section.id }}-padding">
     {% unless section.settings.title == blank %}
       <div class="collection__title title-wrapper--no-top-margin {{ section.settings.heading_alignment }}{% if section.settings.title == blank %} title-wrapper-with-link--no-heading{% endif %}{% if section.settings.collection.all_products_count > 2 and section.settings.carousel_type != 'none' and section.settings.products_to_show > 2 %} title-wrapper--self-padded-tablet-down{% endif %}">
         <h2 class="title {{ section.settings.title_size }}{% if section.settings.title == blank %} title--no-heading{% endif %}">{{ section.settings.title | escape }}</h2>
@@ -58,7 +58,7 @@
     {% endunless %}
 
     <slider-component class="slider-mobile-gutter">
-      <ul id="Slider-{{ section.id }}" class="grid grid--2-col product-grid{% if products_to_display == 4 or section.settings.collection == blank %} grid--2-col-tablet grid--4-col-desktop{% else %} grid--3-col-tablet{% endif %}{% if products_to_display > 5 %} grid--one-third-max grid--4-col-desktop grid--quarter-max{% endif %}{% if section.settings.collection.all_products_count > 2 and section.settings.carousel_type != 'none' and section.settings.products_to_show > 2 %} slider slider--{{ section.settings.carousel_type }}{% endif %}{% if section.settings.carousel_type == 'tablet' %} grid--peek{% endif %}" role="list">
+      <ul id="Slider-{{ section.id }}" class="grid grid--2-col product-grid{% if products_to_display == 4 or section.settings.collection == blank %} grid--2-col-tablet grid--4-col-desktop{% else %} grid--3-col-tablet{% endif %}{% if products_to_display > 5 %} grid--one-third-max grid--4-col-desktop grid--quarter-max{% endif %}{% if section.settings.collection.all_products_count > 2 and section.settings.carousel_type != 'none' and section.settings.products_to_show > 2 %} slider slider--{{ section.settings.carousel_type }}{% endif %}" role="list">
         {%- for product in section.settings.collection.products limit: section.settings.products_to_show -%}
           <li id="Slide-{{ section.id }}-{{ forloop.index }}" class="grid__item{% if section.settings.collection.all_products_count > 2 and section.settings.carousel_type != 'none' and section.settings.products_to_show > 2 %} slider__slide{% endif %}">
             {% render 'card-product',
@@ -154,7 +154,8 @@
       "step": 8,
       "unit": "px",
       "label": "t:sections.featured-collection.settings.vertical_offset.label",
-      "default": 0
+      "default": 0,
+      "info": "t:sections.featured-collection.settings.vertical_offset.info"
     },
     {
       "type": "checkbox",

From a3e4559c3974e6351f20a09d3ad2e141bb1621bc Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Fri, 4 Feb 2022 15:32:21 -0500
Subject: [PATCH 09/51] move description chekbox around and adjust copy

---
 locales/en.default.schema.json      |  9 ++++-----
 sections/featured-collection.liquid | 21 +++++++++------------
 2 files changed, 13 insertions(+), 17 deletions(-)

diff --git a/locales/en.default.schema.json b/locales/en.default.schema.json
index 2fe340ed74b..7e1c62e3f21 100644
--- a/locales/en.default.schema.json
+++ b/locales/en.default.schema.json
@@ -597,12 +597,11 @@
           "label": "Heading vertical offset",
           "info": "Offset will only apply when no collection description is shown."
         },
-        "show_description": {
-          "label": "Show collection description"
-        },
         "description": {
-          "label": "Description",
-          "info": "Leave blank to use the collection description from the admin."
+          "label": "Description"
+        },
+        "show_description": {
+          "label": "Show collection description from the admin"
         },
         "description_style": {
           "label": "Description style",
diff --git a/sections/featured-collection.liquid b/sections/featured-collection.liquid
index d3a7fbe72fb..25c751d9c56 100644
--- a/sections/featured-collection.liquid
+++ b/sections/featured-collection.liquid
@@ -21,7 +21,7 @@
   }
 {%- endstyle -%}
 
-{% unless section.settings.show_description %}
+{% unless section.settings.show_description or section.settings.description != empty %}
   {%- style -%}
     .collection__title {
       position: relative;
@@ -51,14 +51,12 @@
     {% unless section.settings.title == blank %}
       <div class="collection__title title-wrapper--no-top-margin {{ section.settings.heading_alignment }}{% if section.settings.title == blank %} title-wrapper-with-link--no-heading{% endif %}{% if section.settings.collection.all_products_count > 2 and section.settings.carousel_type != 'none' and section.settings.products_to_show > 2 %} title-wrapper--self-padded-tablet-down{% endif %}">
         <h2 class="title {{ section.settings.title_size }}{% if section.settings.title == blank %} title--no-heading{% endif %}">{{ section.settings.title | escape }}</h2>
-        {% if section.settings.show_description %}
-          <div class="{{ section.settings.description_style }}">{% if section.settings.description == empty %}{{ section.settings.collection.description }}{% else %}{{ section.settings.description }}{% endif %}</div>
-        {% endif %}
+          <div class="{{ section.settings.description_style }}">{%- if section.settings.show_description -%}{{ section.settings.collection.description }}{%- else -%}{{ section.settings.description }}{% endif %}</div>
       </div>
     {% endunless %}
 
     <slider-component class="slider-mobile-gutter">
-      <ul id="Slider-{{ section.id }}" class="grid grid--2-col product-grid{% if products_to_display == 4 or section.settings.collection == blank %} grid--2-col-tablet grid--4-col-desktop{% else %} grid--3-col-tablet{% endif %}{% if products_to_display > 5 %} grid--one-third-max grid--4-col-desktop grid--quarter-max{% endif %}{% if section.settings.collection.all_products_count > 2 and section.settings.carousel_type != 'none' and section.settings.products_to_show > 2 %} slider slider--{{ section.settings.carousel_type }}{% endif %}" role="list">
+      <ul id="Slider-{{ section.id }}" class="grid grid--2-col product-grid contains-card{% if settings.card_style == 'standard' %} contains-card--standard{% endif %}{% if products_to_display == 4 or section.settings.collection == blank %} grid--2-col-tablet grid--4-col-desktop{% else %} grid--3-col-tablet{% endif %}{% if products_to_display > 5 %} grid--one-third-max grid--4-col-desktop grid--quarter-max{% endif %}{% if section.settings.collection.all_products_count > 2 and section.settings.carousel_type != 'none' and section.settings.products_to_show > 2 %} slider slider--{{ section.settings.carousel_type }}{% endif %}" role="list">
         {%- for product in section.settings.collection.products limit: section.settings.products_to_show -%}
           <li id="Slide-{{ section.id }}-{{ forloop.index }}" class="grid__item{% if section.settings.collection.all_products_count > 2 and section.settings.carousel_type != 'none' and section.settings.products_to_show > 2 %} slider__slide{% endif %}">
             {% render 'card-product',
@@ -157,19 +155,18 @@
       "default": 0,
       "info": "t:sections.featured-collection.settings.vertical_offset.info"
     },
+    {
+      "type": "richtext",
+      "id": "description",
+      "label": "t:sections.featured-collection.settings.description.label",
+      "default": "<p></p>"
+    },
     {
       "type": "checkbox",
       "id": "show_description",
       "label": "t:sections.featured-collection.settings.show_description.label",
       "default": false
     },
-    {
-      "type": "richtext",
-      "id": "description",
-      "label": "t:sections.featured-collection.settings.description.label",
-      "default": "<p></p>",
-      "info": "t:sections.featured-collection.settings.description.info"
-    },
     {
       "type": "select",
       "id": "description_style",

From 46e1569cb950afec82ff8a60552eaa0609b85970 Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Fri, 4 Feb 2022 17:30:35 -0500
Subject: [PATCH 10/51] add checkboxes to enable carousel on desktop and mobile

---
 locales/en.default.schema.json      | 20 +++++++-----
 sections/featured-collection.liquid | 47 ++++++++++++++++++++---------
 2 files changed, 45 insertions(+), 22 deletions(-)

diff --git a/locales/en.default.schema.json b/locales/en.default.schema.json
index 7e1c62e3f21..9ef40a0015f 100644
--- a/locales/en.default.schema.json
+++ b/locales/en.default.schema.json
@@ -648,16 +648,16 @@
             "label": "Solid button"
           }
         },
-        "carousel_type": {
-          "label": "Carousel type",
+        "enable_desktop_slider": {
+          "label": "Enable carousel on desktop"
+        },
+        "carousel_style": {
+          "label": "Carousel style",
           "options__1": {
-            "label": "None"
+            "label": "Full cards"
           },
           "options__2": {
-            "label": "Tablet down"
-          },
-          "options__3": {
-            "label": "Everywhere"
+            "label": "Cards with peek"
           }
         },
         "header": {
@@ -684,6 +684,12 @@
         "show_rating": {
           "label": "Show product rating",
           "info": "To display a rating, add a product rating app. [Learn more](https://help.shopify.com/manual/online-store/themes/os20/themes-by-shopify/dawn/sections#featured-collection-show-product-rating)"
+        },
+        "mobile_header": {
+          "content": "Mobile Layout"
+        },
+        "enable_mobile_slider": {
+          "label": "Enable carousel on tablet/mobile"
         }
       },
       "presets": {
diff --git a/sections/featured-collection.liquid b/sections/featured-collection.liquid
index 25c751d9c56..26d37188cbd 100644
--- a/sections/featured-collection.liquid
+++ b/sections/featured-collection.liquid
@@ -44,21 +44,26 @@
     assign products_to_display = section.settings.products_to_show
     assign more_in_collection = true
   endif
+
+  assign slider_is_enabled = false
+  if section.settings.enable_mobile_slider or section.settings.enable_desktop_slider
+    assign slider_is_enabled = true
+  endif
 -%}
 
 <div class="color-{{ section.settings.color_scheme }} isolate gradient">
   <div class="collection page-width section-{{ section.id }}-padding">
     {% unless section.settings.title == blank %}
-      <div class="collection__title title-wrapper--no-top-margin {{ section.settings.heading_alignment }}{% if section.settings.title == blank %} title-wrapper-with-link--no-heading{% endif %}{% if section.settings.collection.all_products_count > 2 and section.settings.carousel_type != 'none' and section.settings.products_to_show > 2 %} title-wrapper--self-padded-tablet-down{% endif %}">
+      <div class="collection__title title-wrapper--no-top-margin {{ section.settings.heading_alignment }}{% if section.settings.title == blank %} title-wrapper-with-link--no-heading{% endif %}{% if section.settings.collection.all_products_count > 2 and slider_is_enabled and section.settings.products_to_show > 2 %} title-wrapper--self-padded-tablet-down{% endif %}">
         <h2 class="title {{ section.settings.title_size }}{% if section.settings.title == blank %} title--no-heading{% endif %}">{{ section.settings.title | escape }}</h2>
           <div class="{{ section.settings.description_style }}">{%- if section.settings.show_description -%}{{ section.settings.collection.description }}{%- else -%}{{ section.settings.description }}{% endif %}</div>
       </div>
     {% endunless %}
 
     <slider-component class="slider-mobile-gutter">
-      <ul id="Slider-{{ section.id }}" class="grid grid--2-col product-grid contains-card{% if settings.card_style == 'standard' %} contains-card--standard{% endif %}{% if products_to_display == 4 or section.settings.collection == blank %} grid--2-col-tablet grid--4-col-desktop{% else %} grid--3-col-tablet{% endif %}{% if products_to_display > 5 %} grid--one-third-max grid--4-col-desktop grid--quarter-max{% endif %}{% if section.settings.collection.all_products_count > 2 and section.settings.carousel_type != 'none' and section.settings.products_to_show > 2 %} slider slider--{{ section.settings.carousel_type }}{% endif %}" role="list">
+      <ul id="Slider-{{ section.id }}" class="grid grid--2-col product-grid contains-card{% if settings.card_style == 'standard' %} contains-card--standard{% endif %}{% if products_to_display == 4 or section.settings.collection == blank %} grid--2-col-tablet grid--4-col-desktop{% else %} grid--3-col-tablet{% endif %}{% if products_to_display > 5 %} grid--one-third-max grid--4-col-desktop grid--quarter-max{% endif %}{% if section.settings.collection.all_products_count > 2 and slider_is_enabled and section.settings.products_to_show > 2 %} slider {% if section.settings.enable_desktop_slider %}slider--everywhere{% else %}slider--tablet{% endif %}{% endif %}" role="list">
         {%- for product in section.settings.collection.products limit: section.settings.products_to_show -%}
-          <li id="Slide-{{ section.id }}-{{ forloop.index }}" class="grid__item{% if section.settings.collection.all_products_count > 2 and section.settings.carousel_type != 'none' and section.settings.products_to_show > 2 %} slider__slide{% endif %}">
+          <li id="Slide-{{ section.id }}-{{ forloop.index }}" class="grid__item{% if section.settings.collection.all_products_count > 2 and slider_is_enabled and section.settings.products_to_show > 2 %} slider__slide{% endif %}">
             {% render 'card-product',
               card_product: product,
               media_aspect_ratio: section.settings.image_ratio,
@@ -75,7 +80,7 @@
           {%- endfor -%}
         {%- endfor -%}
       </ul>
-      {%- if section.settings.collection.all_products_count > 2 and section.settings.carousel_type != 'none' and section.settings.products_to_show > 2 -%}
+      {%- if section.settings.collection.all_products_count > 2 and slider_is_enabled and section.settings.products_to_show > 2 -%}
         <div class="slider-buttons no-js-hidden{% if section.settings.collection.all_products_count < 4 %} medium-hide{% endif %}{% if section.settings.collection.all_products_count < 3 %} small-hide{% endif %}">
           <button type="button" class="slider-button slider-button--prev" name="previous" aria-label="{{ 'general.slider.previous_slide' | t }}" data-step="1">{% render 'icon-caret' %}</button>
           <div class="slider-counter caption">
@@ -247,25 +252,27 @@
       ],
       "default": "link"
     },
+    {
+      "type": "checkbox",
+      "id": "enable_desktop_slider",
+      "label": "t:sections.featured-collection.settings.enable_desktop_slider.label",
+      "default": false
+    },
     {
       "type": "select",
-      "id": "carousel_type",
-      "label": "t:sections.featured-collection.settings.carousel_type.label",
+      "id": "carousel_style",
+      "label": "t:sections.featured-collection.settings.carousel_style.label",
       "options": [
         {
-          "value": "none",
-          "label": "t:sections.featured-collection.settings.carousel_type.options__1.label"
-        },
-        {
-          "value": "tablet",
-          "label": "t:sections.featured-collection.settings.carousel_type.options__2.label"
+          "value": "full_cards",
+          "label": "t:sections.featured-collection.settings.carousel_style.options__1.label"
         },
         {
-          "value": "everywhere",
-          "label": "t:sections.featured-collection.settings.carousel_type.options__3.label"
+          "value": "cards_with_peek",
+          "label": "t:sections.featured-collection.settings.carousel_style.options__2.label"
         }
       ],
-      "default": "none"
+      "default": "full_cards"
     },
     {
       "type": "select",
@@ -339,6 +346,16 @@
       "label": "t:sections.featured-collection.settings.show_rating.label",
       "info": "t:sections.featured-collection.settings.show_rating.info"
     },
+    {
+      "type": "header",
+      "content": "t:sections.featured-collection.settings.mobile_header.content"
+    },
+    {
+      "type": "checkbox",
+      "id": "enable_mobile_slider",
+      "label": "t:sections.featured-collection.settings.enable_mobile_slider.label",
+      "default": false
+    },
     {
       "type": "header",
       "content": "t:sections.all.padding.section_padding_heading"

From aaefcb537996f1b411e3559d2b857e0b0547c23a Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Mon, 7 Feb 2022 11:18:12 -0500
Subject: [PATCH 11/51] use a new slider--desktop class

---
 assets/component-slider.css         | 27 +++++++++++++++++++++++++--
 assets/template-collection.css      |  4 ----
 sections/featured-collection.liquid |  2 +-
 3 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/assets/component-slider.css b/assets/component-slider.css
index f1086672ed3..821e3dc95af 100644
--- a/assets/component-slider.css
+++ b/assets/component-slider.css
@@ -82,7 +82,7 @@ slider-component {
 }
 
 @media (prefers-reduced-motion) {
-  .slider--everywhere {
+  .slider--everywhere, .slider--desktop {
     scroll-behavior: auto;
   }
 }
@@ -93,6 +93,29 @@ slider-component {
   scroll-snap-align: center;
 }
 
+@media screen and (max-width: 989px) {
+  .slider--desktop:not(.slider--tablet) + .slider-buttons {
+    display: none;
+  }
+}
+
+@media screen and (min-width: 990px) {
+  .slider--desktop {
+    position: relative;
+    flex-wrap: inherit;
+    overflow-x: auto;
+    scroll-snap-type: x mandatory;
+    scroll-behavior: smooth;
+    -webkit-overflow-scrolling: touch;
+    margin-bottom: 1rem;
+  }
+
+  .slider.slider--everywhere .slider__slide {
+    margin-bottom: 0;
+    padding-bottom: 0;
+  }
+}
+
 /* Scrollbar */
 
 .slider {
@@ -205,7 +228,7 @@ slider-component {
 }
 
 @media screen and (min-width: 990px) {
-  .slider:not(.slider--everywhere) + .slider-buttons {
+  .slider:not(.slider--everywhere):not(.slider--desktop) + .slider-buttons {
     display: none;
   }
 }
diff --git a/assets/template-collection.css b/assets/template-collection.css
index f49db1cd6cb..1a9dbf3a6cd 100644
--- a/assets/template-collection.css
+++ b/assets/template-collection.css
@@ -44,10 +44,6 @@
   margin-bottom: 15rem;
 }
 
-.collection .slider.slider--everywhere .slider__slide {
-  scroll-snap-align: start;
-}
-
 .collection .slider.product-grid {
   scroll-padding-left: 0;
 }
diff --git a/sections/featured-collection.liquid b/sections/featured-collection.liquid
index 26d37188cbd..11f768585f6 100644
--- a/sections/featured-collection.liquid
+++ b/sections/featured-collection.liquid
@@ -61,7 +61,7 @@
     {% endunless %}
 
     <slider-component class="slider-mobile-gutter">
-      <ul id="Slider-{{ section.id }}" class="grid grid--2-col product-grid contains-card{% if settings.card_style == 'standard' %} contains-card--standard{% endif %}{% if products_to_display == 4 or section.settings.collection == blank %} grid--2-col-tablet grid--4-col-desktop{% else %} grid--3-col-tablet{% endif %}{% if products_to_display > 5 %} grid--one-third-max grid--4-col-desktop grid--quarter-max{% endif %}{% if section.settings.collection.all_products_count > 2 and slider_is_enabled and section.settings.products_to_show > 2 %} slider {% if section.settings.enable_desktop_slider %}slider--everywhere{% else %}slider--tablet{% endif %}{% endif %}" role="list">
+      <ul id="Slider-{{ section.id }}" class="grid grid--2-col product-grid contains-card{% if settings.card_style == 'standard' %} contains-card--standard{% endif %}{% if products_to_display == 4 or section.settings.collection == blank %} grid--2-col-tablet grid--4-col-desktop{% else %} grid--3-col-tablet{% endif %}{% if products_to_display > 5 %} grid--one-third-max grid--4-col-desktop grid--quarter-max{% endif %}{% if section.settings.collection.all_products_count > 2 and slider_is_enabled and section.settings.products_to_show > 2 %} slider{% if section.settings.enable_desktop_slider %} slider--desktop{% endif %}{% if section.settings.enable_mobile_slider %} slider--tablet{% endif %}{% endif %}" role="list">
         {%- for product in section.settings.collection.products limit: section.settings.products_to_show -%}
           <li id="Slide-{{ section.id }}-{{ forloop.index }}" class="grid__item{% if section.settings.collection.all_products_count > 2 and slider_is_enabled and section.settings.products_to_show > 2 %} slider__slide{% endif %}">
             {% render 'card-product',

From f3b2ccf474a8605bf0aa6fed25d136e132444fff Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Mon, 7 Feb 2022 12:25:12 -0500
Subject: [PATCH 12/51] remove heading class and add a11y attributes

---
 locales/en.default.json             | 3 ++-
 sections/featured-collection.liquid | 8 ++++----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/locales/en.default.json b/locales/en.default.json
index 90bea3862c3..9138b854aea 100644
--- a/locales/en.default.json
+++ b/locales/en.default.json
@@ -261,7 +261,8 @@
     },
     "featured_collection": {
       "view_all": "View all",
-      "view_all_label": "View all products in the {{ collection_name }} collection"
+      "view_all_label": "View all products in the {{ collection_name }} collection",
+      "slider": "Slider"
     },
     "collection_list": {
       "view_all": "View all"
diff --git a/sections/featured-collection.liquid b/sections/featured-collection.liquid
index 11f768585f6..532ad6ab4b5 100644
--- a/sections/featured-collection.liquid
+++ b/sections/featured-collection.liquid
@@ -54,14 +54,14 @@
 <div class="color-{{ section.settings.color_scheme }} isolate gradient">
   <div class="collection page-width section-{{ section.id }}-padding">
     {% unless section.settings.title == blank %}
-      <div class="collection__title title-wrapper--no-top-margin {{ section.settings.heading_alignment }}{% if section.settings.title == blank %} title-wrapper-with-link--no-heading{% endif %}{% if section.settings.collection.all_products_count > 2 and slider_is_enabled and section.settings.products_to_show > 2 %} title-wrapper--self-padded-tablet-down{% endif %}">
+      <div class="collection__title title-wrapper--no-top-margin {{ section.settings.heading_alignment }}">
         <h2 class="title {{ section.settings.title_size }}{% if section.settings.title == blank %} title--no-heading{% endif %}">{{ section.settings.title | escape }}</h2>
           <div class="{{ section.settings.description_style }}">{%- if section.settings.show_description -%}{{ section.settings.collection.description }}{%- else -%}{{ section.settings.description }}{% endif %}</div>
       </div>
     {% endunless %}
 
     <slider-component class="slider-mobile-gutter">
-      <ul id="Slider-{{ section.id }}" class="grid grid--2-col product-grid contains-card{% if settings.card_style == 'standard' %} contains-card--standard{% endif %}{% if products_to_display == 4 or section.settings.collection == blank %} grid--2-col-tablet grid--4-col-desktop{% else %} grid--3-col-tablet{% endif %}{% if products_to_display > 5 %} grid--one-third-max grid--4-col-desktop grid--quarter-max{% endif %}{% if section.settings.collection.all_products_count > 2 and slider_is_enabled and section.settings.products_to_show > 2 %} slider{% if section.settings.enable_desktop_slider %} slider--desktop{% endif %}{% if section.settings.enable_mobile_slider %} slider--tablet{% endif %}{% endif %}" role="list">
+      <ul id="Slider-{{ section.id }}" class="grid grid--2-col product-grid contains-card{% if settings.card_style == 'standard' %} contains-card--standard{% endif %}{% if products_to_display == 4 or section.settings.collection == blank %} grid--2-col-tablet grid--4-col-desktop{% else %} grid--3-col-tablet{% endif %}{% if products_to_display > 5 %} grid--one-third-max grid--4-col-desktop grid--quarter-max{% endif %}{% if section.settings.collection.all_products_count > 2 and slider_is_enabled and section.settings.products_to_show > 2 %} slider{% if section.settings.enable_desktop_slider %} slider--desktop{% endif %}{% if section.settings.enable_mobile_slider %} slider--tablet{% endif %}{% endif %}" role="list" aria-label="{{ 'sections.featured_collection.slider' | t }}">
         {%- for product in section.settings.collection.products limit: section.settings.products_to_show -%}
           <li id="Slide-{{ section.id }}-{{ forloop.index }}" class="grid__item{% if section.settings.collection.all_products_count > 2 and slider_is_enabled and section.settings.products_to_show > 2 %} slider__slide{% endif %}">
             {% render 'card-product',
@@ -82,14 +82,14 @@
       </ul>
       {%- if section.settings.collection.all_products_count > 2 and slider_is_enabled and section.settings.products_to_show > 2 -%}
         <div class="slider-buttons no-js-hidden{% if section.settings.collection.all_products_count < 4 %} medium-hide{% endif %}{% if section.settings.collection.all_products_count < 3 %} small-hide{% endif %}">
-          <button type="button" class="slider-button slider-button--prev" name="previous" aria-label="{{ 'general.slider.previous_slide' | t }}" data-step="1">{% render 'icon-caret' %}</button>
+          <button type="button" class="slider-button slider-button--prev" name="previous" aria-label="{{ 'general.slider.previous_slide' | t }}" aria-controls="Slider-{{ section.id }}" data-step="1">{% render 'icon-caret' %}</button>
           <div class="slider-counter caption">
             <span class="slider-counter--current">1</span>
             <span aria-hidden="true"> / </span>
             <span class="visually-hidden">{{ 'general.slider.of' | t }}</span>
             <span class="slider-counter--total">{{ products_to_display }}</span>
           </div>
-          <button type="button" class="slider-button slider-button--next" name="next" aria-label="{{ 'general.slider.next_slide' | t }}" data-step="1">{% render 'icon-caret' %}</button>
+          <button type="button" class="slider-button slider-button--next" name="next" aria-label="{{ 'general.slider.next_slide' | t }}" aria-controls="Slider-{{ section.id }}" data-step="1">{% render 'icon-caret' %}</button>
         </div>
       {%- endif -%}
     </slider-component>

From b204e36e5529b86567f5c2146c16f5cab9832df6 Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Mon, 7 Feb 2022 17:48:06 -0500
Subject: [PATCH 13/51] re add grid peek behaviour at all time on mobile

---
 assets/template-collection.css      | 12 ++++++++++--
 sections/featured-collection.liquid |  6 +++---
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/assets/template-collection.css b/assets/template-collection.css
index 1a9dbf3a6cd..468cb0cd039 100644
--- a/assets/template-collection.css
+++ b/assets/template-collection.css
@@ -44,8 +44,16 @@
   margin-bottom: 15rem;
 }
 
-.collection .slider.product-grid {
-  scroll-padding-left: 0;
+@media screen and (max-width: 989px) {
+  .collection .slider--tablet.product-grid {
+    scroll-padding-left: 1.5rem;
+  }
+}
+
+@media screen and (max-width: 989px) {
+  .collection .slider--desktop.product-grid {
+    scroll-padding-left: 0;
+  }
 }
 
 .collection__view-all {
diff --git a/sections/featured-collection.liquid b/sections/featured-collection.liquid
index 532ad6ab4b5..9feeae07525 100644
--- a/sections/featured-collection.liquid
+++ b/sections/featured-collection.liquid
@@ -52,16 +52,16 @@
 -%}
 
 <div class="color-{{ section.settings.color_scheme }} isolate gradient">
-  <div class="collection page-width section-{{ section.id }}-padding">
+  <div class="collection page-width section-{{ section.id }}-padding{% if section.settings.enable_mobile_slider == true and section.settings.collection.all_products_count > 2 and section.settings.products_to_show > 2 %} page-width-desktop{% endif %}">
     {% unless section.settings.title == blank %}
-      <div class="collection__title title-wrapper--no-top-margin {{ section.settings.heading_alignment }}">
+      <div class="collection__title title-wrapper--no-top-margin {{ section.settings.heading_alignment }}{% if section.settings.collection.all_products_count > 2 and section.settings.enable_mobile_slider and section.settings.products_to_show > 2 %} title-wrapper--self-padded-tablet-down{% endif %}">
         <h2 class="title {{ section.settings.title_size }}{% if section.settings.title == blank %} title--no-heading{% endif %}">{{ section.settings.title | escape }}</h2>
           <div class="{{ section.settings.description_style }}">{%- if section.settings.show_description -%}{{ section.settings.collection.description }}{%- else -%}{{ section.settings.description }}{% endif %}</div>
       </div>
     {% endunless %}
 
     <slider-component class="slider-mobile-gutter">
-      <ul id="Slider-{{ section.id }}" class="grid grid--2-col product-grid contains-card{% if settings.card_style == 'standard' %} contains-card--standard{% endif %}{% if products_to_display == 4 or section.settings.collection == blank %} grid--2-col-tablet grid--4-col-desktop{% else %} grid--3-col-tablet{% endif %}{% if products_to_display > 5 %} grid--one-third-max grid--4-col-desktop grid--quarter-max{% endif %}{% if section.settings.collection.all_products_count > 2 and slider_is_enabled and section.settings.products_to_show > 2 %} slider{% if section.settings.enable_desktop_slider %} slider--desktop{% endif %}{% if section.settings.enable_mobile_slider %} slider--tablet{% endif %}{% endif %}" role="list" aria-label="{{ 'sections.featured_collection.slider' | t }}">
+      <ul id="Slider-{{ section.id }}" class="grid grid--2-col product-grid contains-card{% if settings.card_style == 'standard' %} contains-card--standard{% endif %}{% if products_to_display == 4 or section.settings.collection == blank %} grid--2-col-tablet grid--4-col-desktop{% else %} grid--3-col-tablet{% endif %}{% if products_to_display > 5 %} grid--one-third-max grid--4-col-desktop grid--quarter-max{% endif %}{% if section.settings.collection.all_products_count > 2 and slider_is_enabled and section.settings.products_to_show > 2 %} slider{% if section.settings.enable_desktop_slider %} slider--desktop{% endif %}{% if section.settings.enable_mobile_slider %} slider--tablet grid--peek{% endif %}{% endif %}" role="list" aria-label="{{ 'sections.featured_collection.slider' | t }}">
         {%- for product in section.settings.collection.products limit: section.settings.products_to_show -%}
           <li id="Slide-{{ section.id }}-{{ forloop.index }}" class="grid__item{% if section.settings.collection.all_products_count > 2 and slider_is_enabled and section.settings.products_to_show > 2 %} slider__slide{% endif %}">
             {% render 'card-product',

From 19e42e505de1b4d5a6361c7ae44af79b8dec45b8 Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Tue, 8 Feb 2022 10:35:59 -0500
Subject: [PATCH 14/51] fix media query and remove unnecessary styling

---
 assets/component-slider.css    | 5 -----
 assets/template-collection.css | 2 +-
 2 files changed, 1 insertion(+), 6 deletions(-)

diff --git a/assets/component-slider.css b/assets/component-slider.css
index ac14f1d5252..f7bd4adaf80 100644
--- a/assets/component-slider.css
+++ b/assets/component-slider.css
@@ -125,11 +125,6 @@ slider-component {
     -webkit-overflow-scrolling: touch;
     margin-bottom: 1rem;
   }
-
-  .slider.slider--everywhere .slider__slide {
-    margin-bottom: 0;
-    padding-bottom: 0;
-  }
 }
 
 /* Scrollbar */
diff --git a/assets/template-collection.css b/assets/template-collection.css
index 468cb0cd039..82a1770b73a 100644
--- a/assets/template-collection.css
+++ b/assets/template-collection.css
@@ -50,7 +50,7 @@
   }
 }
 
-@media screen and (max-width: 989px) {
+@media screen and (min-width: 990px) {
   .collection .slider--desktop.product-grid {
     scroll-padding-left: 0;
   }

From de421ec62bc83bf4a85fe2a6094ec5000f0cef0f Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Tue, 8 Feb 2022 13:17:32 -0500
Subject: [PATCH 15/51] edit copy

---
 locales/en.default.schema.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/locales/en.default.schema.json b/locales/en.default.schema.json
index 9ef40a0015f..140d2d1bfa8 100644
--- a/locales/en.default.schema.json
+++ b/locales/en.default.schema.json
@@ -689,7 +689,7 @@
           "content": "Mobile Layout"
         },
         "enable_mobile_slider": {
-          "label": "Enable carousel on tablet/mobile"
+          "label": "Enable swipe on mobile"
         }
       },
       "presets": {

From 8154155fe82e28de9bf7157fc6051f145b6bbedf Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Wed, 9 Feb 2022 17:35:08 -0500
Subject: [PATCH 16/51] start exploring grid peek on desktop

---
 assets/template-collection.css      | 25 +++++++++++++++++++++++++
 sections/featured-collection.liquid |  2 +-
 2 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/assets/template-collection.css b/assets/template-collection.css
index 82a1770b73a..41ad8bdc383 100644
--- a/assets/template-collection.css
+++ b/assets/template-collection.css
@@ -54,6 +54,31 @@
   .collection .slider--desktop.product-grid {
     scroll-padding-left: 0;
   }
+
+  .collection .cards-with-peek.slider--desktop {
+    scroll-padding-left: calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2);
+  }
+
+  .cards-with-peek.slider--desktop .slider__slide:first-child {
+    margin-left: calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2);
+    scroll-margin-left: calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2);
+  }
+
+  .collection .cards-with-peek.page-width {
+    padding: 0 5rem;
+  }
+
+  .cards-with-peek.grid--4-col-desktop .grid__item {
+    width: calc(25% - var(--grid-desktop-horizontal-spacing) - calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 4) * 3 / 4);
+  }
+
+  .cards-with-peek.grid--3-col-desktop .grid__item {
+    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) - calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 4) * 2 / 3);
+  }
+
+  .cards-with-peek.grid--2-col-desktop .grid__item {
+    width: calc(50% - var(--grid-desktop-horizontal-spacing) - calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 4) / 2);
+  }
 }
 
 .collection__view-all {
diff --git a/sections/featured-collection.liquid b/sections/featured-collection.liquid
index 9feeae07525..edc08c46263 100644
--- a/sections/featured-collection.liquid
+++ b/sections/featured-collection.liquid
@@ -61,7 +61,7 @@
     {% endunless %}
 
     <slider-component class="slider-mobile-gutter">
-      <ul id="Slider-{{ section.id }}" class="grid grid--2-col product-grid contains-card{% if settings.card_style == 'standard' %} contains-card--standard{% endif %}{% if products_to_display == 4 or section.settings.collection == blank %} grid--2-col-tablet grid--4-col-desktop{% else %} grid--3-col-tablet{% endif %}{% if products_to_display > 5 %} grid--one-third-max grid--4-col-desktop grid--quarter-max{% endif %}{% if section.settings.collection.all_products_count > 2 and slider_is_enabled and section.settings.products_to_show > 2 %} slider{% if section.settings.enable_desktop_slider %} slider--desktop{% endif %}{% if section.settings.enable_mobile_slider %} slider--tablet grid--peek{% endif %}{% endif %}" role="list" aria-label="{{ 'sections.featured_collection.slider' | t }}">
+      <ul id="Slider-{{ section.id }}" class="grid grid--2-col product-grid contains-card{% if section.settings.carousel_style == 'cards_with_peek' %} cards-with-peek{% endif %}{% if settings.card_style == 'standard' %} contains-card--standard{% endif %}{% if products_to_display == 4 or section.settings.collection == blank %} grid--2-col-tablet grid--4-col-desktop{% else %} grid--3-col-tablet{% endif %}{% if products_to_display > 5 %} grid--one-third-max grid--4-col-desktop grid--quarter-max{% endif %}{% if section.settings.collection.all_products_count > 2 and slider_is_enabled and section.settings.products_to_show > 2 %} slider{% if section.settings.enable_desktop_slider and section.settings.products_to_show > 4 %} slider--desktop{% endif %}{% if section.settings.enable_mobile_slider %} slider--tablet grid--peek{% endif %}{% endif %}" role="list" aria-label="{{ 'sections.featured_collection.slider' | t }}">
         {%- for product in section.settings.collection.products limit: section.settings.products_to_show -%}
           <li id="Slide-{{ section.id }}-{{ forloop.index }}" class="grid__item{% if section.settings.collection.all_products_count > 2 and slider_is_enabled and section.settings.products_to_show > 2 %} slider__slide{% endif %}">
             {% render 'card-product',

From 881dd6b54a0b1d9f7ade670fea72f008e20630ca Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Thu, 10 Feb 2022 13:51:16 -0500
Subject: [PATCH 17/51] add grid peek by default on desktop

---
 assets/base.css                     |  8 ++++++++
 assets/template-collection.css      | 26 +++++++++-----------------
 locales/en.default.schema.json      |  9 ---------
 sections/featured-collection.liquid | 24 ++++--------------------
 4 files changed, 21 insertions(+), 46 deletions(-)

diff --git a/assets/base.css b/assets/base.css
index 9113fe2db81..0f5cd66bc91 100644
--- a/assets/base.css
+++ b/assets/base.css
@@ -221,6 +221,14 @@ html.no-js .no-js-hidden {
   margin: 0 auto;
 }
 
+@media screen and (max-width: 989px) {
+  .page-width-mobile {
+    max-width: var(--page-width);
+    margin: 0 auto;
+    padding: 0 1.5rem;
+  }
+}
+
 @media screen and (min-width: 750px) {
   .page-width {
     padding: 0 5rem;
diff --git a/assets/template-collection.css b/assets/template-collection.css
index 41ad8bdc383..0dbbef16cc0 100644
--- a/assets/template-collection.css
+++ b/assets/template-collection.css
@@ -51,32 +51,24 @@
 }
 
 @media screen and (min-width: 990px) {
-  .collection .slider--desktop.product-grid {
-    scroll-padding-left: 0;
+  .collection .slider--desktop {
+    scroll-padding-left: max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2));
   }
 
-  .collection .cards-with-peek.slider--desktop {
-    scroll-padding-left: calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2);
+  .collection .slider--desktop .slider__slide:first-child {
+    margin-left: max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2));
+    scroll-margin-left: max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2));
   }
 
-  .cards-with-peek.slider--desktop .slider__slide:first-child {
-    margin-left: calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2);
-    scroll-margin-left: calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2);
+  .collection .grid--4-col-desktop .grid__item {
+    width: calc(25% - var(--grid-desktop-horizontal-spacing) - calc(max(5rem, calc(100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing))) / 4) * 3 / 4);
   }
 
-  .collection .cards-with-peek.page-width {
-    padding: 0 5rem;
-  }
-
-  .cards-with-peek.grid--4-col-desktop .grid__item {
-    width: calc(25% - var(--grid-desktop-horizontal-spacing) - calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 4) * 3 / 4);
-  }
-
-  .cards-with-peek.grid--3-col-desktop .grid__item {
+  .collection .grid--3-col-desktop .grid__item {
     width: calc(33.33% - var(--grid-desktop-horizontal-spacing) - calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 4) * 2 / 3);
   }
 
-  .cards-with-peek.grid--2-col-desktop .grid__item {
+  .collection .grid--2-col-desktop .grid__item {
     width: calc(50% - var(--grid-desktop-horizontal-spacing) - calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 4) / 2);
   }
 }
diff --git a/locales/en.default.schema.json b/locales/en.default.schema.json
index 140d2d1bfa8..63cac2954ac 100644
--- a/locales/en.default.schema.json
+++ b/locales/en.default.schema.json
@@ -651,15 +651,6 @@
         "enable_desktop_slider": {
           "label": "Enable carousel on desktop"
         },
-        "carousel_style": {
-          "label": "Carousel style",
-          "options__1": {
-            "label": "Full cards"
-          },
-          "options__2": {
-            "label": "Cards with peek"
-          }
-        },
         "header": {
           "content": "Product card"
         },
diff --git a/sections/featured-collection.liquid b/sections/featured-collection.liquid
index edc08c46263..ff7d21514bf 100644
--- a/sections/featured-collection.liquid
+++ b/sections/featured-collection.liquid
@@ -52,16 +52,16 @@
 -%}
 
 <div class="color-{{ section.settings.color_scheme }} isolate gradient">
-  <div class="collection page-width section-{{ section.id }}-padding{% if section.settings.enable_mobile_slider == true and section.settings.collection.all_products_count > 2 and section.settings.products_to_show > 2 %} page-width-desktop{% endif %}">
+  <div class="collection section-{{ section.id }}-padding">
     {% unless section.settings.title == blank %}
-      <div class="collection__title title-wrapper--no-top-margin {{ section.settings.heading_alignment }}{% if section.settings.collection.all_products_count > 2 and section.settings.enable_mobile_slider and section.settings.products_to_show > 2 %} title-wrapper--self-padded-tablet-down{% endif %}">
+      <div class="collection__title title-wrapper--no-top-margin {{ section.settings.heading_alignment }} page-width{% if section.settings.collection.all_products_count > 2 and section.settings.enable_mobile_slider and section.settings.products_to_show > 2 %} title-wrapper--self-padded-tablet-down{% endif %}">
         <h2 class="title {{ section.settings.title_size }}{% if section.settings.title == blank %} title--no-heading{% endif %}">{{ section.settings.title | escape }}</h2>
           <div class="{{ section.settings.description_style }}">{%- if section.settings.show_description -%}{{ section.settings.collection.description }}{%- else -%}{{ section.settings.description }}{% endif %}</div>
       </div>
     {% endunless %}
 
-    <slider-component class="slider-mobile-gutter">
-      <ul id="Slider-{{ section.id }}" class="grid grid--2-col product-grid contains-card{% if section.settings.carousel_style == 'cards_with_peek' %} cards-with-peek{% endif %}{% if settings.card_style == 'standard' %} contains-card--standard{% endif %}{% if products_to_display == 4 or section.settings.collection == blank %} grid--2-col-tablet grid--4-col-desktop{% else %} grid--3-col-tablet{% endif %}{% if products_to_display > 5 %} grid--one-third-max grid--4-col-desktop grid--quarter-max{% endif %}{% if section.settings.collection.all_products_count > 2 and slider_is_enabled and section.settings.products_to_show > 2 %} slider{% if section.settings.enable_desktop_slider and section.settings.products_to_show > 4 %} slider--desktop{% endif %}{% if section.settings.enable_mobile_slider %} slider--tablet grid--peek{% endif %}{% endif %}" role="list" aria-label="{{ 'sections.featured_collection.slider' | t }}">
+    <slider-component class="slider-mobile-gutter{% if section.settings.enable_mobile_slider == false %} page-width-mobile{% endif %}{% if section.settings.enable_desktop_slider == false %} page-width-desktop{% endif %}">
+      <ul id="Slider-{{ section.id }}" class="grid grid--2-col product-grid contains-card{% if settings.card_style == 'standard' %} contains-card--standard{% endif %}{% if products_to_display == 4 or section.settings.collection == blank %} grid--2-col-tablet grid--4-col-desktop{% else %} grid--3-col-tablet{% endif %}{% if products_to_display > 5 %} grid--one-third-max grid--4-col-desktop grid--quarter-max{% endif %}{% if section.settings.collection.all_products_count > 2 and slider_is_enabled and section.settings.products_to_show > 2 %} slider{% if section.settings.enable_desktop_slider and section.settings.products_to_show > 4 %} slider--desktop{% endif %}{% if section.settings.enable_mobile_slider %} slider--tablet grid--peek{% endif %}{% endif %}" role="list" aria-label="{{ 'sections.featured_collection.slider' | t }}">
         {%- for product in section.settings.collection.products limit: section.settings.products_to_show -%}
           <li id="Slide-{{ section.id }}-{{ forloop.index }}" class="grid__item{% if section.settings.collection.all_products_count > 2 and slider_is_enabled and section.settings.products_to_show > 2 %} slider__slide{% endif %}">
             {% render 'card-product',
@@ -258,22 +258,6 @@
       "label": "t:sections.featured-collection.settings.enable_desktop_slider.label",
       "default": false
     },
-    {
-      "type": "select",
-      "id": "carousel_style",
-      "label": "t:sections.featured-collection.settings.carousel_style.label",
-      "options": [
-        {
-          "value": "full_cards",
-          "label": "t:sections.featured-collection.settings.carousel_style.options__1.label"
-        },
-        {
-          "value": "cards_with_peek",
-          "label": "t:sections.featured-collection.settings.carousel_style.options__2.label"
-        }
-      ],
-      "default": "full_cards"
-    },
     {
       "type": "select",
       "id": "color_scheme",

From 35015be7cc8c8980577821b441df93d07210198e Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Thu, 10 Feb 2022 17:31:28 -0500
Subject: [PATCH 18/51] fix page width depending on scenarios and adjust slide
 width

---
 assets/base.css                     |  3 +--
 assets/template-collection.css      | 26 ++++++++++++++++++++------
 sections/featured-collection.liquid | 19 ++++++++++++-------
 3 files changed, 33 insertions(+), 15 deletions(-)

diff --git a/assets/base.css b/assets/base.css
index 0f5cd66bc91..26dff20da7c 100644
--- a/assets/base.css
+++ b/assets/base.css
@@ -221,9 +221,8 @@ html.no-js .no-js-hidden {
   margin: 0 auto;
 }
 
-@media screen and (max-width: 989px) {
+@media screen and (max-width: 749px) {
   .page-width-mobile {
-    max-width: var(--page-width);
     margin: 0 auto;
     padding: 0 1.5rem;
   }
diff --git a/assets/template-collection.css b/assets/template-collection.css
index 0dbbef16cc0..a4b79e928d4 100644
--- a/assets/template-collection.css
+++ b/assets/template-collection.css
@@ -51,6 +51,14 @@
 }
 
 @media screen and (min-width: 990px) {
+  .collection__title.title-wrapper--self-padded-tablet-down {
+    padding: 0 5rem;
+  }
+
+  .collection slider-component:not(.page-width-desktop) {
+    padding: 0;
+  }
+
   .collection .slider--desktop {
     scroll-padding-left: max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2));
   }
@@ -60,16 +68,22 @@
     scroll-margin-left: max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2));
   }
 
-  .collection .grid--4-col-desktop .grid__item {
-    width: calc(25% - var(--grid-desktop-horizontal-spacing) - calc(max(5rem, calc(100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing))) / 4) * 3 / 4);
+  .collection .slider--desktop.grid--4-col-desktop .grid__item {
+    width: calc(25% - var(--grid-desktop-horizontal-spacing) - calc(max(5rem,calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) /4))) * 3 / 4);
   }
 
-  .collection .grid--3-col-desktop .grid__item {
-    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) - calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 4) * 2 / 3);
+  .collection .slider--desktop.grid--3-col-desktop .grid__item {
+    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) - calc(max(5rem,calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) /4))) * 2 / 3);
   }
 
-  .collection .grid--2-col-desktop .grid__item {
-    width: calc(50% - var(--grid-desktop-horizontal-spacing) - calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 4) / 2);
+  .collection .slider--desktop.grid--2-col-desktop .grid__item {
+    width: calc(50% - var(--grid-desktop-horizontal-spacing) - calc(max(5rem,calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) /4))) / 2);
+  }
+}
+
+@media screen and (min-width: 1400px) {
+  .collection .slider--desktop.grid--4-col-desktop .grid__item {
+    width: calc(25% - var(--grid-desktop-horizontal-spacing) - calc(max(5rem,calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) /5))) * 3 / 4);
   }
 }
 
diff --git a/sections/featured-collection.liquid b/sections/featured-collection.liquid
index ff7d21514bf..b2069a6f57e 100644
--- a/sections/featured-collection.liquid
+++ b/sections/featured-collection.liquid
@@ -45,9 +45,14 @@
     assign more_in_collection = true
   endif
 
-  assign slider_is_enabled = false
-  if section.settings.enable_mobile_slider or section.settings.enable_desktop_slider
-    assign slider_is_enabled = true
+  assign showSliderOnMobile = false
+  if section.settings.enable_mobile_slider and products_to_display > 2
+    assign showSliderOnMobile = true
+  endif
+
+  assign showSliderOnDesktop = false
+  if section.settings.enable_desktop_slider and products_to_display > 4
+    assign showSliderOnDesktop = true
   endif
 -%}
 
@@ -60,10 +65,10 @@
       </div>
     {% endunless %}
 
-    <slider-component class="slider-mobile-gutter{% if section.settings.enable_mobile_slider == false %} page-width-mobile{% endif %}{% if section.settings.enable_desktop_slider == false %} page-width-desktop{% endif %}">
-      <ul id="Slider-{{ section.id }}" class="grid grid--2-col product-grid contains-card{% if settings.card_style == 'standard' %} contains-card--standard{% endif %}{% if products_to_display == 4 or section.settings.collection == blank %} grid--2-col-tablet grid--4-col-desktop{% else %} grid--3-col-tablet{% endif %}{% if products_to_display > 5 %} grid--one-third-max grid--4-col-desktop grid--quarter-max{% endif %}{% if section.settings.collection.all_products_count > 2 and slider_is_enabled and section.settings.products_to_show > 2 %} slider{% if section.settings.enable_desktop_slider and section.settings.products_to_show > 4 %} slider--desktop{% endif %}{% if section.settings.enable_mobile_slider %} slider--tablet grid--peek{% endif %}{% endif %}" role="list" aria-label="{{ 'sections.featured_collection.slider' | t }}">
+    <slider-component class="slider-mobile-gutter{% if section.settings.enable_mobile_slider == false or showSliderOnMobile == false %} page-width-mobile page-width-tablet{% endif %}{% if section.settings.enable_desktop_slider == false or showSliderOnDesktop == false %} page-width-desktop{% endif %}">
+      <ul id="Slider-{{ section.id }}" class="grid grid--2-col product-grid contains-card{% if settings.card_style == 'standard' %} contains-card--standard{% endif %}{% if products_to_display == 4 or section.settings.collection == blank %} grid--2-col-tablet grid--4-col-desktop{% else %} grid--3-col-tablet{% endif %}{% if products_to_display > 5 %} grid--one-third-max grid--4-col-desktop grid--quarter-max{% endif %}{% if showSliderOnMobile or showSliderOnDesktop %} slider{% if showSliderOnDesktop %} slider--desktop{% endif %}{% if showSliderOnMobile %} slider--tablet grid--peek{% endif %}{% endif %}" role="list" aria-label="{{ 'sections.featured_collection.slider' | t }}">
         {%- for product in section.settings.collection.products limit: section.settings.products_to_show -%}
-          <li id="Slide-{{ section.id }}-{{ forloop.index }}" class="grid__item{% if section.settings.collection.all_products_count > 2 and slider_is_enabled and section.settings.products_to_show > 2 %} slider__slide{% endif %}">
+          <li id="Slide-{{ section.id }}-{{ forloop.index }}" class="grid__item{% if showSliderOnMobile or showSliderOnDesktop %} slider__slide{% endif %}">
             {% render 'card-product',
               card_product: product,
               media_aspect_ratio: section.settings.image_ratio,
@@ -80,7 +85,7 @@
           {%- endfor -%}
         {%- endfor -%}
       </ul>
-      {%- if section.settings.collection.all_products_count > 2 and slider_is_enabled and section.settings.products_to_show > 2 -%}
+      {%- if showSliderOnMobile or showSliderOnDesktop -%}
         <div class="slider-buttons no-js-hidden{% if section.settings.collection.all_products_count < 4 %} medium-hide{% endif %}{% if section.settings.collection.all_products_count < 3 %} small-hide{% endif %}">
           <button type="button" class="slider-button slider-button--prev" name="previous" aria-label="{{ 'general.slider.previous_slide' | t }}" aria-controls="Slider-{{ section.id }}" data-step="1">{% render 'icon-caret' %}</button>
           <div class="slider-counter caption">

From 7123217e825d433d3487dc4add51d5e08937a115 Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Fri, 11 Feb 2022 14:20:05 -0500
Subject: [PATCH 19/51] fix slider disabled button on wide screens. Remove
 settings added in other PRs

---
 assets/global.js                    |  2 +-
 assets/template-collection.css      |  8 +++
 locales/en.default.schema.json      | 31 -----------
 sections/featured-collection.liquid | 81 +----------------------------
 4 files changed, 11 insertions(+), 111 deletions(-)

diff --git a/assets/global.js b/assets/global.js
index 5edf24ed14b..de30645e633 100644
--- a/assets/global.js
+++ b/assets/global.js
@@ -563,7 +563,7 @@ class SliderComponent extends HTMLElement {
 
     if (this.enableSliderLooping) return;
 
-    if (this.isSlideVisible(this.sliderItemsToShow[0])) {
+    if (this.isSlideVisible(this.sliderItemsToShow[0]) && this.slider.scrollLeft === 0) {
       this.prevButton.setAttribute('disabled', 'disabled');
     } else {
       this.prevButton.removeAttribute('disabled');
diff --git a/assets/template-collection.css b/assets/template-collection.css
index a4b79e928d4..932ce8f50bd 100644
--- a/assets/template-collection.css
+++ b/assets/template-collection.css
@@ -68,6 +68,10 @@
     scroll-margin-left: max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2));
   }
 
+  .collection .slider--desktop .slider__slide:last-child {
+    margin-right: 5rem;
+  }
+
   .collection .slider--desktop.grid--4-col-desktop .grid__item {
     width: calc(25% - var(--grid-desktop-horizontal-spacing) - calc(max(5rem,calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) /4))) * 3 / 4);
   }
@@ -85,6 +89,10 @@
   .collection .slider--desktop.grid--4-col-desktop .grid__item {
     width: calc(25% - var(--grid-desktop-horizontal-spacing) - calc(max(5rem,calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) /5))) * 3 / 4);
   }
+
+  .collection .slider--desktop .slider__slide:last-child {
+    margin-right: 7rem;
+  }
 }
 
 .collection__view-all {
diff --git a/locales/en.default.schema.json b/locales/en.default.schema.json
index 63cac2954ac..6a712aa7c42 100644
--- a/locales/en.default.schema.json
+++ b/locales/en.default.schema.json
@@ -578,25 +578,6 @@
         "title": {
           "label": "Heading"
         },
-        "title_size": {
-          "label": "Heading size",
-          "options__1":{
-            "label": "Small"
-          },
-          "options__2":{
-            "label": "Medium"
-          },
-          "options__3":{
-            "label": "Large"
-          }
-        },
-        "horizontal_offset": {
-          "label": "Heading horizontal offset"
-        },
-        "vertical_offset": {
-          "label": "Heading vertical offset",
-          "info": "Offset will only apply when no collection description is shown."
-        },
         "description": {
           "label": "Description"
         },
@@ -615,18 +596,6 @@
             "label": "Uppercase"
           }
         },
-        "heading_alignment": {
-          "label": "Heading and description alignment",
-          "options__1": {
-            "label": "Left"
-          },
-          "options__2": {
-            "label": "Center"
-          },
-          "options__3": {
-            "label": "Right"
-          }
-        },
         "collection": {
           "label": "Collection"
         },
diff --git a/sections/featured-collection.liquid b/sections/featured-collection.liquid
index b2069a6f57e..3e6e2a6b666 100644
--- a/sections/featured-collection.liquid
+++ b/sections/featured-collection.liquid
@@ -21,22 +21,6 @@
   }
 {%- endstyle -%}
 
-{% unless section.settings.show_description or section.settings.description != empty %}
-  {%- style -%}
-    .collection__title {
-      position: relative;
-      transform: translate(calc({{ section.settings.horizontal_offset }}px / 2), calc({{ section.settings.vertical_offset }}px / 2));
-      z-index: 1;
-    }
-
-    @media screen and (min-width: 750px) {
-      .collection__title {
-        transform: translate({{ section.settings.horizontal_offset }}px, {{ section.settings.vertical_offset }}px);
-      }
-    }
-  {%- endstyle -%}
-{%- endunless -%}
-
 {%- liquid
   assign products_to_display = section.settings.collection.all_products_count
 
@@ -59,8 +43,8 @@
 <div class="color-{{ section.settings.color_scheme }} isolate gradient">
   <div class="collection section-{{ section.id }}-padding">
     {% unless section.settings.title == blank %}
-      <div class="collection__title title-wrapper--no-top-margin {{ section.settings.heading_alignment }} page-width{% if section.settings.collection.all_products_count > 2 and section.settings.enable_mobile_slider and section.settings.products_to_show > 2 %} title-wrapper--self-padded-tablet-down{% endif %}">
-        <h2 class="title {{ section.settings.title_size }}{% if section.settings.title == blank %} title--no-heading{% endif %}">{{ section.settings.title | escape }}</h2>
+      <div class="collection__title title-wrapper--no-top-margin page-width{% if section.settings.collection.all_products_count > 2 and section.settings.enable_mobile_slider and section.settings.products_to_show > 2 %} title-wrapper--self-padded-tablet-down{% endif %}">
+        <h2 class="title{% if section.settings.title == blank %} title--no-heading{% endif %}">{{ section.settings.title | escape }}</h2>
           <div class="{{ section.settings.description_style }}">{%- if section.settings.show_description -%}{{ section.settings.collection.description }}{%- else -%}{{ section.settings.description }}{% endif %}</div>
       </div>
     {% endunless %}
@@ -124,47 +108,6 @@
       "default": "Featured collection",
       "label": "t:sections.featured-collection.settings.title.label"
     },
-    {
-      "type": "select",
-      "id": "title_size",
-      "label": "t:sections.featured-collection.settings.title_size.label",
-      "options": [
-        {
-          "value": "h2",
-          "label": "t:sections.featured-collection.settings.title_size.options__1.label"
-        },
-        {
-          "value": "h1",
-          "label": "t:sections.featured-collection.settings.title_size.options__2.label"
-        },
-        {
-          "value": "h0",
-          "label": "t:sections.featured-collection.settings.title_size.options__3.label"
-        }
-      ],
-      "default": "h2"
-    },
-    {
-      "type": "range",
-      "id": "horizontal_offset",
-      "min": -48,
-      "max": 48,
-      "step": 8,
-      "unit": "px",
-      "label": "t:sections.featured-collection.settings.horizontal_offset.label",
-      "default": 0
-    },
-    {
-      "type": "range",
-      "id": "vertical_offset",
-      "min": -80,
-      "max": 80,
-      "step": 8,
-      "unit": "px",
-      "label": "t:sections.featured-collection.settings.vertical_offset.label",
-      "default": 0,
-      "info": "t:sections.featured-collection.settings.vertical_offset.info"
-    },
     {
       "type": "richtext",
       "id": "description",
@@ -197,26 +140,6 @@
       ],
       "default": "body"
     },
-    {
-      "type": "select",
-      "id": "heading_alignment",
-      "label": "t:sections.featured-collection.settings.heading_alignment.label",
-      "options": [
-        {
-          "value": "left",
-          "label": "t:sections.featured-collection.settings.heading_alignment.options__1.label"
-        },
-        {
-          "value": "center",
-          "label": "t:sections.featured-collection.settings.heading_alignment.options__2.label"
-        },
-        {
-          "value": "right",
-          "label": "t:sections.featured-collection.settings.heading_alignment.options__3.label"
-        }
-      ],
-      "default": "left"
-    },
     {
       "type": "collection",
       "id": "collection",

From 1aac0bc0ce79734a84d1320fe5e0a652392d91fe Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Fri, 11 Feb 2022 16:16:39 -0500
Subject: [PATCH 20/51] change the calculation for item width based on the
 number of items per rows

---
 assets/template-collection.css | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/assets/template-collection.css b/assets/template-collection.css
index 932ce8f50bd..0593ac07200 100644
--- a/assets/template-collection.css
+++ b/assets/template-collection.css
@@ -72,24 +72,28 @@
     margin-right: 5rem;
   }
 
+  .collection .slider--desktop.grid--5-col-desktop .grid__item {
+    width: calc( (100% - (max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2)))) / 5 - var(--grid-desktop-horizontal-spacing) * 2);
+  }
+
   .collection .slider--desktop.grid--4-col-desktop .grid__item {
-    width: calc(25% - var(--grid-desktop-horizontal-spacing) - calc(max(5rem,calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) /4))) * 3 / 4);
+    width: calc( (100% - (max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2)))) / 4 - var(--grid-desktop-horizontal-spacing) * 3);
   }
 
   .collection .slider--desktop.grid--3-col-desktop .grid__item {
-    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) - calc(max(5rem,calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) /4))) * 2 / 3);
+    width: calc( (100% - (max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2)))) / 3 - var(--grid-desktop-horizontal-spacing) * 4);
   }
 
   .collection .slider--desktop.grid--2-col-desktop .grid__item {
-    width: calc(50% - var(--grid-desktop-horizontal-spacing) - calc(max(5rem,calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) /4))) / 2);
+    width: calc( (100% - (max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2)))) / 2 - var(--grid-desktop-horizontal-spacing) * 5);
   }
-}
 
-@media screen and (min-width: 1400px) {
-  .collection .slider--desktop.grid--4-col-desktop .grid__item {
-    width: calc(25% - var(--grid-desktop-horizontal-spacing) - calc(max(5rem,calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) /5))) * 3 / 4);
+  .collection .slider--desktop.grid--full-width .grid__item {
+    width: calc( (100% - (max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2)))) - var(--grid-desktop-horizontal-spacing) * 9);
   }
+}
 
+@media screen and (min-width: 1400px) {
   .collection .slider--desktop .slider__slide:last-child {
     margin-right: 7rem;
   }

From a6a3ea09e5af5ee56d36d25180c21acec3cf56d3 Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Tue, 15 Feb 2022 10:20:29 -0500
Subject: [PATCH 21/51] change total calculation for slide counter

---
 assets/global.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/assets/global.js b/assets/global.js
index deb035bc1ae..dd13232dd64 100644
--- a/assets/global.js
+++ b/assets/global.js
@@ -537,7 +537,7 @@ class SliderComponent extends HTMLElement {
     this.sliderItemsToShow = Array.from(this.sliderItems).filter(element => element.clientWidth > 0);
     this.sliderLastItem = this.sliderItemsToShow[this.sliderItemsToShow.length - 1];
     if (this.sliderItemsToShow.length === 0) return;
-    this.slidesPerPage = Math.floor(this.slider.clientWidth / this.sliderItemsToShow[0].clientWidth);
+    this.slidesPerPage = Math.floor((this.slider.clientWidth - this.sliderItemsToShow[0].offsetLeft) / this.sliderItemsToShow[0].clientWidth);
     this.totalPages = this.sliderItemsToShow.length - this.slidesPerPage + 1;
     this.update();
   }

From 8c94a583beef927b9316850c7465d7b36da8afcc Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Wed, 16 Feb 2022 10:50:52 -0500
Subject: [PATCH 22/51] add full width setting

---
 assets/template-collection.css      | 45 ++++++++++++++++++++++++-----
 locales/en.default.schema.json      |  3 ++
 sections/featured-collection.liquid | 30 +++++++++++--------
 3 files changed, 58 insertions(+), 20 deletions(-)

diff --git a/assets/template-collection.css b/assets/template-collection.css
index 0593ac07200..5d68d4b201a 100644
--- a/assets/template-collection.css
+++ b/assets/template-collection.css
@@ -1,3 +1,11 @@
+.collection {
+  --margin-left-first-item: max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2));
+}
+
+.collection.collection--full-width {
+  --margin-left-first-item: 1.5rem;
+}
+
 @media screen and (max-width: 749px) {
   .collection .grid__item:only-child {
     flex: 0 0 100%;
@@ -59,37 +67,54 @@
     padding: 0;
   }
 
+  .collection--full-width slider-component {
+    padding: 0 1.5rem;
+  }
+
   .collection .slider--desktop {
-    scroll-padding-left: max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2));
+    scroll-padding-left: var(--margin-left-first-item);
   }
 
   .collection .slider--desktop .slider__slide:first-child {
-    margin-left: max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2));
-    scroll-margin-left: max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2));
+    margin-left: var(--margin-left-first-item);
+    scroll-margin-left: var(--margin-left-first-item);
   }
 
   .collection .slider--desktop .slider__slide:last-child {
     margin-right: 5rem;
   }
 
+  .collection--full-width .slider--desktop {
+    scroll-padding-left: 1.5rem;
+  }
+
+  .collection--full-width .slider--desktop .slider__slide:first-child {
+    margin-left: 1.5rem;
+    scroll-margin-left: 1.5rem;
+  }
+
+  .collection--full-width .slider--desktop .slider__slide:last-child {
+    margin-right: 1.5rem;
+  }
+
   .collection .slider--desktop.grid--5-col-desktop .grid__item {
-    width: calc( (100% - (max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2)))) / 5 - var(--grid-desktop-horizontal-spacing) * 2);
+    width: calc( (100% - var(--margin-left-first-item)) / 5 - var(--grid-desktop-horizontal-spacing) * 2);
   }
 
   .collection .slider--desktop.grid--4-col-desktop .grid__item {
-    width: calc( (100% - (max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2)))) / 4 - var(--grid-desktop-horizontal-spacing) * 3);
+    width: calc( (100% - var(--margin-left-first-item)) / 4 - var(--grid-desktop-horizontal-spacing) * 3);
   }
 
   .collection .slider--desktop.grid--3-col-desktop .grid__item {
-    width: calc( (100% - (max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2)))) / 3 - var(--grid-desktop-horizontal-spacing) * 4);
+    width: calc( (100% - var(--margin-left-first-item)) / 3 - var(--grid-desktop-horizontal-spacing) * 4);
   }
 
   .collection .slider--desktop.grid--2-col-desktop .grid__item {
-    width: calc( (100% - (max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2)))) / 2 - var(--grid-desktop-horizontal-spacing) * 5);
+    width: calc( (100% - var(--margin-left-first-item)) / 2 - var(--grid-desktop-horizontal-spacing) * 5);
   }
 
   .collection .slider--desktop.grid--full-width .grid__item {
-    width: calc( (100% - (max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2)))) - var(--grid-desktop-horizontal-spacing) * 9);
+    width: calc( (100% - var(--margin-left-first-item)) - var(--grid-desktop-horizontal-spacing) * 9);
   }
 }
 
@@ -97,6 +122,10 @@
   .collection .slider--desktop .slider__slide:last-child {
     margin-right: 7rem;
   }
+
+  .collection--full-width .slider--desktop .slider__slide:last-child {
+    margin-right: 1.5rem;
+  }
 }
 
 .collection__view-all {
diff --git a/locales/en.default.schema.json b/locales/en.default.schema.json
index 5f537be620b..88eb8c7c408 100644
--- a/locales/en.default.schema.json
+++ b/locales/en.default.schema.json
@@ -629,6 +629,9 @@
         "enable_desktop_slider": {
           "label": "Enable carousel on desktop"
         },
+        "full_width": {
+          "label": "Make section full width"
+        },
         "header": {
           "content": "Product card"
         },
diff --git a/sections/featured-collection.liquid b/sections/featured-collection.liquid
index 24a4d8517e4..4e3bff793fe 100644
--- a/sections/featured-collection.liquid
+++ b/sections/featured-collection.liquid
@@ -35,13 +35,13 @@
   endif
 
   assign showSliderOnDesktop = false
-  if section.settings.enable_desktop_slider and products_to_display > 4
+  if section.settings.enable_desktop_slider and products_to_display > section.settings.columns_desktop
     assign showSliderOnDesktop = true
   endif
 -%}
 
 <div class="color-{{ section.settings.color_scheme }} isolate gradient">
-  <div class="collection section-{{ section.id }}-padding">
+  <div class="collection section-{{ section.id }}-padding{% if section.settings.full_width %} collection--full-width{% endif %}">
     {% unless section.settings.title == blank %}
       <div class="collection__title title-wrapper--no-top-margin page-width{% if section.settings.collection.all_products_count > 2 and section.settings.enable_mobile_slider and section.settings.products_to_show > 2 %} title-wrapper--self-padded-tablet-down{% endif %}">
         <h2 class="title{% if section.settings.title == blank %} title--no-heading{% endif %}">{{ section.settings.title | escape }}</h2>
@@ -49,7 +49,7 @@
       </div>
     {% endunless %}
 
-    <slider-component class="slider-mobile-gutter{% if section.settings.enable_mobile_slider == false or showSliderOnMobile == false %} page-width-mobile page-width-tablet{% endif %}{% if section.settings.enable_desktop_slider == false or showSliderOnDesktop == false %} page-width-desktop{% endif %}">
+    <slider-component class="slider-mobile-gutter{% if section.settings.enable_mobile_slider == false or showSliderOnMobile == false %} page-width-mobile page-width-tablet{% endif %}{% if showSliderOnDesktop == false and section.settings.full_width == false %} page-width-desktop{% endif %}">
       <ul id="Slider-{{ section.id }}" class="grid grid--2-col product-grid contains-card{% if settings.card_style == 'standard' %} contains-card--standard{% endif %}{% if section.settings.columns_desktop == 1 %} grid--full-width{% else %} grid--{{ section.settings.columns_desktop }}-col-desktop{% endif %}{% if products_to_display == 4 or section.settings.collection == blank %} grid--2-col-tablet{% else %} grid--3-col-tablet{% endif %}{% if section.settings.collection == blank %} grid--4-col-desktop{% endif %}{% if showSliderOnMobile or showSliderOnDesktop %} slider{% if showSliderOnDesktop %} slider--desktop{% endif %}{% if showSliderOnMobile %} slider--tablet grid--peek{% endif %}{% endif %}" role="list" aria-label="{{ 'sections.featured_collection.slider' | t }}">
         {%- for product in section.settings.collection.products limit: section.settings.products_to_show -%}
           <li id="Slide-{{ section.id }}-{{ forloop.index }}" class="grid__item{% if showSliderOnMobile or showSliderOnDesktop %} slider__slide{% endif %}">
@@ -154,6 +154,15 @@
       "default": 4,
       "label": "t:sections.featured-collection.settings.products_to_show.label"
     },
+    {
+      "type": "range",
+      "id": "columns_desktop",
+      "min": 1,
+      "max": 5,
+      "step": 1,
+      "default": 4,
+      "label": "t:sections.featured-collection.settings.columns_desktop.label"
+    },
     {
       "type": "checkbox",
       "id": "show_view_all",
@@ -186,15 +195,6 @@
       "label": "t:sections.featured-collection.settings.enable_desktop_slider.label",
       "default": false
     },
-    {
-      "type": "range",
-      "id": "columns_desktop",
-      "min": 1,
-      "max": 5,
-      "step": 1,
-      "default": 4,
-      "label": "t:sections.featured-collection.settings.columns_desktop.label"
-    },
     {
       "type": "select",
       "id": "color_scheme",
@@ -224,6 +224,12 @@
       "label": "t:sections.all.colors.label",
       "info": "t:sections.all.colors.has_cards_info"
     },
+    {
+      "type": "checkbox",
+      "id": "full_width",
+      "label": "t:sections.featured-collection.settings.full_width.label",
+      "default": false
+    },
     {
       "type": "header",
       "content": "t:sections.featured-collection.settings.header.content"

From f4a4b0dff5cdd7ad5ef26b840021d2cd3e34eb18 Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Wed, 16 Feb 2022 15:41:24 -0500
Subject: [PATCH 23/51] fix full width CSS styling specificity

---
 assets/template-collection.css      | 2 +-
 sections/featured-collection.liquid | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/assets/template-collection.css b/assets/template-collection.css
index 5d68d4b201a..2b531dd08e4 100644
--- a/assets/template-collection.css
+++ b/assets/template-collection.css
@@ -67,7 +67,7 @@
     padding: 0;
   }
 
-  .collection--full-width slider-component {
+  .collection--full-width slider-component:not(.collection__slider-desktop) {
     padding: 0 1.5rem;
   }
 
diff --git a/sections/featured-collection.liquid b/sections/featured-collection.liquid
index 4e3bff793fe..702bcf2d608 100644
--- a/sections/featured-collection.liquid
+++ b/sections/featured-collection.liquid
@@ -49,7 +49,7 @@
       </div>
     {% endunless %}
 
-    <slider-component class="slider-mobile-gutter{% if section.settings.enable_mobile_slider == false or showSliderOnMobile == false %} page-width-mobile page-width-tablet{% endif %}{% if showSliderOnDesktop == false and section.settings.full_width == false %} page-width-desktop{% endif %}">
+    <slider-component class="slider-mobile-gutter{% if showSliderOnMobile == false %} page-width-mobile page-width-tablet{% endif %}{% if showSliderOnDesktop == false and section.settings.full_width == false %} page-width-desktop{% endif %}{% if section.settings.enable_desktop_slider %} collection__slider-desktop{% endif %}">
       <ul id="Slider-{{ section.id }}" class="grid grid--2-col product-grid contains-card{% if settings.card_style == 'standard' %} contains-card--standard{% endif %}{% if section.settings.columns_desktop == 1 %} grid--full-width{% else %} grid--{{ section.settings.columns_desktop }}-col-desktop{% endif %}{% if products_to_display == 4 or section.settings.collection == blank %} grid--2-col-tablet{% else %} grid--3-col-tablet{% endif %}{% if section.settings.collection == blank %} grid--4-col-desktop{% endif %}{% if showSliderOnMobile or showSliderOnDesktop %} slider{% if showSliderOnDesktop %} slider--desktop{% endif %}{% if showSliderOnMobile %} slider--tablet grid--peek{% endif %}{% endif %}" role="list" aria-label="{{ 'sections.featured_collection.slider' | t }}">
         {%- for product in section.settings.collection.products limit: section.settings.products_to_show -%}
           <li id="Slide-{{ section.id }}-{{ forloop.index }}" class="grid__item{% if showSliderOnMobile or showSliderOnDesktop %} slider__slide{% endif %}">

From d4f48c13e9eb08859e8bf0978fdfc2f04a0220ee Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Thu, 17 Feb 2022 10:40:04 -0500
Subject: [PATCH 24/51] fix pages calculation to work on desktop

---
 assets/global.js                    | 2 +-
 sections/featured-collection.liquid | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/assets/global.js b/assets/global.js
index c6e76a5c719..e5960eabbb4 100644
--- a/assets/global.js
+++ b/assets/global.js
@@ -537,7 +537,7 @@ class SliderComponent extends HTMLElement {
     this.sliderItemsToShow = Array.from(this.sliderItems).filter(element => element.clientWidth > 0);
     if (this.sliderItemsToShow.length < 2) return;
     this.sliderItemOffset = this.sliderItemsToShow[1].offsetLeft - this.sliderItemsToShow[0].offsetLeft;
-    this.slidesPerPage = Math.floor(this.slider.clientWidth / this.sliderItemOffset);
+    this.slidesPerPage = Math.floor((this.slider.clientWidth - this.sliderItemsToShow[0].offsetLeft) / this.sliderItemOffset);
     this.totalPages = this.sliderItemsToShow.length - this.slidesPerPage + 1;
     this.update();
   }
diff --git a/sections/featured-collection.liquid b/sections/featured-collection.liquid
index 702bcf2d608..46e1406c244 100644
--- a/sections/featured-collection.liquid
+++ b/sections/featured-collection.liquid
@@ -43,7 +43,7 @@
 <div class="color-{{ section.settings.color_scheme }} isolate gradient">
   <div class="collection section-{{ section.id }}-padding{% if section.settings.full_width %} collection--full-width{% endif %}">
     {% unless section.settings.title == blank %}
-      <div class="collection__title title-wrapper--no-top-margin page-width{% if section.settings.collection.all_products_count > 2 and section.settings.enable_mobile_slider and section.settings.products_to_show > 2 %} title-wrapper--self-padded-tablet-down{% endif %}">
+      <div class="collection__title title-wrapper--no-top-margin page-width{% if showSliderOnMobile %} title-wrapper--self-padded-tablet-down{% endif %}">
         <h2 class="title{% if section.settings.title == blank %} title--no-heading{% endif %}">{{ section.settings.title | escape }}</h2>
           <div class="{{ section.settings.description_style }}">{%- if section.settings.show_description -%}{{ section.settings.collection.description }}{%- else -%}{{ section.settings.description }}{% endif %}</div>
       </div>
@@ -71,14 +71,14 @@
       </ul>
       {%- if showSliderOnMobile or showSliderOnDesktop -%}
         <div class="slider-buttons no-js-hidden{% if section.settings.collection.all_products_count < 4 %} medium-hide{% endif %}{% if section.settings.collection.all_products_count < 3 %} small-hide{% endif %}">
-          <button type="button" class="slider-button slider-button--prev" name="previous" aria-label="{{ 'general.slider.previous_slide' | t }}" aria-controls="Slider-{{ section.id }}" data-step="1">{% render 'icon-caret' %}</button>
+          <button type="button" class="slider-button slider-button--prev" name="previous" aria-label="{{ 'general.slider.previous_slide' | t }}" aria-controls="Slider-{{ section.id }}">{% render 'icon-caret' %}</button>
           <div class="slider-counter caption">
             <span class="slider-counter--current">1</span>
             <span aria-hidden="true"> / </span>
             <span class="visually-hidden">{{ 'general.slider.of' | t }}</span>
             <span class="slider-counter--total">{{ products_to_display }}</span>
           </div>
-          <button type="button" class="slider-button slider-button--next" name="next" aria-label="{{ 'general.slider.next_slide' | t }}" aria-controls="Slider-{{ section.id }}" data-step="1">{% render 'icon-caret' %}</button>
+          <button type="button" class="slider-button slider-button--next" name="next" aria-label="{{ 'general.slider.next_slide' | t }}" aria-controls="Slider-{{ section.id }}">{% render 'icon-caret' %}</button>
         </div>
       {%- endif -%}
     </slider-component>
@@ -187,7 +187,7 @@
           "label": "t:sections.featured-collection.settings.view_all_style.options__3.label"
         }
       ],
-      "default": "link"
+      "default": "solid"
     },
     {
       "type": "checkbox",

From 9cfbc2c689a41ac92f0303c5fa72629856b6be2e Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Fri, 18 Feb 2022 16:06:12 -0500
Subject: [PATCH 25/51] address some of the UX feedback

---
 assets/template-collection.css      | 14 +++++++++++++-
 sections/featured-collection.liquid | 28 +++++++++++++++-------------
 2 files changed, 28 insertions(+), 14 deletions(-)

diff --git a/assets/template-collection.css b/assets/template-collection.css
index 2b531dd08e4..a02e8d46ae2 100644
--- a/assets/template-collection.css
+++ b/assets/template-collection.css
@@ -58,7 +58,19 @@
   }
 }
 
+.collection__description > * {
+  margin: 0;
+}
+
+.collection__title .title:not(:only-child) {
+  margin-bottom: 1rem;
+}
+
 @media screen and (min-width: 990px) {
+  .collection__title .title:not(:only-child) {
+    margin-bottom: 2rem;
+  }
+
   .collection__title.title-wrapper--self-padded-tablet-down {
     padding: 0 5rem;
   }
@@ -129,5 +141,5 @@
 }
 
 .collection__view-all {
-  margin-top: 2rem;
+  margin-top: 1rem;
 }
diff --git a/sections/featured-collection.liquid b/sections/featured-collection.liquid
index 46e1406c244..6c0fc22c4f8 100644
--- a/sections/featured-collection.liquid
+++ b/sections/featured-collection.liquid
@@ -29,30 +29,32 @@
     assign more_in_collection = true
   endif
 
-  assign showSliderOnMobile = false
+  assign show_slider_on_mobile = false
   if section.settings.enable_mobile_slider and products_to_display > 2
-    assign showSliderOnMobile = true
+    assign show_slider_on_mobile = true
   endif
 
-  assign showSliderOnDesktop = false
+  assign show_slider_on_desktop = false
   if section.settings.enable_desktop_slider and products_to_display > section.settings.columns_desktop
-    assign showSliderOnDesktop = true
+    assign show_slider_on_desktop = true
   endif
 -%}
 
 <div class="color-{{ section.settings.color_scheme }} isolate gradient">
   <div class="collection section-{{ section.id }}-padding{% if section.settings.full_width %} collection--full-width{% endif %}">
-    {% unless section.settings.title == blank %}
-      <div class="collection__title title-wrapper--no-top-margin page-width{% if showSliderOnMobile %} title-wrapper--self-padded-tablet-down{% endif %}">
-        <h2 class="title{% if section.settings.title == blank %} title--no-heading{% endif %}">{{ section.settings.title | escape }}</h2>
-          <div class="{{ section.settings.description_style }}">{%- if section.settings.show_description -%}{{ section.settings.collection.description }}{%- else -%}{{ section.settings.description }}{% endif %}</div>
+      <div class="collection__title title-wrapper title-wrapper--no-top-margin page-width{% if show_slider_on_mobile %} title-wrapper--self-padded-tablet-down{% endif %}">
+        {%- if section.settings.title != blank -%}
+          <h2 class="title{% if section.settings.title == blank %} title--no-heading{% endif %}">{{ section.settings.title | escape }}</h2>
+        {%- endif -%}
+        {%- if section.settings.description != blank or section.settings.show_description -%}
+          <div class="collection__description {{ section.settings.description_style }}">{%- if section.settings.show_description -%}{{ section.settings.collection.description }}{%- else -%}{{ section.settings.description }}{% endif %}</div>
+        {%- endif -%}
       </div>
-    {% endunless %}
 
-    <slider-component class="slider-mobile-gutter{% if showSliderOnMobile == false %} page-width-mobile page-width-tablet{% endif %}{% if showSliderOnDesktop == false and section.settings.full_width == false %} page-width-desktop{% endif %}{% if section.settings.enable_desktop_slider %} collection__slider-desktop{% endif %}">
-      <ul id="Slider-{{ section.id }}" class="grid grid--2-col product-grid contains-card{% if settings.card_style == 'standard' %} contains-card--standard{% endif %}{% if section.settings.columns_desktop == 1 %} grid--full-width{% else %} grid--{{ section.settings.columns_desktop }}-col-desktop{% endif %}{% if products_to_display == 4 or section.settings.collection == blank %} grid--2-col-tablet{% else %} grid--3-col-tablet{% endif %}{% if section.settings.collection == blank %} grid--4-col-desktop{% endif %}{% if showSliderOnMobile or showSliderOnDesktop %} slider{% if showSliderOnDesktop %} slider--desktop{% endif %}{% if showSliderOnMobile %} slider--tablet grid--peek{% endif %}{% endif %}" role="list" aria-label="{{ 'sections.featured_collection.slider' | t }}">
+    <slider-component class="slider-mobile-gutter{% if show_slider_on_mobile == false %} page-width-mobile page-width-tablet{% endif %}{% if show_slider_on_desktop == false and section.settings.full_width == false %} page-width-desktop{% endif %}{% if show_slider_on_desktop %} collection__slider-desktop{% endif %}">
+      <ul id="Slider-{{ section.id }}" class="grid grid--2-col product-grid contains-card{% if settings.card_style == 'standard' %} contains-card--standard{% endif %}{% if section.settings.columns_desktop == 1 %} grid--full-width{% else %} grid--{{ section.settings.columns_desktop }}-col-desktop{% endif %}{% if products_to_display == 4 or section.settings.collection == blank %} grid--2-col-tablet{% else %} grid--3-col-tablet{% endif %}{% if section.settings.collection == blank %} grid--4-col-desktop{% endif %}{% if show_slider_on_mobile or show_slider_on_desktop %} slider{% if show_slider_on_desktop %} slider--desktop{% endif %}{% if show_slider_on_mobile %} slider--tablet grid--peek{% endif %}{% endif %}" role="list" aria-label="{{ 'sections.featured_collection.slider' | t }}">
         {%- for product in section.settings.collection.products limit: section.settings.products_to_show -%}
-          <li id="Slide-{{ section.id }}-{{ forloop.index }}" class="grid__item{% if showSliderOnMobile or showSliderOnDesktop %} slider__slide{% endif %}">
+          <li id="Slide-{{ section.id }}-{{ forloop.index }}" class="grid__item{% if show_slider_on_mobile or show_slider_on_desktop %} slider__slide{% endif %}">
             {% render 'card-product',
               card_product: product,
               media_aspect_ratio: section.settings.image_ratio,
@@ -69,7 +71,7 @@
           {%- endfor -%}
         {%- endfor -%}
       </ul>
-      {%- if showSliderOnMobile or showSliderOnDesktop -%}
+      {%- if show_slider_on_mobile or show_slider_on_desktop -%}
         <div class="slider-buttons no-js-hidden{% if section.settings.collection.all_products_count < 4 %} medium-hide{% endif %}{% if section.settings.collection.all_products_count < 3 %} small-hide{% endif %}">
           <button type="button" class="slider-button slider-button--prev" name="previous" aria-label="{{ 'general.slider.previous_slide' | t }}" aria-controls="Slider-{{ section.id }}">{% render 'icon-caret' %}</button>
           <div class="slider-counter caption">

From 2b96ef8b8e482445616dbb4084048d4c7b064278 Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Fri, 18 Feb 2022 16:36:10 -0500
Subject: [PATCH 26/51] add spacing for shadows

---
 assets/component-slider.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/assets/component-slider.css b/assets/component-slider.css
index ce80cea8cdf..4c48f4f1341 100644
--- a/assets/component-slider.css
+++ b/assets/component-slider.css
@@ -125,6 +125,16 @@ slider-component {
     -webkit-overflow-scrolling: touch;
     margin-bottom: 1rem;
   }
+
+  .slider.slider--desktop .slider__slide {
+    margin-bottom: 0;
+    padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
+    padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom));
+  }
+
+  .slider.slider--desktop.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
+    padding-bottom: var(--focus-outline-padding);
+  }
 }
 
 /* Scrollbar */

From 62ba6c2778a6cace48b90ae48f84901368ccaae9 Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Mon, 21 Feb 2022 12:29:57 -0500
Subject: [PATCH 27/51] address reviewer's comments

---
 assets/template-collection.css | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/assets/template-collection.css b/assets/template-collection.css
index a02e8d46ae2..deb4ebeb01e 100644
--- a/assets/template-collection.css
+++ b/assets/template-collection.css
@@ -62,15 +62,15 @@
   margin: 0;
 }
 
+.collection__title.title-wrapper {
+  margin-bottom: 2rem;
+}
+
 .collection__title .title:not(:only-child) {
   margin-bottom: 1rem;
 }
 
 @media screen and (min-width: 990px) {
-  .collection__title .title:not(:only-child) {
-    margin-bottom: 2rem;
-  }
-
   .collection__title.title-wrapper--self-padded-tablet-down {
     padding: 0 5rem;
   }
@@ -140,6 +140,6 @@
   }
 }
 
-.collection__view-all {
+.collection__view-all a:not(.link) {
   margin-top: 1rem;
 }

From 0f5104165059e3afe86eaf87730551eb5e5a9bf5 Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Tue, 22 Feb 2022 14:00:54 -0500
Subject: [PATCH 28/51] Edit copy

---
 locales/en.default.schema.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/locales/en.default.schema.json b/locales/en.default.schema.json
index 88eb8c7c408..8df998d5960 100644
--- a/locales/en.default.schema.json
+++ b/locales/en.default.schema.json
@@ -630,7 +630,7 @@
           "label": "Enable carousel on desktop"
         },
         "full_width": {
-          "label": "Make section full width"
+          "label": "Make products full width"
         },
         "header": {
           "content": "Product card"

From 39050ce6eca97f5c3eb65041516371c59f9fb64b Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Wed, 23 Feb 2022 09:56:59 -0500
Subject: [PATCH 29/51] edit copy

---
 locales/en.default.schema.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/locales/en.default.schema.json b/locales/en.default.schema.json
index 8df998d5960..9dd5eb95e44 100644
--- a/locales/en.default.schema.json
+++ b/locales/en.default.schema.json
@@ -612,10 +612,10 @@
           "label": "Number of columns on desktop"
         },
         "show_view_all": {
-          "label": "Enable \"View all\" button if collection has more products than shown"
+          "label": "Enable \"View all\" if collection has more products than shown"
         },
         "view_all_style": {
-          "label": "View all style",
+          "label": "\"View all\" style",
           "options__1": {
             "label": "Link"
           },

From 9b6c6b58feba76fee4c6e69498f373533168e2c1 Mon Sep 17 00:00:00 2001
From: "translation-platform[bot]"
 <34770790+translation-platform[bot]@users.noreply.github.com>
Date: Wed, 23 Feb 2022 15:10:40 +0000
Subject: [PATCH 30/51] Update 21 translation files

---
 locales/bg-BG.json | 3 ++-
 locales/da.json    | 3 ++-
 locales/de.json    | 3 ++-
 locales/el.json    | 3 ++-
 locales/fr.json    | 3 ++-
 locales/hr-HR.json | 3 ++-
 locales/hu.json    | 3 ++-
 locales/id.json    | 3 ++-
 locales/ja.json    | 3 ++-
 locales/ko.json    | 3 ++-
 locales/lt-LT.json | 3 ++-
 locales/nl.json    | 3 ++-
 locales/pt-PT.json | 3 ++-
 locales/ro-RO.json | 3 ++-
 locales/sk-SK.json | 3 ++-
 locales/sl-SI.json | 3 ++-
 locales/sv.json    | 3 ++-
 locales/th.json    | 3 ++-
 locales/tr.json    | 3 ++-
 locales/zh-CN.json | 3 ++-
 locales/zh-TW.json | 3 ++-
 21 files changed, 42 insertions(+), 21 deletions(-)

diff --git a/locales/bg-BG.json b/locales/bg-BG.json
index 9fa28a60980..9c4ec9f5ced 100644
--- a/locales/bg-BG.json
+++ b/locales/bg-BG.json
@@ -260,7 +260,8 @@
     },
     "featured_collection": {
       "view_all": "Покажи всички",
-      "view_all_label": "Покажи всички продукти в колекция {{ collection_name }}"
+      "view_all_label": "Покажи всички продукти в колекция {{ collection_name }}",
+      "slider": "Плъзгач"
     },
     "collection_list": {
       "view_all": "Покажи всички"
diff --git a/locales/da.json b/locales/da.json
index 8976c104bff..5fcfc355e47 100644
--- a/locales/da.json
+++ b/locales/da.json
@@ -260,7 +260,8 @@
     },
     "featured_collection": {
       "view_all": "Se alle",
-      "view_all_label": "Se alle produkter i kollektionen {{ collection_name }}"
+      "view_all_label": "Se alle produkter i kollektionen {{ collection_name }}",
+      "slider": "Diasshow"
     },
     "collection_list": {
       "view_all": "Se alle"
diff --git a/locales/de.json b/locales/de.json
index 96039623e87..fd359d957f6 100644
--- a/locales/de.json
+++ b/locales/de.json
@@ -260,7 +260,8 @@
     },
     "featured_collection": {
       "view_all": "Alle anzeigen",
-      "view_all_label": "Alle Produkte in der Kategorie {{ collection_name }} anzeigen"
+      "view_all_label": "Alle Produkte in der Kategorie {{ collection_name }} anzeigen",
+      "slider": "Slider"
     },
     "collection_list": {
       "view_all": "Alle anzeigen"
diff --git a/locales/el.json b/locales/el.json
index 21597142097..16e2bdc36f9 100644
--- a/locales/el.json
+++ b/locales/el.json
@@ -260,7 +260,8 @@
     },
     "featured_collection": {
       "view_all": "Προβολή όλων",
-      "view_all_label": "Προβολή όλων των προϊόντων στη συλλογή {{ collection_name }}"
+      "view_all_label": "Προβολή όλων των προϊόντων στη συλλογή {{ collection_name }}",
+      "slider": "Ρυθμιστικό"
     },
     "collection_list": {
       "view_all": "Προβολή όλων"
diff --git a/locales/fr.json b/locales/fr.json
index cd5e8cb9d12..1803a258b68 100644
--- a/locales/fr.json
+++ b/locales/fr.json
@@ -260,7 +260,8 @@
     },
     "featured_collection": {
       "view_all": "Tout afficher",
-      "view_all_label": "Afficher tous les produits de la collection {{ collection_name }}"
+      "view_all_label": "Afficher tous les produits de la collection {{ collection_name }}",
+      "slider": "Carrousel"
     },
     "collection_list": {
       "view_all": "Tout afficher"
diff --git a/locales/hr-HR.json b/locales/hr-HR.json
index 58f27475404..c71e69b61d3 100644
--- a/locales/hr-HR.json
+++ b/locales/hr-HR.json
@@ -267,7 +267,8 @@
     },
     "featured_collection": {
       "view_all": "Prikaži sve",
-      "view_all_label": "Prikaži sve proizvode iz kolekcije {{ collection_name }}"
+      "view_all_label": "Prikaži sve proizvode iz kolekcije {{ collection_name }}",
+      "slider": "Kliznik"
     },
     "collection_list": {
       "view_all": "Prikaži sve"
diff --git a/locales/hu.json b/locales/hu.json
index d5250dcdbeb..3af6fa1304c 100644
--- a/locales/hu.json
+++ b/locales/hu.json
@@ -260,7 +260,8 @@
     },
     "featured_collection": {
       "view_all": "Az összes megtekintése",
-      "view_all_label": "Az ebben a kollekcióban szereplő összes termék megtekintése: {{ collection_name }}"
+      "view_all_label": "Az ebben a kollekcióban szereplő összes termék megtekintése: {{ collection_name }}",
+      "slider": "Csúszka"
     },
     "collection_list": {
       "view_all": "Az összes megtekintése"
diff --git a/locales/id.json b/locales/id.json
index 1ac9248f130..dba3d32e7c9 100644
--- a/locales/id.json
+++ b/locales/id.json
@@ -260,7 +260,8 @@
     },
     "featured_collection": {
       "view_all": "Lihat semua",
-      "view_all_label": "Lihat semua produk dalam koleksi {{ collection_name }}"
+      "view_all_label": "Lihat semua produk dalam koleksi {{ collection_name }}",
+      "slider": "Slider"
     },
     "collection_list": {
       "view_all": "Lihat semua"
diff --git a/locales/ja.json b/locales/ja.json
index 89f1b16fad4..4c826a1ef79 100644
--- a/locales/ja.json
+++ b/locales/ja.json
@@ -260,7 +260,8 @@
     },
     "featured_collection": {
       "view_all": "すべてを表示する",
-      "view_all_label": "{{ collection_name }}コレクションの商品をすべて表示する"
+      "view_all_label": "{{ collection_name }}コレクションの商品をすべて表示する",
+      "slider": "スライダー"
     },
     "collection_list": {
       "view_all": "すべてを表示する"
diff --git a/locales/ko.json b/locales/ko.json
index cab90449727..dd769d284ad 100644
--- a/locales/ko.json
+++ b/locales/ko.json
@@ -260,7 +260,8 @@
     },
     "featured_collection": {
       "view_all": "모두 보기",
-      "view_all_label": "{{ collection_name }} 컬렉션의 모든 제품 보기"
+      "view_all_label": "{{ collection_name }} 컬렉션의 모든 제품 보기",
+      "slider": "슬라이더"
     },
     "collection_list": {
       "view_all": "모두 보기"
diff --git a/locales/lt-LT.json b/locales/lt-LT.json
index 9e7fbf38671..db40a45f515 100644
--- a/locales/lt-LT.json
+++ b/locales/lt-LT.json
@@ -274,7 +274,8 @@
     },
     "featured_collection": {
       "view_all": "Žr. viską",
-      "view_all_label": "Žr. visus kolekcijos „{{ collection_name }}“ gaminius"
+      "view_all_label": "Žr. visus kolekcijos „{{ collection_name }}“ gaminius",
+      "slider": "Slankiklis"
     },
     "collection_list": {
       "view_all": "Žr. viską"
diff --git a/locales/nl.json b/locales/nl.json
index 129577f15b3..869a08465a2 100644
--- a/locales/nl.json
+++ b/locales/nl.json
@@ -260,7 +260,8 @@
     },
     "featured_collection": {
       "view_all": "Alles bekijken",
-      "view_all_label": "Bekijk alle producten in de collectie {{ collection_name }}"
+      "view_all_label": "Bekijk alle producten in de collectie {{ collection_name }}",
+      "slider": "Schuifregelaar"
     },
     "collection_list": {
       "view_all": "Alles bekijken"
diff --git a/locales/pt-PT.json b/locales/pt-PT.json
index bba916ac566..fbcac5c83b4 100644
--- a/locales/pt-PT.json
+++ b/locales/pt-PT.json
@@ -260,7 +260,8 @@
     },
     "featured_collection": {
       "view_all": "Ver tudo",
-      "view_all_label": "Ver todos os produtos da coleção {{ collection_name }}"
+      "view_all_label": "Ver todos os produtos da coleção {{ collection_name }}",
+      "slider": "Slider"
     },
     "collection_list": {
       "view_all": "Ver tudo"
diff --git a/locales/ro-RO.json b/locales/ro-RO.json
index ffa65fa8b3f..010e4b8e4b5 100644
--- a/locales/ro-RO.json
+++ b/locales/ro-RO.json
@@ -267,7 +267,8 @@
     },
     "featured_collection": {
       "view_all": "Afișați tot",
-      "view_all_label": "Afișați toate produsele din colecția {{ collection_name }}"
+      "view_all_label": "Afișați toate produsele din colecția {{ collection_name }}",
+      "slider": "Glisor"
     },
     "collection_list": {
       "view_all": "Afișați tot"
diff --git a/locales/sk-SK.json b/locales/sk-SK.json
index d4f75074f35..240b1347ffe 100644
--- a/locales/sk-SK.json
+++ b/locales/sk-SK.json
@@ -274,7 +274,8 @@
     },
     "featured_collection": {
       "view_all": "Zobraziť všetko",
-      "view_all_label": "Pozrite si všetky produkty z kolekcie {{ collection_name }}"
+      "view_all_label": "Pozrite si všetky produkty z kolekcie {{ collection_name }}",
+      "slider": "Jazdec"
     },
     "collection_list": {
       "view_all": "Zobraziť všetko"
diff --git a/locales/sl-SI.json b/locales/sl-SI.json
index e65b4df48fc..3c4927e617b 100644
--- a/locales/sl-SI.json
+++ b/locales/sl-SI.json
@@ -274,7 +274,8 @@
     },
     "featured_collection": {
       "view_all": "Prikaži vse",
-      "view_all_label": "Prikaži vse izdelke v zbirki {{ collection_name }}"
+      "view_all_label": "Prikaži vse izdelke v zbirki {{ collection_name }}",
+      "slider": "Drsnik"
     },
     "collection_list": {
       "view_all": "Prikaži vse"
diff --git a/locales/sv.json b/locales/sv.json
index 71b149fb6f0..52fb7001f6e 100644
--- a/locales/sv.json
+++ b/locales/sv.json
@@ -260,7 +260,8 @@
     },
     "featured_collection": {
       "view_all": "Visa alla",
-      "view_all_label": "Visa alla produkter i produktserien {{ collection_name }}"
+      "view_all_label": "Visa alla produkter i produktserien {{ collection_name }}",
+      "slider": "Bild"
     },
     "collection_list": {
       "view_all": "Visa alla"
diff --git a/locales/th.json b/locales/th.json
index aa22ad09495..460e4c36f4d 100644
--- a/locales/th.json
+++ b/locales/th.json
@@ -260,7 +260,8 @@
     },
     "featured_collection": {
       "view_all": "ดูทั้งหมด",
-      "view_all_label": "ดูสินค้าทั้งหมดในคอลเลกชัน {{ collection_name }}"
+      "view_all_label": "ดูสินค้าทั้งหมดในคอลเลกชัน {{ collection_name }}",
+      "slider": "แถบเลื่อน"
     },
     "collection_list": {
       "view_all": "ดูทั้งหมด"
diff --git a/locales/tr.json b/locales/tr.json
index 0440017626b..d989d2a2c1e 100644
--- a/locales/tr.json
+++ b/locales/tr.json
@@ -260,7 +260,8 @@
     },
     "featured_collection": {
       "view_all": "Tümünü görüntüle",
-      "view_all_label": "{{ collection_name }} koleksiyonundaki tüm ürünleri görüntüle"
+      "view_all_label": "{{ collection_name }} koleksiyonundaki tüm ürünleri görüntüle",
+      "slider": "Kaydırıcı"
     },
     "collection_list": {
       "view_all": "Tümünü görüntüle"
diff --git a/locales/zh-CN.json b/locales/zh-CN.json
index 84f0dcf3115..aa7175f9ce0 100644
--- a/locales/zh-CN.json
+++ b/locales/zh-CN.json
@@ -260,7 +260,8 @@
     },
     "featured_collection": {
       "view_all": "查看全部",
-      "view_all_label": "查看 {{ collection_name }} 产品系列中的所有产品"
+      "view_all_label": "查看 {{ collection_name }} 产品系列中的所有产品",
+      "slider": "滑块"
     },
     "collection_list": {
       "view_all": "查看全部"
diff --git a/locales/zh-TW.json b/locales/zh-TW.json
index 7a526fbdd74..79c8913684f 100644
--- a/locales/zh-TW.json
+++ b/locales/zh-TW.json
@@ -260,7 +260,8 @@
     },
     "featured_collection": {
       "view_all": "檢視全部",
-      "view_all_label": "檢視 {{ collection_name }} 商品系列的全部產品"
+      "view_all_label": "檢視 {{ collection_name }} 商品系列的全部產品",
+      "slider": "投影播放器"
     },
     "collection_list": {
       "view_all": "檢視全部"

From f816e38a4a1d2c11cd040baa96234c21a3861dfe Mon Sep 17 00:00:00 2001
From: "translation-platform[bot]"
 <34770790+translation-platform[bot]@users.noreply.github.com>
Date: Wed, 23 Feb 2022 21:06:00 +0000
Subject: [PATCH 31/51] Update 1 translation file

---
 locales/it.json | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/locales/it.json b/locales/it.json
index a2cc53807fa..244c661b294 100644
--- a/locales/it.json
+++ b/locales/it.json
@@ -260,7 +260,8 @@
     },
     "featured_collection": {
       "view_all": "Visualizza tutto",
-      "view_all_label": "Visualizza tutti i prodotti della collezione {{ collection_name }}"
+      "view_all_label": "Visualizza tutti i prodotti della collezione {{ collection_name }}",
+      "slider": "Cursore"
     },
     "collection_list": {
       "view_all": "Visualizza tutto"

From 521f31274122b7499e6b18728db73fc92811e277 Mon Sep 17 00:00:00 2001
From: "translation-platform[bot]"
 <34770790+translation-platform[bot]@users.noreply.github.com>
Date: Wed, 23 Feb 2022 21:07:08 +0000
Subject: [PATCH 32/51] Update 13 translation files

---
 locales/da.schema.json    | 44 ++++++++++++++++++++++++++++++++++++---
 locales/de.schema.json    | 44 ++++++++++++++++++++++++++++++++++++---
 locales/fr.schema.json    | 44 ++++++++++++++++++++++++++++++++++++---
 locales/it.schema.json    | 44 ++++++++++++++++++++++++++++++++++++---
 locales/ja.schema.json    | 44 ++++++++++++++++++++++++++++++++++++---
 locales/ko.schema.json    | 44 ++++++++++++++++++++++++++++++++++++---
 locales/nl.schema.json    | 44 ++++++++++++++++++++++++++++++++++++---
 locales/pl.schema.json    | 44 ++++++++++++++++++++++++++++++++++++---
 locales/pt-PT.schema.json | 44 ++++++++++++++++++++++++++++++++++++---
 locales/sv.schema.json    | 44 ++++++++++++++++++++++++++++++++++++---
 locales/th.schema.json    | 44 ++++++++++++++++++++++++++++++++++++---
 locales/zh-CN.schema.json | 44 ++++++++++++++++++++++++++++++++++++---
 locales/zh-TW.schema.json | 44 ++++++++++++++++++++++++++++++++++++---
 13 files changed, 533 insertions(+), 39 deletions(-)

diff --git a/locales/da.schema.json b/locales/da.schema.json
index 0796a61b640..bc2786846a3 100644
--- a/locales/da.schema.json
+++ b/locales/da.schema.json
@@ -582,9 +582,6 @@
         "show_view_all": {
           "label": "Aktivér knappen \"Se alle\", hvis kollektionen indeholder flere produkter, end der vises"
         },
-        "swipe_on_mobile": {
-          "label": "Aktivér swipe på mobilen"
-        },
         "header": {
           "content": "Produktkort"
         },
@@ -612,6 +609,47 @@
         },
         "columns_desktop": {
           "label": "Antallet af kolonner på computer"
+        },
+        "description": {
+          "label": "Beskrivelse"
+        },
+        "show_description": {
+          "label": "Vis kollektionsbeskrivelse fra administratoren"
+        },
+        "description_style": {
+          "label": "Beskrivelsesstil",
+          "options__1": {
+            "label": "Brødtekst"
+          },
+          "options__2": {
+            "label": "Underoverskrift"
+          },
+          "options__3": {
+            "label": "Store bogstaver"
+          }
+        },
+        "view_all_style": {
+          "options__1": {
+            "label": "Link"
+          },
+          "options__2": {
+            "label": "Rammeknap"
+          },
+          "options__3": {
+            "label": "Udfyldt knap"
+          }
+        },
+        "enable_desktop_slider": {
+          "label": "Aktivér karrusel på computer"
+        },
+        "full_width": {
+          "label": "Gør produkter til fuld bredde"
+        },
+        "mobile_header": {
+          "content": "Mobillayout"
+        },
+        "enable_mobile_slider": {
+          "label": "Aktivér swipe på mobilen"
         }
       },
       "presets": {
diff --git a/locales/de.schema.json b/locales/de.schema.json
index bdea6b7f674..a1dd87cf4eb 100644
--- a/locales/de.schema.json
+++ b/locales/de.schema.json
@@ -582,9 +582,6 @@
         "show_view_all": {
           "label": "Aktiviere die Schaltfläche \"Alle anzeigen\", wenn die Kategorie mehr Produkte enthält, als angezeigt werden"
         },
-        "swipe_on_mobile": {
-          "label": "Wischen auf Mobilgeräten aktivieren"
-        },
         "header": {
           "content": "Produktkarte"
         },
@@ -612,6 +609,47 @@
         },
         "columns_desktop": {
           "label": "Anzahl der Spalten auf dem Desktop"
+        },
+        "description": {
+          "label": "Beschreibung"
+        },
+        "show_description": {
+          "label": "Kategoriebeschreibung im Adminbereich anzeigen"
+        },
+        "description_style": {
+          "label": "Beschreibungsstil",
+          "options__1": {
+            "label": "Nachricht"
+          },
+          "options__2": {
+            "label": "Untertitel"
+          },
+          "options__3": {
+            "label": "Großbuchstaben"
+          }
+        },
+        "view_all_style": {
+          "options__1": {
+            "label": "Link"
+          },
+          "options__2": {
+            "label": "Umriss-Schaltfläche"
+          },
+          "options__3": {
+            "label": "Durchgehende Schaltfläche"
+          }
+        },
+        "enable_desktop_slider": {
+          "label": "Karussell auf Desktop aktivieren"
+        },
+        "full_width": {
+          "label": "Produkte auf gesamte Breite auslegen"
+        },
+        "mobile_header": {
+          "content": "Mobiles Layout"
+        },
+        "enable_mobile_slider": {
+          "label": "Wischen auf Mobilgeräten aktivieren"
         }
       },
       "presets": {
diff --git a/locales/fr.schema.json b/locales/fr.schema.json
index 2f489133743..131e03cf6d8 100644
--- a/locales/fr.schema.json
+++ b/locales/fr.schema.json
@@ -582,9 +582,6 @@
         "show_view_all": {
           "label": "Activer le bouton « Tout afficher » si la collection comprend plus de produits que ceux affichés"
         },
-        "swipe_on_mobile": {
-          "label": "Activer le balayage sur mobile"
-        },
         "header": {
           "content": "Carte de produit"
         },
@@ -612,6 +609,47 @@
         },
         "columns_desktop": {
           "label": "Nombre de colonnes sur ordinateur"
+        },
+        "description": {
+          "label": "Description"
+        },
+        "show_description": {
+          "label": "Afficher la description de la collection à partir de l'interface administrateur"
+        },
+        "description_style": {
+          "label": "Style de la description",
+          "options__1": {
+            "label": "Corps"
+          },
+          "options__2": {
+            "label": "Sous-titre"
+          },
+          "options__3": {
+            "label": "Majuscule"
+          }
+        },
+        "view_all_style": {
+          "options__1": {
+            "label": "Lien"
+          },
+          "options__2": {
+            "label": "Bouton en relief"
+          },
+          "options__3": {
+            "label": "Bouton plein"
+          }
+        },
+        "enable_desktop_slider": {
+          "label": "Activer le carrousel sur ordinateur"
+        },
+        "full_width": {
+          "label": "Rendre les produits pleine largeur"
+        },
+        "mobile_header": {
+          "content": "Mise en page sur mobile"
+        },
+        "enable_mobile_slider": {
+          "label": "Activer le balayage sur mobile"
         }
       },
       "presets": {
diff --git a/locales/it.schema.json b/locales/it.schema.json
index 77bc47fffeb..ff5113f581b 100644
--- a/locales/it.schema.json
+++ b/locales/it.schema.json
@@ -582,9 +582,6 @@
         "show_view_all": {
           "label": "Abilita il pulsante \"Visualizza tutto\" se la collezione include più prodotti di quelli mostrati"
         },
-        "swipe_on_mobile": {
-          "label": "Abilita scorrimento su dispositivo mobile"
-        },
         "header": {
           "content": "Scheda prodotto"
         },
@@ -612,6 +609,47 @@
         },
         "columns_desktop": {
           "label": "Numero di colonne su desktop"
+        },
+        "description": {
+          "label": "Descrizione"
+        },
+        "show_description": {
+          "label": "Mostra descrizione collezione dal pannello di controllo Shopify"
+        },
+        "description_style": {
+          "label": "Stile descrizione",
+          "options__1": {
+            "label": "Corpo"
+          },
+          "options__2": {
+            "label": "Sottotitolo"
+          },
+          "options__3": {
+            "label": "Maiuscolo"
+          }
+        },
+        "view_all_style": {
+          "options__1": {
+            "label": "Link"
+          },
+          "options__2": {
+            "label": "Contorno pulsante"
+          },
+          "options__3": {
+            "label": "Pulsante in tinta unita"
+          }
+        },
+        "enable_desktop_slider": {
+          "label": "Consenti carosello su desktop"
+        },
+        "full_width": {
+          "label": "Rendi prodotti a larghezza intera"
+        },
+        "mobile_header": {
+          "content": "Layout dispositivo mobile"
+        },
+        "enable_mobile_slider": {
+          "label": "Abilita scorrimento su dispositivo mobile"
         }
       },
       "presets": {
diff --git a/locales/ja.schema.json b/locales/ja.schema.json
index 09d7069b917..7a162b019ad 100644
--- a/locales/ja.schema.json
+++ b/locales/ja.schema.json
@@ -582,9 +582,6 @@
         "show_view_all": {
           "label": "コレクションに表示されているよりも多くの商品がある場合、「すべてを表示」ボタンを有効にします"
         },
-        "swipe_on_mobile": {
-          "label": "モバイルでスワイプを有効にする"
-        },
         "header": {
           "content": "商品カード"
         },
@@ -612,6 +609,47 @@
         },
         "columns_desktop": {
           "label": "デスクトップの列数"
+        },
+        "description": {
+          "label": "説明"
+        },
+        "show_description": {
+          "label": "管理画面からコレクションの説明を表示する"
+        },
+        "description_style": {
+          "label": "説明のスタイル",
+          "options__1": {
+            "label": "本文"
+          },
+          "options__2": {
+            "label": "サブタイトル"
+          },
+          "options__3": {
+            "label": "大文字"
+          }
+        },
+        "view_all_style": {
+          "options__1": {
+            "label": "リンク"
+          },
+          "options__2": {
+            "label": "アウトラインボタン"
+          },
+          "options__3": {
+            "label": "ソリッドカラーのボタン"
+          }
+        },
+        "enable_desktop_slider": {
+          "label": "デスクトップでカルーセルを有効にする"
+        },
+        "full_width": {
+          "label": "商品を全幅にする"
+        },
+        "mobile_header": {
+          "content": "モバイルのレイアウト"
+        },
+        "enable_mobile_slider": {
+          "label": "モバイルでスワイプを有効にする"
         }
       },
       "presets": {
diff --git a/locales/ko.schema.json b/locales/ko.schema.json
index c2273588ede..62ab78c0d07 100644
--- a/locales/ko.schema.json
+++ b/locales/ko.schema.json
@@ -582,9 +582,6 @@
         "show_view_all": {
           "label": "컬렉션에 표시된 것보다 많은 제품이 있는 경우 \"모두 보기\" 버튼을 활성화하십시오."
         },
-        "swipe_on_mobile": {
-          "label": "모바일에서 긁기 활성화"
-        },
         "header": {
           "content": "제품 카드"
         },
@@ -612,6 +609,47 @@
         },
         "columns_desktop": {
           "label": "데스크톱의 열 수"
+        },
+        "description": {
+          "label": "설명"
+        },
+        "show_description": {
+          "label": "관리자에서 컬렉션 설명 표시"
+        },
+        "description_style": {
+          "label": "설명 스타일",
+          "options__1": {
+            "label": "본문"
+          },
+          "options__2": {
+            "label": "소제목"
+          },
+          "options__3": {
+            "label": "대문자"
+          }
+        },
+        "view_all_style": {
+          "options__1": {
+            "label": "링크"
+          },
+          "options__2": {
+            "label": "윤곽 버튼"
+          },
+          "options__3": {
+            "label": "단색 버튼"
+          }
+        },
+        "enable_desktop_slider": {
+          "label": "데스크톱에서 캐러셀 활성화"
+        },
+        "full_width": {
+          "label": "제품을 전체 폭 사용"
+        },
+        "mobile_header": {
+          "content": "모바일 레이아웃"
+        },
+        "enable_mobile_slider": {
+          "label": "모바일에서 긁기 활성화"
         }
       },
       "presets": {
diff --git a/locales/nl.schema.json b/locales/nl.schema.json
index 43afcb22d74..425d4dbd649 100644
--- a/locales/nl.schema.json
+++ b/locales/nl.schema.json
@@ -582,9 +582,6 @@
         "show_view_all": {
           "label": "Schakel de knop 'Alles weergeven' in als collectie meer producten heeft dan wordt getoond"
         },
-        "swipe_on_mobile": {
-          "label": "Swipen op mobiel inschakelen"
-        },
         "header": {
           "content": "Productkaart"
         },
@@ -612,6 +609,47 @@
         },
         "columns_desktop": {
           "label": "Aantal kolommen op desktop"
+        },
+        "description": {
+          "label": "Beschrijving"
+        },
+        "show_description": {
+          "label": "Collectiebeschrijving van het beheercentrum weergeven"
+        },
+        "description_style": {
+          "label": "Stijl beschrijving",
+          "options__1": {
+            "label": "Hoofdtekst"
+          },
+          "options__2": {
+            "label": "Subtitel"
+          },
+          "options__3": {
+            "label": "Hoofdletters"
+          }
+        },
+        "view_all_style": {
+          "options__1": {
+            "label": "Link"
+          },
+          "options__2": {
+            "label": "Knop Omlijnen"
+          },
+          "options__3": {
+            "label": "Knop Effen"
+          }
+        },
+        "enable_desktop_slider": {
+          "label": "Carrousel op desktop inschakelen"
+        },
+        "full_width": {
+          "label": "Volledige breedte voor producten gebruiken"
+        },
+        "mobile_header": {
+          "content": "Opmaak op mobiel"
+        },
+        "enable_mobile_slider": {
+          "label": "Swipen op mobiel inschakelen"
         }
       },
       "presets": {
diff --git a/locales/pl.schema.json b/locales/pl.schema.json
index 63ea2007896..a91d6ff2cf3 100644
--- a/locales/pl.schema.json
+++ b/locales/pl.schema.json
@@ -582,9 +582,6 @@
         "show_view_all": {
           "label": "Włącz przycisk „Wyświetl wszystko”, jeśli kolekcja ma więcej produktów niż pokazano"
         },
-        "swipe_on_mobile": {
-          "label": "Włącz przeciąganie na urządzeniu mobilnym"
-        },
         "header": {
           "content": "Karta produktów"
         },
@@ -612,6 +609,47 @@
         },
         "columns_desktop": {
           "label": "Liczba kolumn na komputerze"
+        },
+        "description": {
+          "label": "Opis"
+        },
+        "show_description": {
+          "label": "Pokaż opis kolekcji z panelu administracyjnego"
+        },
+        "description_style": {
+          "label": "Styl opisu",
+          "options__1": {
+            "label": "Tekst podstawowy"
+          },
+          "options__2": {
+            "label": "Podtytuł"
+          },
+          "options__3": {
+            "label": "Duże litery"
+          }
+        },
+        "view_all_style": {
+          "options__1": {
+            "label": "Link"
+          },
+          "options__2": {
+            "label": "Przycisk konspektu"
+          },
+          "options__3": {
+            "label": "Przycisk w jednolitym kolorze"
+          }
+        },
+        "enable_desktop_slider": {
+          "label": "Włącz karuzelę na pulpicie"
+        },
+        "full_width": {
+          "label": "Wyświetl produkty na całej szerokości"
+        },
+        "mobile_header": {
+          "content": "Układ na urządzeniu mobilnym"
+        },
+        "enable_mobile_slider": {
+          "label": "Włącz przeciąganie na urządzeniu mobilnym"
         }
       },
       "presets": {
diff --git a/locales/pt-PT.schema.json b/locales/pt-PT.schema.json
index 977023a2df8..6edcdd029d5 100644
--- a/locales/pt-PT.schema.json
+++ b/locales/pt-PT.schema.json
@@ -582,9 +582,6 @@
         "show_view_all": {
           "label": "Ative o botão \"Ver tudo\" caso a coleção possua mais produtos do que as apresentadas"
         },
-        "swipe_on_mobile": {
-          "label": "Ativar leitura magnética no dispositivo móvel"
-        },
         "header": {
           "content": "Cartão de produtos"
         },
@@ -612,6 +609,47 @@
         },
         "columns_desktop": {
           "label": "Número de colunas no ambiente de trabalho"
+        },
+        "description": {
+          "label": "Descrição"
+        },
+        "show_description": {
+          "label": "Mostrar descrição da coleção do administrador"
+        },
+        "description_style": {
+          "label": "Estilo da descrição",
+          "options__1": {
+            "label": "Corpo"
+          },
+          "options__2": {
+            "label": "Legenda"
+          },
+          "options__3": {
+            "label": "Maiúsculas"
+          }
+        },
+        "view_all_style": {
+          "options__1": {
+            "label": "Ligação"
+          },
+          "options__2": {
+            "label": "Botão de contorno"
+          },
+          "options__3": {
+            "label": "Botão sólido"
+          }
+        },
+        "enable_desktop_slider": {
+          "label": "Ativar carrossel em computador"
+        },
+        "full_width": {
+          "label": "Tornar os produtos em largura total"
+        },
+        "mobile_header": {
+          "content": "Esquema para dispositivo móvel"
+        },
+        "enable_mobile_slider": {
+          "label": "Ativar leitura magnética no dispositivo móvel"
         }
       },
       "presets": {
diff --git a/locales/sv.schema.json b/locales/sv.schema.json
index daf67241a45..b30a5479bb2 100644
--- a/locales/sv.schema.json
+++ b/locales/sv.schema.json
@@ -582,9 +582,6 @@
         "show_view_all": {
           "label": "Aktivera \"Visa alla\"-knappen om produktserien innehåller fler produkter än vad som visas"
         },
-        "swipe_on_mobile": {
-          "label": "Aktivera swipe på mobilen"
-        },
         "header": {
           "content": "Produktkort"
         },
@@ -612,6 +609,47 @@
         },
         "columns_desktop": {
           "label": "Antalet kolumner på skrivbordet"
+        },
+        "description": {
+          "label": "Beskrivning"
+        },
+        "show_description": {
+          "label": "Visa produktseriebeskrivning från Shopify-admin"
+        },
+        "description_style": {
+          "label": "Beskrivningsstil",
+          "options__1": {
+            "label": "Brödtext"
+          },
+          "options__2": {
+            "label": "Underrubrik"
+          },
+          "options__3": {
+            "label": "Stora bokstäver"
+          }
+        },
+        "view_all_style": {
+          "options__1": {
+            "label": "Länk"
+          },
+          "options__2": {
+            "label": "Knappkontur"
+          },
+          "options__3": {
+            "label": "Tydlig knapp"
+          }
+        },
+        "enable_desktop_slider": {
+          "label": "Aktivera karusell på dator"
+        },
+        "full_width": {
+          "label": "Ge produkterna full bredd"
+        },
+        "mobile_header": {
+          "content": "Mobil layout"
+        },
+        "enable_mobile_slider": {
+          "label": "Aktivera swipe på mobilen"
         }
       },
       "presets": {
diff --git a/locales/th.schema.json b/locales/th.schema.json
index d4e41eb8e31..cc6904e1d04 100644
--- a/locales/th.schema.json
+++ b/locales/th.schema.json
@@ -582,9 +582,6 @@
         "show_view_all": {
           "label": "เปิดใช้งานปุ่ม \"ดูทั้งหมด\" หากคอลเลกชันมีสินค้ามากกว่าที่แสดงไว้"
         },
-        "swipe_on_mobile": {
-          "label": "เปิดใช้งานการรูดบนมือถือ"
-        },
         "header": {
           "content": "บัตรสินค้า"
         },
@@ -612,6 +609,47 @@
         },
         "columns_desktop": {
           "label": "จำนวนของคอลัมน์บนเดสก์ท็อป"
+        },
+        "description": {
+          "label": "คำอธิบาย"
+        },
+        "show_description": {
+          "label": "แสดงคำอธิบายคอลเลกชันจากส่วน admin"
+        },
+        "description_style": {
+          "label": "รูปแบบคำอธิบาย",
+          "options__1": {
+            "label": "เนื้อหา"
+          },
+          "options__2": {
+            "label": "คำบรรยาย"
+          },
+          "options__3": {
+            "label": "ตัวพิมพ์ใหญ่"
+          }
+        },
+        "view_all_style": {
+          "options__1": {
+            "label": "ลิงก์"
+          },
+          "options__2": {
+            "label": "ปุ่มแบบเค้าโครง"
+          },
+          "options__3": {
+            "label": "ปุ่มทึบ"
+          }
+        },
+        "enable_desktop_slider": {
+          "label": "เปิดใช้ภาพสไลด์บนเดสก์ท็อป"
+        },
+        "full_width": {
+          "label": "ทำให้สินค้าเต็มความกว้าง"
+        },
+        "mobile_header": {
+          "content": "เลย์เอาต์สำหรับมือถือ"
+        },
+        "enable_mobile_slider": {
+          "label": "เปิดใช้งานการปัดบนมือถือ"
         }
       },
       "presets": {
diff --git a/locales/zh-CN.schema.json b/locales/zh-CN.schema.json
index 5ffc5d284c7..78196467f8d 100644
--- a/locales/zh-CN.schema.json
+++ b/locales/zh-CN.schema.json
@@ -582,9 +582,6 @@
         "show_view_all": {
           "label": "如果产品系列中的产品未全部显示，请启用“查看全部”按钮"
         },
-        "swipe_on_mobile": {
-          "label": "在移动设备上启用刷卡功能"
-        },
         "header": {
           "content": "产品卡"
         },
@@ -612,6 +609,47 @@
         },
         "columns_desktop": {
           "label": "桌面上的列数"
+        },
+        "description": {
+          "label": "描述"
+        },
+        "show_description": {
+          "label": "从后台显示产品系列描述"
+        },
+        "description_style": {
+          "label": "描述类型",
+          "options__1": {
+            "label": "正文"
+          },
+          "options__2": {
+            "label": "副标题"
+          },
+          "options__3": {
+            "label": "大写"
+          }
+        },
+        "view_all_style": {
+          "options__1": {
+            "label": "链接"
+          },
+          "options__2": {
+            "label": "轮廓按钮"
+          },
+          "options__3": {
+            "label": "实心按钮"
+          }
+        },
+        "enable_desktop_slider": {
+          "label": "在台式设备上启用轮播"
+        },
+        "full_width": {
+          "label": "使产品全宽显示"
+        },
+        "mobile_header": {
+          "content": "移动设备布局"
+        },
+        "enable_mobile_slider": {
+          "label": "在移动设备上启用刷卡功能"
         }
       },
       "presets": {
diff --git a/locales/zh-TW.schema.json b/locales/zh-TW.schema.json
index 25e0d41154b..ebb054a4196 100644
--- a/locales/zh-TW.schema.json
+++ b/locales/zh-TW.schema.json
@@ -582,9 +582,6 @@
         "show_view_all": {
           "label": "若商品系列中包含的商品比顯示出的更多，請啟用「檢視全部」按鈕"
         },
-        "swipe_on_mobile": {
-          "label": "啟用行動裝置的滑動功能"
-        },
         "header": {
           "content": "產品卡"
         },
@@ -612,6 +609,47 @@
         },
         "columns_desktop": {
           "label": "桌面版的欄數"
+        },
+        "description": {
+          "label": "說明"
+        },
+        "show_description": {
+          "label": "顯示來自管理介面的商品系列說明"
+        },
+        "description_style": {
+          "label": "說明樣式",
+          "options__1": {
+            "label": "內文"
+          },
+          "options__2": {
+            "label": "副標題"
+          },
+          "options__3": {
+            "label": "大寫"
+          }
+        },
+        "view_all_style": {
+          "options__1": {
+            "label": "連結"
+          },
+          "options__2": {
+            "label": "外框按鈕"
+          },
+          "options__3": {
+            "label": "純色按鈕"
+          }
+        },
+        "enable_desktop_slider": {
+          "label": "在桌面版啟用輪播廣告"
+        },
+        "full_width": {
+          "label": "讓產品以全寬度呈現"
+        },
+        "mobile_header": {
+          "content": "行動版版面配置"
+        },
+        "enable_mobile_slider": {
+          "label": "啟用行動裝置的滑動功能"
         }
       },
       "presets": {

From 1cd72e18bafa60fe737c127784586a2d7ae1eb01 Mon Sep 17 00:00:00 2001
From: "translation-platform[bot]"
 <34770790+translation-platform[bot]@users.noreply.github.com>
Date: Thu, 24 Feb 2022 05:08:20 +0000
Subject: [PATCH 33/51] Update 1 translation file

---
 locales/fr.schema.json | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/locales/fr.schema.json b/locales/fr.schema.json
index 131e03cf6d8..3494beac4e0 100644
--- a/locales/fr.schema.json
+++ b/locales/fr.schema.json
@@ -580,7 +580,7 @@
           "label": "Quantité maximale de produits à afficher"
         },
         "show_view_all": {
-          "label": "Activer le bouton « Tout afficher » si la collection comprend plus de produits que ceux affichés"
+          "label": "Activer le style « Tout afficher » si la collection comprend plus de produits que ce qui est affiché"
         },
         "header": {
           "content": "Carte de produit"
@@ -637,7 +637,8 @@
           },
           "options__3": {
             "label": "Bouton plein"
-          }
+          },
+          "label": "Style « Tout afficher »"
         },
         "enable_desktop_slider": {
           "label": "Activer le carrousel sur ordinateur"

From 221287e74ebc36f0a302437ba8ce80bb60746d5f Mon Sep 17 00:00:00 2001
From: "translation-platform[bot]"
 <34770790+translation-platform[bot]@users.noreply.github.com>
Date: Thu, 24 Feb 2022 05:08:34 +0000
Subject: [PATCH 34/51] Update 6 translation files

---
 locales/cs.json    | 3 ++-
 locales/fi.json    | 3 ++-
 locales/nb.json    | 3 ++-
 locales/pt-BR.json | 3 ++-
 locales/ru.json    | 3 ++-
 locales/vi.json    | 3 ++-
 6 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/locales/cs.json b/locales/cs.json
index 46c3fde945a..a1010dc8d68 100644
--- a/locales/cs.json
+++ b/locales/cs.json
@@ -274,7 +274,8 @@
     },
     "featured_collection": {
       "view_all": "Zobrazit vše",
-      "view_all_label": "Zobrazit všechny produkty v kolekci {{ collection_name }}"
+      "view_all_label": "Zobrazit všechny produkty v kolekci {{ collection_name }}",
+      "slider": "Posuvník"
     },
     "collection_list": {
       "view_all": "Zobrazit vše"
diff --git a/locales/fi.json b/locales/fi.json
index 63b61a13e69..44014b4484c 100644
--- a/locales/fi.json
+++ b/locales/fi.json
@@ -260,7 +260,8 @@
     },
     "featured_collection": {
       "view_all": "Näytä kaikki",
-      "view_all_label": "Näytä kaikki tuotteet kokoelmassa {{ collection_name }}"
+      "view_all_label": "Näytä kaikki tuotteet kokoelmassa {{ collection_name }}",
+      "slider": "Liukusäädin"
     },
     "collection_list": {
       "view_all": "Näytä kaikki"
diff --git a/locales/nb.json b/locales/nb.json
index e61ba39f8c3..e461242bb5e 100644
--- a/locales/nb.json
+++ b/locales/nb.json
@@ -260,7 +260,8 @@
     },
     "featured_collection": {
       "view_all": "Vis alle",
-      "view_all_label": "Vis alle produktene i {{ collection_name }}-samlingen"
+      "view_all_label": "Vis alle produktene i {{ collection_name }}-samlingen",
+      "slider": "Glidefelt"
     },
     "collection_list": {
       "view_all": "Vis alle"
diff --git a/locales/pt-BR.json b/locales/pt-BR.json
index 2043f20b772..852f9698620 100644
--- a/locales/pt-BR.json
+++ b/locales/pt-BR.json
@@ -260,7 +260,8 @@
     },
     "featured_collection": {
       "view_all": "Ver tudo",
-      "view_all_label": "Ver todos os produtos da coleção {{ collection_name }}"
+      "view_all_label": "Ver todos os produtos da coleção {{ collection_name }}",
+      "slider": "Controle deslizante"
     },
     "collection_list": {
       "view_all": "Ver tudo"
diff --git a/locales/ru.json b/locales/ru.json
index 9ef5b680a57..d647c00cf23 100644
--- a/locales/ru.json
+++ b/locales/ru.json
@@ -274,7 +274,8 @@
     },
     "featured_collection": {
       "view_all": "Посмотреть все",
-      "view_all_label": "Посмотреть все продукты в коллекции \"{{ collection_name }}\""
+      "view_all_label": "Посмотреть все продукты в коллекции \"{{ collection_name }}\"",
+      "slider": "Ползунок"
     },
     "collection_list": {
       "view_all": "Посмотреть все"
diff --git a/locales/vi.json b/locales/vi.json
index 49ea5552e5b..189c0cbee79 100644
--- a/locales/vi.json
+++ b/locales/vi.json
@@ -260,7 +260,8 @@
     },
     "featured_collection": {
       "view_all": "Xem tất cả",
-      "view_all_label": "Xem toàn bộ sản phẩm trong bộ sưu tập {{ collection_name }}"
+      "view_all_label": "Xem toàn bộ sản phẩm trong bộ sưu tập {{ collection_name }}",
+      "slider": "Thanh trượt"
     },
     "collection_list": {
       "view_all": "Xem tất cả"

From e31b11f53df628add503d48ea613d5fe09c6ddc7 Mon Sep 17 00:00:00 2001
From: "translation-platform[bot]"
 <34770790+translation-platform[bot]@users.noreply.github.com>
Date: Thu, 24 Feb 2022 17:03:08 +0000
Subject: [PATCH 35/51] Update 2 translation files

---
 locales/es.json | 3 ++-
 locales/pl.json | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/locales/es.json b/locales/es.json
index 48c5599201a..8905addc262 100644
--- a/locales/es.json
+++ b/locales/es.json
@@ -260,7 +260,8 @@
     },
     "featured_collection": {
       "view_all": "Ver todo",
-      "view_all_label": "Ver todos los productos de la colección {{ collection_name }}"
+      "view_all_label": "Ver todos los productos de la colección {{ collection_name }}",
+      "slider": "Carrusel de imágenes"
     },
     "collection_list": {
       "view_all": "Ver todo"
diff --git a/locales/pl.json b/locales/pl.json
index 12c2a76752c..0265613dc29 100644
--- a/locales/pl.json
+++ b/locales/pl.json
@@ -274,7 +274,8 @@
     },
     "featured_collection": {
       "view_all": "Wyświetl wszystkie",
-      "view_all_label": "Wyświetl wszystkie produkty w kolekcji {{ collection_name }}"
+      "view_all_label": "Wyświetl wszystkie produkty w kolekcji {{ collection_name }}",
+      "slider": "Suwak"
     },
     "collection_list": {
       "view_all": "Wyświetl wszystkie"

From 11e5424714d4bfa0a297e9a96f2c5c52bd9cc71d Mon Sep 17 00:00:00 2001
From: "translation-platform[bot]"
 <34770790+translation-platform[bot]@users.noreply.github.com>
Date: Thu, 24 Feb 2022 23:39:38 +0000
Subject: [PATCH 36/51] Update 19 translation files

---
 locales/cs.schema.json    | 47 +++++++++++++++++++++++++++++++++++----
 locales/da.schema.json    |  5 +++--
 locales/de.schema.json    |  5 +++--
 locales/es.schema.json    | 47 +++++++++++++++++++++++++++++++++++----
 locales/fi.schema.json    | 47 +++++++++++++++++++++++++++++++++++----
 locales/it.schema.json    |  5 +++--
 locales/ja.schema.json    |  5 +++--
 locales/ko.schema.json    |  5 +++--
 locales/nb.schema.json    | 47 +++++++++++++++++++++++++++++++++++----
 locales/nl.schema.json    |  5 +++--
 locales/pl.schema.json    |  5 +++--
 locales/pt-BR.schema.json | 47 +++++++++++++++++++++++++++++++++++----
 locales/pt-PT.schema.json |  5 +++--
 locales/sv.schema.json    |  5 +++--
 locales/th.schema.json    |  5 +++--
 locales/tr.schema.json    | 47 +++++++++++++++++++++++++++++++++++----
 locales/vi.schema.json    | 47 +++++++++++++++++++++++++++++++++++----
 locales/zh-CN.schema.json |  5 +++--
 locales/zh-TW.schema.json |  5 +++--
 19 files changed, 337 insertions(+), 52 deletions(-)

diff --git a/locales/cs.schema.json b/locales/cs.schema.json
index db2f1940706..93a968a3190 100644
--- a/locales/cs.schema.json
+++ b/locales/cs.schema.json
@@ -580,10 +580,7 @@
           "label": "Maximální počet zobrazovaných produktů"
         },
         "show_view_all": {
-          "label": "Povolit tlačítko Zobrazit vše v případě, že kolekce obsahuje více produktů, než kolik se zobrazuje"
-        },
-        "swipe_on_mobile": {
-          "label": "Povolit potažení prstem na mobilním zařízení"
+          "label": "Povolit možnost Zobrazit vše v případě, že kolekce obsahuje více produktů, než kolik se jich zobrazuje"
         },
         "header": {
           "content": "Karta produktu"
@@ -612,6 +609,48 @@
         },
         "columns_desktop": {
           "label": "Počet sloupců na počítači"
+        },
+        "description": {
+          "label": "Popis"
+        },
+        "show_description": {
+          "label": "Zobrazit popis kolekce z administrátorského rozhraní"
+        },
+        "description_style": {
+          "label": "Styl popisu",
+          "options__1": {
+            "label": "Hlavní část"
+          },
+          "options__2": {
+            "label": "Podtitul"
+          },
+          "options__3": {
+            "label": "Velká písmena"
+          }
+        },
+        "view_all_style": {
+          "label": "Zobrazit vše – styl",
+          "options__1": {
+            "label": "Odkaz"
+          },
+          "options__2": {
+            "label": "Tlačítko s obrysem"
+          },
+          "options__3": {
+            "label": "Tlačítko v jednolité barvě"
+          }
+        },
+        "enable_desktop_slider": {
+          "label": "Povolit karusel na desktopovém zařízení"
+        },
+        "full_width": {
+          "label": "Nastavit plnou šířku produktů"
+        },
+        "mobile_header": {
+          "content": "Mobilní rozvržení"
+        },
+        "enable_mobile_slider": {
+          "label": "Povolit potažení prstem na mobilním zařízení"
         }
       },
       "presets": {
diff --git a/locales/da.schema.json b/locales/da.schema.json
index bc2786846a3..a11cc2abd87 100644
--- a/locales/da.schema.json
+++ b/locales/da.schema.json
@@ -580,7 +580,7 @@
           "label": "Maksimalt antal produkter, der skal vises"
         },
         "show_view_all": {
-          "label": "Aktivér knappen \"Se alle\", hvis kollektionen indeholder flere produkter, end der vises"
+          "label": "Aktivér “Se alle”, hvis kollektionen indeholder flere produkter, end der vises"
         },
         "header": {
           "content": "Produktkort"
@@ -637,7 +637,8 @@
           },
           "options__3": {
             "label": "Udfyldt knap"
-          }
+          },
+          "label": "Stilarten “Se alle”"
         },
         "enable_desktop_slider": {
           "label": "Aktivér karrusel på computer"
diff --git a/locales/de.schema.json b/locales/de.schema.json
index a1dd87cf4eb..4c59c881018 100644
--- a/locales/de.schema.json
+++ b/locales/de.schema.json
@@ -580,7 +580,7 @@
           "label": "Maximal anzuzeigende Produkte"
         },
         "show_view_all": {
-          "label": "Aktiviere die Schaltfläche \"Alle anzeigen\", wenn die Kategorie mehr Produkte enthält, als angezeigt werden"
+          "label": "\"Alles anzeigen\" aktivieren, wenn die Kategorie mehr Produkte enthält, als angezeigt werden"
         },
         "header": {
           "content": "Produktkarte"
@@ -637,7 +637,8 @@
           },
           "options__3": {
             "label": "Durchgehende Schaltfläche"
-          }
+          },
+          "label": "Stil \"Alles anzeigen\""
         },
         "enable_desktop_slider": {
           "label": "Karussell auf Desktop aktivieren"
diff --git a/locales/es.schema.json b/locales/es.schema.json
index 28e420b7f3b..4621ffed0c4 100644
--- a/locales/es.schema.json
+++ b/locales/es.schema.json
@@ -580,10 +580,7 @@
           "label": "Máximo de productos para mostrar"
         },
         "show_view_all": {
-          "label": "Habilitar el botón \"Ver todos\" si la colección tiene más productos de los que se muestran"
-        },
-        "swipe_on_mobile": {
-          "label": "Activar uso de banda magnética en el móvil"
+          "label": "Habilitar \"Ver todos\" si la colección tiene más productos de los que se muestran"
         },
         "header": {
           "content": "Tarjeta de producto"
@@ -612,6 +609,48 @@
         },
         "columns_desktop": {
           "label": "Número de columnas en el escritorio"
+        },
+        "description": {
+          "label": "Descripción"
+        },
+        "show_description": {
+          "label": "Mostrar descripción de la colección desde el panel de control"
+        },
+        "description_style": {
+          "label": "Estilo de descripción",
+          "options__1": {
+            "label": "Cuerpo"
+          },
+          "options__2": {
+            "label": "Subtítulo"
+          },
+          "options__3": {
+            "label": "Mayúscula"
+          }
+        },
+        "view_all_style": {
+          "label": "Estilo \"Ver todos\"",
+          "options__1": {
+            "label": "Enlace"
+          },
+          "options__2": {
+            "label": "Botón con contorno"
+          },
+          "options__3": {
+            "label": "Botón sólido"
+          }
+        },
+        "enable_desktop_slider": {
+          "label": "Activar carrusel en computadora"
+        },
+        "full_width": {
+          "label": "Definir ancho completo de productos"
+        },
+        "mobile_header": {
+          "content": "Diseño para móviles"
+        },
+        "enable_mobile_slider": {
+          "label": "Activar uso de banda magnética en el móvil"
         }
       },
       "presets": {
diff --git a/locales/fi.schema.json b/locales/fi.schema.json
index 7b029a2e9f5..7dd58df192b 100644
--- a/locales/fi.schema.json
+++ b/locales/fi.schema.json
@@ -580,10 +580,7 @@
           "label": "Näytettävien tuotteiden enimmäismäärä"
         },
         "show_view_all": {
-          "label": "Ota Näytä kaikki ‑painike käyttöön, jos kokoelma sisältää useampia tuotteita kuin mitä on näkyvissä"
-        },
-        "swipe_on_mobile": {
-          "label": "Ota pyyhkäisy käyttöön mobiililaitteessa"
+          "label": "Ota ”Katso kaikki” käyttöön, jos kokoelma sisältää enemmän kuin näkyvissä olevat tuotteet"
         },
         "header": {
           "content": "Tuotekortti"
@@ -612,6 +609,48 @@
         },
         "columns_desktop": {
           "label": "Sarakkeiden määrä työpöydällä"
+        },
+        "description": {
+          "label": "Kuvaus"
+        },
+        "show_description": {
+          "label": "Näytä kokoelman kuvaus adminissa"
+        },
+        "description_style": {
+          "label": "Kuvauksen tyyli",
+          "options__1": {
+            "label": "Leipäteksti"
+          },
+          "options__2": {
+            "label": "Alaotsikko"
+          },
+          "options__3": {
+            "label": "Isot kirjaimet"
+          }
+        },
+        "view_all_style": {
+          "label": "”Katso kaikki” tyylit",
+          "options__1": {
+            "label": "Linkki"
+          },
+          "options__2": {
+            "label": "Kehyspainike"
+          },
+          "options__3": {
+            "label": "Peittävä painike"
+          }
+        },
+        "enable_desktop_slider": {
+          "label": "Ota karuselli käyttöön työpöydällä"
+        },
+        "full_width": {
+          "label": "Tee tuotteista täysleveitä"
+        },
+        "mobile_header": {
+          "content": "Mobiilipohja"
+        },
+        "enable_mobile_slider": {
+          "label": "Ota pyyhkäisy käyttöön mobiililaitteessa"
         }
       },
       "presets": {
diff --git a/locales/it.schema.json b/locales/it.schema.json
index ff5113f581b..f3ce88e1eaa 100644
--- a/locales/it.schema.json
+++ b/locales/it.schema.json
@@ -580,7 +580,7 @@
           "label": "Massimo di prodotti da mostrare"
         },
         "show_view_all": {
-          "label": "Abilita il pulsante \"Visualizza tutto\" se la collezione include più prodotti di quelli mostrati"
+          "label": "Abilita \"Visualizza tutto\" se la collezione include più prodotti di quelli mostrati"
         },
         "header": {
           "content": "Scheda prodotto"
@@ -637,7 +637,8 @@
           },
           "options__3": {
             "label": "Pulsante in tinta unita"
-          }
+          },
+          "label": "Stile \"Visualizza tutto\""
         },
         "enable_desktop_slider": {
           "label": "Consenti carosello su desktop"
diff --git a/locales/ja.schema.json b/locales/ja.schema.json
index 7a162b019ad..7138cad9d12 100644
--- a/locales/ja.schema.json
+++ b/locales/ja.schema.json
@@ -580,7 +580,7 @@
           "label": "表示する最大の商品"
         },
         "show_view_all": {
-          "label": "コレクションに表示されているよりも多くの商品がある場合、「すべてを表示」ボタンを有効にします"
+          "label": "コレクションに表示されているよりも多くの商品がある場合、「すべてを表示」を有効にします"
         },
         "header": {
           "content": "商品カード"
@@ -637,7 +637,8 @@
           },
           "options__3": {
             "label": "ソリッドカラーのボタン"
-          }
+          },
+          "label": "「すべてを表示」のスタイル"
         },
         "enable_desktop_slider": {
           "label": "デスクトップでカルーセルを有効にする"
diff --git a/locales/ko.schema.json b/locales/ko.schema.json
index 62ab78c0d07..cc95974aef7 100644
--- a/locales/ko.schema.json
+++ b/locales/ko.schema.json
@@ -580,7 +580,7 @@
           "label": "표시할 제품의 최대 수"
         },
         "show_view_all": {
-          "label": "컬렉션에 표시된 것보다 많은 제품이 있는 경우 \"모두 보기\" 버튼을 활성화하십시오."
+          "label": "컬렉션에 표시된 것보다 많은 제품이 있는 경우 \"모두 보기\"를 활성화하십시오."
         },
         "header": {
           "content": "제품 카드"
@@ -637,7 +637,8 @@
           },
           "options__3": {
             "label": "단색 버튼"
-          }
+          },
+          "label": "\"모두 보기\" 스타일"
         },
         "enable_desktop_slider": {
           "label": "데스크톱에서 캐러셀 활성화"
diff --git a/locales/nb.schema.json b/locales/nb.schema.json
index bd4bc422178..f37d7eeac60 100644
--- a/locales/nb.schema.json
+++ b/locales/nb.schema.json
@@ -580,10 +580,7 @@
           "label": "Maksimalt antall produkter som vises"
         },
         "show_view_all": {
-          "label": "Aktiver «Vis alle»-knapp hvis samlingen inneholder flere produkter enn de som vises"
-        },
-        "swipe_on_mobile": {
-          "label": "Aktiver sveip på mobil"
+          "label": "Aktiver en «Vis alle»-knapp hvis samlingen inneholder flere produkter enn de som vises"
         },
         "header": {
           "content": "Produktkort"
@@ -612,6 +609,48 @@
         },
         "columns_desktop": {
           "label": "Antall kolonner på datamaskin"
+        },
+        "description": {
+          "label": "Beskrivelse"
+        },
+        "show_description": {
+          "label": "Vis samlingsbeskrivelse fra administrator"
+        },
+        "description_style": {
+          "label": "Beskrivelsesstil",
+          "options__1": {
+            "label": "Brødtekst"
+          },
+          "options__2": {
+            "label": "Undertekst"
+          },
+          "options__3": {
+            "label": "Store bokstaver"
+          }
+        },
+        "view_all_style": {
+          "label": "«Vis alle»-stil",
+          "options__1": {
+            "label": "Kobling"
+          },
+          "options__2": {
+            "label": "Omriss rundt knapp"
+          },
+          "options__3": {
+            "label": "Helfarget knapp"
+          }
+        },
+        "enable_desktop_slider": {
+          "label": "Aktiver karusell på datamaskiner"
+        },
+        "full_width": {
+          "label": "Gjør produkter fullbredde"
+        },
+        "mobile_header": {
+          "content": "Mobillayout"
+        },
+        "enable_mobile_slider": {
+          "label": "Aktiver sveip på mobil"
         }
       },
       "presets": {
diff --git a/locales/nl.schema.json b/locales/nl.schema.json
index 425d4dbd649..00a2cea3826 100644
--- a/locales/nl.schema.json
+++ b/locales/nl.schema.json
@@ -580,7 +580,7 @@
           "label": "Maximum aantal producten om te tonen"
         },
         "show_view_all": {
-          "label": "Schakel de knop 'Alles weergeven' in als collectie meer producten heeft dan wordt getoond"
+          "label": "Schakel 'Alles weergeven' in als een collectie meer producten heeft dan wordt getoond"
         },
         "header": {
           "content": "Productkaart"
@@ -637,7 +637,8 @@
           },
           "options__3": {
             "label": "Knop Effen"
-          }
+          },
+          "label": "Stijl 'Alles weergeven'"
         },
         "enable_desktop_slider": {
           "label": "Carrousel op desktop inschakelen"
diff --git a/locales/pl.schema.json b/locales/pl.schema.json
index a91d6ff2cf3..26d5aa507ad 100644
--- a/locales/pl.schema.json
+++ b/locales/pl.schema.json
@@ -580,7 +580,7 @@
           "label": "Maksymalna ilość produktów do wyświetlenia"
         },
         "show_view_all": {
-          "label": "Włącz przycisk „Wyświetl wszystko”, jeśli kolekcja ma więcej produktów niż pokazano"
+          "label": "Włącz opcję „Wyświetl wszystkie”, jeśli kolekcja ma więcej produktów niż pokazano"
         },
         "header": {
           "content": "Karta produktów"
@@ -637,7 +637,8 @@
           },
           "options__3": {
             "label": "Przycisk w jednolitym kolorze"
-          }
+          },
+          "label": "Styl „Wyświetl wszystkie”"
         },
         "enable_desktop_slider": {
           "label": "Włącz karuzelę na pulpicie"
diff --git a/locales/pt-BR.schema.json b/locales/pt-BR.schema.json
index fb08a24bce4..0692c269ec4 100644
--- a/locales/pt-BR.schema.json
+++ b/locales/pt-BR.schema.json
@@ -580,10 +580,7 @@
           "label": "Máximo de produtos a serem mostrados"
         },
         "show_view_all": {
-          "label": "Habilitar o botão \"Ver tudo\" se a coleção tiver mais produtos que os mostrados"
-        },
-        "swipe_on_mobile": {
-          "label": "Habilitar gesto de deslizar em dispositivos móveis"
+          "label": "Habilitar a opção \"Ver tudo\" se a coleção tiver mais produtos que os mostrados"
         },
         "header": {
           "content": "Cartão de produto"
@@ -612,6 +609,48 @@
         },
         "columns_desktop": {
           "label": "Número de colunas no desktop"
+        },
+        "description": {
+          "label": "Descrição"
+        },
+        "show_description": {
+          "label": "Mostrar a descrição da coleção do admin"
+        },
+        "description_style": {
+          "label": "Estilo da descrição",
+          "options__1": {
+            "label": "Corpo"
+          },
+          "options__2": {
+            "label": "Legenda"
+          },
+          "options__3": {
+            "label": "Letras maiúsculas"
+          }
+        },
+        "view_all_style": {
+          "label": "Estilo \"Ver tudo\"",
+          "options__1": {
+            "label": "Link"
+          },
+          "options__2": {
+            "label": "Botão com contorno"
+          },
+          "options__3": {
+            "label": "Botão sólido"
+          }
+        },
+        "enable_desktop_slider": {
+          "label": "Habilitar carrossel no desktop"
+        },
+        "full_width": {
+          "label": "Deixar os produtos na largura total"
+        },
+        "mobile_header": {
+          "content": "Layout para dispositivos móveis"
+        },
+        "enable_mobile_slider": {
+          "label": "Habilitar gesto de deslizar em dispositivos móveis"
         }
       },
       "presets": {
diff --git a/locales/pt-PT.schema.json b/locales/pt-PT.schema.json
index 6edcdd029d5..7deb9dffa2c 100644
--- a/locales/pt-PT.schema.json
+++ b/locales/pt-PT.schema.json
@@ -580,7 +580,7 @@
           "label": "Máximo de produtos a apresentar"
         },
         "show_view_all": {
-          "label": "Ative o botão \"Ver tudo\" caso a coleção possua mais produtos do que as apresentadas"
+          "label": "Ative a opção \"Ver tudo\" se a coleção tiver mais produtos do que os apresentados"
         },
         "header": {
           "content": "Cartão de produtos"
@@ -637,7 +637,8 @@
           },
           "options__3": {
             "label": "Botão sólido"
-          }
+          },
+          "label": "Estilo \"ver tudo\""
         },
         "enable_desktop_slider": {
           "label": "Ativar carrossel em computador"
diff --git a/locales/sv.schema.json b/locales/sv.schema.json
index b30a5479bb2..15dd4f186ed 100644
--- a/locales/sv.schema.json
+++ b/locales/sv.schema.json
@@ -580,7 +580,7 @@
           "label": "Maximalt antal produkter att visa"
         },
         "show_view_all": {
-          "label": "Aktivera \"Visa alla\"-knappen om produktserien innehåller fler produkter än vad som visas"
+          "label": "Aktivera \"Visa alla\" om produktserien innehåller fler produkter än vad som visas"
         },
         "header": {
           "content": "Produktkort"
@@ -637,7 +637,8 @@
           },
           "options__3": {
             "label": "Tydlig knapp"
-          }
+          },
+          "label": "\"Visa alla\"-stil"
         },
         "enable_desktop_slider": {
           "label": "Aktivera karusell på dator"
diff --git a/locales/th.schema.json b/locales/th.schema.json
index cc6904e1d04..db277ab9ea7 100644
--- a/locales/th.schema.json
+++ b/locales/th.schema.json
@@ -580,7 +580,7 @@
           "label": "จำนวนสินค้าสูงสุดที่จะแสดง"
         },
         "show_view_all": {
-          "label": "เปิดใช้งานปุ่ม \"ดูทั้งหมด\" หากคอลเลกชันมีสินค้ามากกว่าที่แสดงไว้"
+          "label": "เปิดใช้งาน \"ดูทั้งหมด\" หากคอลเลกชันมีสินค้ามากกว่าที่แสดงไว้"
         },
         "header": {
           "content": "บัตรสินค้า"
@@ -637,7 +637,8 @@
           },
           "options__3": {
             "label": "ปุ่มทึบ"
-          }
+          },
+          "label": "รูปแบบ \"ดูทั้งหมด\""
         },
         "enable_desktop_slider": {
           "label": "เปิดใช้ภาพสไลด์บนเดสก์ท็อป"
diff --git a/locales/tr.schema.json b/locales/tr.schema.json
index 0b5a8daaa8c..51157bf4591 100644
--- a/locales/tr.schema.json
+++ b/locales/tr.schema.json
@@ -580,10 +580,7 @@
           "label": "Gösterilecek maksimum ürün sayısı"
         },
         "show_view_all": {
-          "label": "Koleksiyon gösterilenden daha fazla ürün içeriyorsa \"Tümünü görüntüle\" düğmesini etkinleştir"
-        },
-        "swipe_on_mobile": {
-          "label": "Mobil cihazda kaydırmayı etkinleştir"
+          "label": "Koleksiyon gösterilenden daha fazla ürün içeriyorsa \"Tümünü görüntüle\"yi etkinleştirin"
         },
         "header": {
           "content": "Ürün kartı"
@@ -612,6 +609,48 @@
         },
         "columns_desktop": {
           "label": "Masaüstündeki sütun sayısı"
+        },
+        "description": {
+          "label": "Açıklama"
+        },
+        "show_description": {
+          "label": "Yöneticiden koleksiyon açıklamasını göster"
+        },
+        "description_style": {
+          "label": "Açıklama stili",
+          "options__1": {
+            "label": "Gövde"
+          },
+          "options__2": {
+            "label": "Alt yazı"
+          },
+          "options__3": {
+            "label": "Büyük harf"
+          }
+        },
+        "view_all_style": {
+          "label": "\"Tümünü görüntüle\" stili",
+          "options__1": {
+            "label": "Bağlantı"
+          },
+          "options__2": {
+            "label": "Dış çizgi düğmesi"
+          },
+          "options__3": {
+            "label": "Sabit düğme"
+          }
+        },
+        "enable_desktop_slider": {
+          "label": "Carousel'i masa üstünde etkinleştir"
+        },
+        "full_width": {
+          "label": "Ürünleri tam genişlikli yap"
+        },
+        "mobile_header": {
+          "content": "Mobil Düzen"
+        },
+        "enable_mobile_slider": {
+          "label": "Mobil cihazda kaydırmayı etkinleştir"
         }
       },
       "presets": {
diff --git a/locales/vi.schema.json b/locales/vi.schema.json
index 5ba121f3665..8e59a058d8c 100644
--- a/locales/vi.schema.json
+++ b/locales/vi.schema.json
@@ -580,10 +580,7 @@
           "label": "Số lượng sản phẩm hiển thị tối đa"
         },
         "show_view_all": {
-          "label": "Bật nút \"View all\" (Xem tất cả) nếu bộ sưu tập có nhiều sản phẩm hơn số lượng hiển thị"
-        },
-        "swipe_on_mobile": {
-          "label": "Bật tính năng quẹt trên di động"
+          "label": "Bật tùy chọn \"Xem tất cả\" nếu bộ sưu tập có nhiều sản phẩm hơn số lượng hiển thị"
         },
         "header": {
           "content": "Thẻ sản phẩm"
@@ -612,6 +609,48 @@
         },
         "columns_desktop": {
           "label": "Số cột trên màn hình máy tính"
+        },
+        "description": {
+          "label": "Mô tả"
+        },
+        "show_description": {
+          "label": "Hiển thị mô tả bộ sưu tập trong trang quản trị"
+        },
+        "description_style": {
+          "label": "Kiểu mô tả",
+          "options__1": {
+            "label": "Nội dung"
+          },
+          "options__2": {
+            "label": "Tiêu đề phụ"
+          },
+          "options__3": {
+            "label": "Chữ viết hoa"
+          }
+        },
+        "view_all_style": {
+          "label": "Kiểu \"Xem tất cả\"",
+          "options__1": {
+            "label": "Liên kết"
+          },
+          "options__2": {
+            "label": "Nút viền ngoài"
+          },
+          "options__3": {
+            "label": "Nút đặc"
+          }
+        },
+        "enable_desktop_slider": {
+          "label": "Bật tính năng quay vòng trên máy tính để bàn"
+        },
+        "full_width": {
+          "label": "Tạo chiều rộng đầy đủ cho sản phẩm"
+        },
+        "mobile_header": {
+          "content": "Bố cục trên thiết bị di động"
+        },
+        "enable_mobile_slider": {
+          "label": "Bật tính năng quẹt trên di động"
         }
       },
       "presets": {
diff --git a/locales/zh-CN.schema.json b/locales/zh-CN.schema.json
index 78196467f8d..115b1f76e13 100644
--- a/locales/zh-CN.schema.json
+++ b/locales/zh-CN.schema.json
@@ -580,7 +580,7 @@
           "label": "要显示的最大产品数"
         },
         "show_view_all": {
-          "label": "如果产品系列中的产品未全部显示，请启用“查看全部”按钮"
+          "label": "如果产品系列中的产品未全部显示，请启用“查看全部”"
         },
         "header": {
           "content": "产品卡"
@@ -637,7 +637,8 @@
           },
           "options__3": {
             "label": "实心按钮"
-          }
+          },
+          "label": "“查看全部”样式"
         },
         "enable_desktop_slider": {
           "label": "在台式设备上启用轮播"
diff --git a/locales/zh-TW.schema.json b/locales/zh-TW.schema.json
index ebb054a4196..b50da571a07 100644
--- a/locales/zh-TW.schema.json
+++ b/locales/zh-TW.schema.json
@@ -580,7 +580,7 @@
           "label": "產品數量顯示上限"
         },
         "show_view_all": {
-          "label": "若商品系列中包含的商品比顯示出的更多，請啟用「檢視全部」按鈕"
+          "label": "若商品系列中包含未顯示的產品，請啟用「檢視全部」"
         },
         "header": {
           "content": "產品卡"
@@ -637,7 +637,8 @@
           },
           "options__3": {
             "label": "純色按鈕"
-          }
+          },
+          "label": "「檢視更多」樣式"
         },
         "enable_desktop_slider": {
           "label": "在桌面版啟用輪播廣告"

From 219ee7e6d0619b8484b5a469a1cd7e6fc01beb1e Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Fri, 25 Feb 2022 12:54:58 -0500
Subject: [PATCH 37/51] fix translation comma

---
 locales/sv.schema.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/locales/sv.schema.json b/locales/sv.schema.json
index b500dc73ee4..83a00ac0690 100644
--- a/locales/sv.schema.json
+++ b/locales/sv.schema.json
@@ -657,7 +657,7 @@
         },
         "full_width": {
           "label": "Ge produkterna full bredd"
-        }
+        },
         "header_mobile": {
           "content": "Mobil layout"
         },

From 24ecfbaf6069ab55573f5a8ae4d8e89892553814 Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Wed, 2 Mar 2022 12:16:44 -0500
Subject: [PATCH 38/51] reuse assign to hide slider controls

---
 sections/featured-collection.liquid | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/sections/featured-collection.liquid b/sections/featured-collection.liquid
index b4d635c8d50..b5c9db049b4 100644
--- a/sections/featured-collection.liquid
+++ b/sections/featured-collection.liquid
@@ -73,7 +73,7 @@
         {%- endfor -%}
       </ul>
       {%- if show_slider_on_mobile or show_slider_on_desktop -%}
-        <div class="slider-buttons no-js-hidden{% if section.settings.collection.all_products_count < 4 %} medium-hide{% endif %}{% if section.settings.collection.all_products_count < 3 %} small-hide{% endif %}">
+        <div class="slider-buttons no-js-hidden{% if show_slider_on_desktop == false %} medium-hide{% endif %}{% if show_slider_on_mobile == false %} small-hide{% endif %}">
           <button type="button" class="slider-button slider-button--prev" name="previous" aria-label="{{ 'general.slider.previous_slide' | t }}" aria-controls="Slider-{{ section.id }}">{% render 'icon-caret' %}</button>
           <div class="slider-counter caption">
             <span class="slider-counter--current">1</span>

From 50ba6ec696fb0f19eafb1110afc94b1ed2aa4fb1 Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Wed, 2 Mar 2022 14:01:36 -0500
Subject: [PATCH 39/51] move styling to be more general

---
 assets/component-slider.css         | 58 +++++++++++++++++++++++++++++
 assets/template-collection.css      | 56 ----------------------------
 sections/featured-collection.liquid |  2 +-
 3 files changed, 59 insertions(+), 57 deletions(-)

diff --git a/assets/component-slider.css b/assets/component-slider.css
index 4c48f4f1341..bfc6946ce9f 100644
--- a/assets/component-slider.css
+++ b/assets/component-slider.css
@@ -1,8 +1,13 @@
 slider-component {
+  --desktop-margin-left-first-item: max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2));
   position: relative;
   display: block;
 }
 
+slider-component.slider-component-full-width {
+  --desktop-margin-left-first-item: 1.5rem;
+}
+
 @media screen and (max-width: 989px) {
   .no-js slider-component .slider {
     padding-bottom: 3rem;
@@ -124,6 +129,7 @@ slider-component {
     scroll-behavior: smooth;
     -webkit-overflow-scrolling: touch;
     margin-bottom: 1rem;
+    scroll-padding-left: var(--desktop-margin-left-first-item);
   }
 
   .slider.slider--desktop .slider__slide {
@@ -132,11 +138,63 @@ slider-component {
     padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom));
   }
 
+  .slider--desktop .slider__slide:first-child {
+    margin-left: var(--desktop-margin-left-first-item);
+    scroll-margin-left: var(--desktop-margin-left-first-item);
+  }
+
+  .slider.slider--desktop .slider__slide:last-child {
+    margin-right: 5rem;
+  }
+
+  .slider-component-full-width .slider--desktop {
+    scroll-padding-left: 1.5rem;
+  }
+
+  .slider-component-full-width .slider--desktop .slider__slide:first-child {
+    margin-left: 1.5rem;
+    scroll-margin-left: 1.5rem;
+  }
+
+  .slider-component-full-width .slider--desktop .slider__slide:last-child {
+    margin-right: 1.5rem;
+  }
+
+  .slider--desktop.grid--5-col-desktop .grid__item {
+    width: calc( (100% - var(--desktop-margin-left-first-item)) / 5 - var(--grid-desktop-horizontal-spacing) * 2);
+  }
+
+  .slider--desktop.grid--4-col-desktop .grid__item {
+    width: calc( (100% - var(--desktop-margin-left-first-item)) / 4 - var(--grid-desktop-horizontal-spacing) * 3);
+  }
+
+  .slider--desktop.grid--3-col-desktop .grid__item {
+    width: calc( (100% - var(--desktop-margin-left-first-item)) / 3 - var(--grid-desktop-horizontal-spacing) * 4);
+  }
+
+  .slider--desktop.grid--2-col-desktop .grid__item {
+    width: calc( (100% - var(--desktop-margin-left-first-item)) / 2 - var(--grid-desktop-horizontal-spacing) * 5);
+  }
+
+  .slider--desktop.grid--1-col-desktop .grid__item {
+    width: calc( (100% - var(--desktop-margin-left-first-item)) - var(--grid-desktop-horizontal-spacing) * 9);
+  }
+
   .slider.slider--desktop.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
     padding-bottom: var(--focus-outline-padding);
   }
 }
 
+@media screen and (min-width: 1400px) {
+  .slider--desktop .slider__slide:last-child {
+    margin-right: 7rem;
+  }
+
+  .slider-component-full-width .slider--desktop .slider__slide:last-child {
+    margin-right: 1.5rem;
+  }
+}
+
 /* Scrollbar */
 
 .slider {
diff --git a/assets/template-collection.css b/assets/template-collection.css
index 23691da2097..a46550472a3 100644
--- a/assets/template-collection.css
+++ b/assets/template-collection.css
@@ -76,62 +76,6 @@
   .collection--full-width slider-component:not(.collection__slider-desktop) {
     padding: 0 1.5rem;
   }
-
-  .collection .slider--desktop {
-    scroll-padding-left: var(--margin-left-first-item);
-  }
-
-  .collection .slider--desktop .slider__slide:first-child {
-    margin-left: var(--margin-left-first-item);
-    scroll-margin-left: var(--margin-left-first-item);
-  }
-
-  .collection .slider--desktop .slider__slide:last-child {
-    margin-right: 5rem;
-  }
-
-  .collection--full-width .slider--desktop {
-    scroll-padding-left: 1.5rem;
-  }
-
-  .collection--full-width .slider--desktop .slider__slide:first-child {
-    margin-left: 1.5rem;
-    scroll-margin-left: 1.5rem;
-  }
-
-  .collection--full-width .slider--desktop .slider__slide:last-child {
-    margin-right: 1.5rem;
-  }
-
-  .collection .slider--desktop.grid--5-col-desktop .grid__item {
-    width: calc( (100% - var(--margin-left-first-item)) / 5 - var(--grid-desktop-horizontal-spacing) * 2);
-  }
-
-  .collection .slider--desktop.grid--4-col-desktop .grid__item {
-    width: calc( (100% - var(--margin-left-first-item)) / 4 - var(--grid-desktop-horizontal-spacing) * 3);
-  }
-
-  .collection .slider--desktop.grid--3-col-desktop .grid__item {
-    width: calc( (100% - var(--margin-left-first-item)) / 3 - var(--grid-desktop-horizontal-spacing) * 4);
-  }
-
-  .collection .slider--desktop.grid--2-col-desktop .grid__item {
-    width: calc( (100% - var(--margin-left-first-item)) / 2 - var(--grid-desktop-horizontal-spacing) * 5);
-  }
-
-  .collection .slider--desktop.grid--full-width .grid__item {
-    width: calc( (100% - var(--margin-left-first-item)) - var(--grid-desktop-horizontal-spacing) * 9);
-  }
-}
-
-@media screen and (min-width: 1400px) {
-  .collection .slider--desktop .slider__slide:last-child {
-    margin-right: 7rem;
-  }
-
-  .collection--full-width .slider--desktop .slider__slide:last-child {
-    margin-right: 1.5rem;
-  }
 }
 
 .collection__view-all a:not(.link) {
diff --git a/sections/featured-collection.liquid b/sections/featured-collection.liquid
index b5c9db049b4..ac881f966a3 100644
--- a/sections/featured-collection.liquid
+++ b/sections/featured-collection.liquid
@@ -52,7 +52,7 @@
         {%- endif -%}
       </div>
 
-    <slider-component class="slider-mobile-gutter{% if show_slider_on_mobile == false %} page-width-mobile page-width-tablet{% endif %}{% if show_slider_on_desktop == false and section.settings.full_width == false %} page-width-desktop{% endif %}{% if show_slider_on_desktop %} collection__slider-desktop{% endif %}">
+    <slider-component class="slider-mobile-gutter{% if section.settings.full_width %} slider-component-full-width{% endif%}{% if show_slider_on_mobile == false %} page-width-mobile page-width-tablet{% endif %}{% if show_slider_on_desktop == false and section.settings.full_width == false %} page-width-desktop{% endif %}{% if show_slider_on_desktop %} collection__slider-desktop{% endif %}">
       <ul id="Slider-{{ section.id }}" class="grid product-grid contains-card{% if settings.card_style == 'standard' %} contains-card--standard{% endif %} grid--{{ section.settings.columns_desktop }}-col-desktop{% if section.settings.collection == blank %} grid--2-col-tablet-down{% else %} grid--{{ section.settings.columns_mobile }}-col-tablet-down{% endif %}{% if show_slider_on_mobile or show_slider_on_desktop %} slider{% if show_slider_on_desktop %} slider--desktop{% endif %}{% if show_slider_on_mobile %} slider--tablet grid--peek{% endif %}{% endif %}" role="list" aria-label="{{ 'sections.featured_collection.slider' | t }}">
         {%- for product in section.settings.collection.products limit: section.settings.products_to_show -%}
           <li id="Slide-{{ section.id }}-{{ forloop.index }}" class="grid__item{% if show_slider_on_mobile or show_slider_on_desktop %} slider__slide{% endif %}">

From 1e1b287a1b940696319944e4bd548a60f4ff2c58 Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Fri, 4 Mar 2022 12:07:12 -0500
Subject: [PATCH 40/51] fix UX feedback

---
 sections/featured-collection.liquid | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/sections/featured-collection.liquid b/sections/featured-collection.liquid
index ac881f966a3..ebfcdb030a8 100644
--- a/sections/featured-collection.liquid
+++ b/sections/featured-collection.liquid
@@ -134,8 +134,7 @@
     {
       "type": "richtext",
       "id": "description",
-      "label": "t:sections.featured-collection.settings.description.label",
-      "default": "<p></p>"
+      "label": "t:sections.featured-collection.settings.description.label"
     },
     {
       "type": "checkbox",
@@ -186,6 +185,12 @@
       "default": 4,
       "label": "t:sections.featured-collection.settings.columns_desktop.label"
     },
+    {
+      "type": "checkbox",
+      "id": "full_width",
+      "label": "t:sections.featured-collection.settings.full_width.label",
+      "default": false
+    },
     {
       "type": "checkbox",
       "id": "show_view_all",
@@ -247,12 +252,6 @@
       "label": "t:sections.all.colors.label",
       "info": "t:sections.all.colors.has_cards_info"
     },
-    {
-      "type": "checkbox",
-      "id": "full_width",
-      "label": "t:sections.featured-collection.settings.full_width.label",
-      "default": false
-    },
     {
       "type": "header",
       "content": "t:sections.featured-collection.settings.header.content"

From 078276ac359ed51f6edf86fe5e8121920462cfc8 Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Mon, 7 Mar 2022 10:40:56 -0500
Subject: [PATCH 41/51] Address Lucas' feedback

---
 assets/component-slider.css         | 12 ++++++------
 locales/en.default.schema.json      |  2 +-
 sections/featured-collection.liquid | 26 +++++++++++++-------------
 3 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/assets/component-slider.css b/assets/component-slider.css
index bfc6946ce9f..abbf3cb2d15 100644
--- a/assets/component-slider.css
+++ b/assets/component-slider.css
@@ -114,12 +114,6 @@ slider-component.slider-component-full-width {
   scroll-snap-align: center;
 }
 
-@media screen and (max-width: 989px) {
-  .slider--desktop:not(.slider--tablet) + .slider-buttons {
-    display: none;
-  }
-}
-
 @media screen and (min-width: 990px) {
   .slider--desktop {
     position: relative;
@@ -311,6 +305,12 @@ slider-component.slider-component-full-width {
   }
 }
 
+@media screen and (max-width: 989px) {
+  .slider--desktop:not(.slider--tablet) + .slider-buttons {
+    display: none;
+  }
+}
+
 @media screen and (min-width: 750px) {
   .slider--mobile + .slider-buttons {
     display: none;
diff --git a/locales/en.default.schema.json b/locales/en.default.schema.json
index ac766822b9b..7bf9a8fd380 100644
--- a/locales/en.default.schema.json
+++ b/locales/en.default.schema.json
@@ -693,7 +693,7 @@
             "label": "2 columns"
           }
         },
-        "enable_mobile_slider": {
+        "swipe_on_mobile": {
           "label": "Enable swipe on mobile"
         }
       },
diff --git a/sections/featured-collection.liquid b/sections/featured-collection.liquid
index ebfcdb030a8..d282401054b 100644
--- a/sections/featured-collection.liquid
+++ b/sections/featured-collection.liquid
@@ -30,20 +30,20 @@
   endif
 
   assign columns_mobile_int = section.settings.columns_mobile | plus: 0
-  assign show_slider_on_mobile = false
-  if section.settings.enable_mobile_slider and products_to_display > columns_mobile_int
-    assign show_slider_on_mobile = true
+  assign show_mobile_slider = false
+  if section.settings.swipe_on_mobile and products_to_display > columns_mobile_int
+    assign show_mobile_slider = true
   endif
 
-  assign show_slider_on_desktop = false
+  assign show_desktop_slider = false
   if section.settings.enable_desktop_slider and products_to_display > section.settings.columns_desktop
-    assign show_slider_on_desktop = true
+    assign show_desktop_slider = true
   endif
 -%}
 
 <div class="color-{{ section.settings.color_scheme }} isolate gradient">
   <div class="collection section-{{ section.id }}-padding{% if section.settings.full_width %} collection--full-width{% endif %}">
-      <div class="collection__title title-wrapper title-wrapper--no-top-margin page-width{% if show_slider_on_mobile %} title-wrapper--self-padded-tablet-down{% endif %}">
+      <div class="collection__title title-wrapper title-wrapper--no-top-margin page-width{% if show_mobile_slider %} title-wrapper--self-padded-tablet-down{% endif %}">
         {%- if section.settings.title != blank -%}
           <h2 class="title {{ section.settings.heading_size }}">{{ section.settings.title | escape }}</h2>
         {%- endif -%}
@@ -52,10 +52,10 @@
         {%- endif -%}
       </div>
 
-    <slider-component class="slider-mobile-gutter{% if section.settings.full_width %} slider-component-full-width{% endif%}{% if show_slider_on_mobile == false %} page-width-mobile page-width-tablet{% endif %}{% if show_slider_on_desktop == false and section.settings.full_width == false %} page-width-desktop{% endif %}{% if show_slider_on_desktop %} collection__slider-desktop{% endif %}">
-      <ul id="Slider-{{ section.id }}" class="grid product-grid contains-card{% if settings.card_style == 'standard' %} contains-card--standard{% endif %} grid--{{ section.settings.columns_desktop }}-col-desktop{% if section.settings.collection == blank %} grid--2-col-tablet-down{% else %} grid--{{ section.settings.columns_mobile }}-col-tablet-down{% endif %}{% if show_slider_on_mobile or show_slider_on_desktop %} slider{% if show_slider_on_desktop %} slider--desktop{% endif %}{% if show_slider_on_mobile %} slider--tablet grid--peek{% endif %}{% endif %}" role="list" aria-label="{{ 'sections.featured_collection.slider' | t }}">
+    <slider-component class="slider-mobile-gutter{% if section.settings.full_width %} slider-component-full-width{% endif %}{% if show_mobile_slider == false %} page-width-mobile page-width-tablet{% endif %}{% if show_desktop_slider == false and section.settings.full_width == false %} page-width-desktop{% endif %}{% if show_desktop_slider %} collection__slider-desktop{% endif %}">
+      <ul id="Slider-{{ section.id }}" class="grid product-grid contains-card{% if settings.card_style == 'standard' %} contains-card--standard{% endif %} grid--{{ section.settings.columns_desktop }}-col-desktop{% if section.settings.collection == blank %} grid--2-col-tablet-down{% else %} grid--{{ section.settings.columns_mobile }}-col-tablet-down{% endif %}{% if show_mobile_slider or show_desktop_slider %} slider{% if show_desktop_slider %} slider--desktop{% endif %}{% if show_mobile_slider %} slider--tablet grid--peek{% endif %}{% endif %}" role="list" aria-label="{{ 'sections.featured_collection.slider' | t }}">
         {%- for product in section.settings.collection.products limit: section.settings.products_to_show -%}
-          <li id="Slide-{{ section.id }}-{{ forloop.index }}" class="grid__item{% if show_slider_on_mobile or show_slider_on_desktop %} slider__slide{% endif %}">
+          <li id="Slide-{{ section.id }}-{{ forloop.index }}" class="grid__item{% if show_mobile_slider or show_desktop_slider %} slider__slide{% endif %}">
             {% render 'card-product',
               card_product: product,
               media_aspect_ratio: section.settings.image_ratio,
@@ -72,8 +72,8 @@
           {%- endfor -%}
         {%- endfor -%}
       </ul>
-      {%- if show_slider_on_mobile or show_slider_on_desktop -%}
-        <div class="slider-buttons no-js-hidden{% if show_slider_on_desktop == false %} medium-hide{% endif %}{% if show_slider_on_mobile == false %} small-hide{% endif %}">
+      {%- if show_mobile_slider or show_desktop_slider -%}
+        <div class="slider-buttons no-js-hidden">
           <button type="button" class="slider-button slider-button--prev" name="previous" aria-label="{{ 'general.slider.previous_slide' | t }}" aria-controls="Slider-{{ section.id }}">{% render 'icon-caret' %}</button>
           <div class="slider-counter caption">
             <span class="slider-counter--current">1</span>
@@ -317,8 +317,8 @@
     },
     {
       "type": "checkbox",
-      "id": "enable_mobile_slider",
-      "label": "t:sections.featured-collection.settings.enable_mobile_slider.label",
+      "id": "swipe_on_mobile",
+      "label": "t:sections.featured-collection.settings.swipe_on_mobile.label",
       "default": false
     },
     {

From 32f6cd4951222a57b08271fee78b3e3eb9d4fb54 Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Mon, 7 Mar 2022 14:46:18 -0500
Subject: [PATCH 42/51] reorder setting

---
 sections/featured-collection.liquid | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/sections/featured-collection.liquid b/sections/featured-collection.liquid
index d282401054b..daf71ebf56b 100644
--- a/sections/featured-collection.liquid
+++ b/sections/featured-collection.liquid
@@ -318,8 +318,8 @@
     {
       "type": "checkbox",
       "id": "swipe_on_mobile",
-      "label": "t:sections.featured-collection.settings.swipe_on_mobile.label",
-      "default": false
+      "default": false,
+      "label": "t:sections.featured-collection.settings.swipe_on_mobile.label"
     },
     {
       "type": "header",

From b54d81fe41d103072481264d7125d519533404e7 Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Mon, 7 Mar 2022 17:22:55 -0500
Subject: [PATCH 43/51] remove unused custom properties

---
 assets/template-collection.css | 8 --------
 1 file changed, 8 deletions(-)

diff --git a/assets/template-collection.css b/assets/template-collection.css
index a46550472a3..79fae05b3c3 100644
--- a/assets/template-collection.css
+++ b/assets/template-collection.css
@@ -1,11 +1,3 @@
-.collection {
-  --margin-left-first-item: max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2));
-}
-
-.collection.collection--full-width {
-  --margin-left-first-item: 1.5rem;
-}
-
 @media screen and (max-width: 749px) {
   .collection .grid__item:only-child {
     flex: 0 0 100%;

From 22291429477376222a3461d601445fd19b0d901d Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Tue, 8 Mar 2022 10:20:55 -0500
Subject: [PATCH 44/51] fix class specificity

---
 assets/component-slider.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/assets/component-slider.css b/assets/component-slider.css
index abbf3cb2d15..42c18fd0dd3 100644
--- a/assets/component-slider.css
+++ b/assets/component-slider.css
@@ -180,8 +180,8 @@ slider-component.slider-component-full-width {
 }
 
 @media screen and (min-width: 1400px) {
-  .slider--desktop .slider__slide:last-child {
-    margin-right: 7rem;
+  .slider.slider--desktop .slider__slide:last-child {
+    margin-right: 8rem;
   }
 
   .slider-component-full-width .slider--desktop .slider__slide:last-child {

From 8a43e0001ad05fbad624ad1ec2eb1588c363c31b Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Tue, 8 Mar 2022 16:01:52 -0500
Subject: [PATCH 45/51] remove redundant page-width-mobile class

---
 assets/base.css                     | 7 -------
 assets/component-slider.css         | 4 ++++
 sections/featured-collection.liquid | 2 +-
 3 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/assets/base.css b/assets/base.css
index 3dd094a7345..513727d4556 100644
--- a/assets/base.css
+++ b/assets/base.css
@@ -221,13 +221,6 @@ html.no-js .no-js-hidden {
   margin: 0 auto;
 }
 
-@media screen and (max-width: 749px) {
-  .page-width-mobile {
-    margin: 0 auto;
-    padding: 0 1.5rem;
-  }
-}
-
 @media screen and (min-width: 750px) {
   .page-width {
     padding: 0 5rem;
diff --git a/assets/component-slider.css b/assets/component-slider.css
index 42c18fd0dd3..9a736c866f4 100644
--- a/assets/component-slider.css
+++ b/assets/component-slider.css
@@ -8,6 +8,10 @@ slider-component.slider-component-full-width {
   --desktop-margin-left-first-item: 1.5rem;
 }
 
+slider-component.page-width {
+  max-width: none;
+}
+
 @media screen and (max-width: 989px) {
   .no-js slider-component .slider {
     padding-bottom: 3rem;
diff --git a/sections/featured-collection.liquid b/sections/featured-collection.liquid
index daf71ebf56b..e4d98d00171 100644
--- a/sections/featured-collection.liquid
+++ b/sections/featured-collection.liquid
@@ -52,7 +52,7 @@
         {%- endif -%}
       </div>
 
-    <slider-component class="slider-mobile-gutter{% if section.settings.full_width %} slider-component-full-width{% endif %}{% if show_mobile_slider == false %} page-width-mobile page-width-tablet{% endif %}{% if show_desktop_slider == false and section.settings.full_width == false %} page-width-desktop{% endif %}{% if show_desktop_slider %} collection__slider-desktop{% endif %}">
+    <slider-component class="slider-mobile-gutter{% if section.settings.full_width %} slider-component-full-width{% endif %}{% if show_mobile_slider == false %} page-width{% endif %}{% if show_desktop_slider == false and section.settings.full_width == false %} page-width-desktop{% endif %}{% if show_desktop_slider %} collection__slider-desktop{% endif %}">
       <ul id="Slider-{{ section.id }}" class="grid product-grid contains-card{% if settings.card_style == 'standard' %} contains-card--standard{% endif %} grid--{{ section.settings.columns_desktop }}-col-desktop{% if section.settings.collection == blank %} grid--2-col-tablet-down{% else %} grid--{{ section.settings.columns_mobile }}-col-tablet-down{% endif %}{% if show_mobile_slider or show_desktop_slider %} slider{% if show_desktop_slider %} slider--desktop{% endif %}{% if show_mobile_slider %} slider--tablet grid--peek{% endif %}{% endif %}" role="list" aria-label="{{ 'sections.featured_collection.slider' | t }}">
         {%- for product in section.settings.collection.products limit: section.settings.products_to_show -%}
           <li id="Slide-{{ section.id }}-{{ forloop.index }}" class="grid__item{% if show_mobile_slider or show_desktop_slider %} slider__slide{% endif %}">

From 81c275955cc022010300653b6f844c3416e8284c Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Tue, 8 Mar 2022 16:23:14 -0500
Subject: [PATCH 46/51] address reviewer's comment

---
 assets/component-slider.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/assets/component-slider.css b/assets/component-slider.css
index 9a736c866f4..ccabbfbcfa9 100644
--- a/assets/component-slider.css
+++ b/assets/component-slider.css
@@ -181,6 +181,10 @@ slider-component.page-width {
   .slider.slider--desktop.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
     padding-bottom: var(--focus-outline-padding);
   }
+
+  .slider.slider--desktop.contains-content-container .slider__slide {
+    --focus-outline-padding: 0rem;
+  }
 }
 
 @media screen and (min-width: 1400px) {

From b72f7706d4d23da5b1d6a778d213778b47252b37 Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Tue, 8 Mar 2022 16:30:25 -0500
Subject: [PATCH 47/51] apply reduced motion media query to all sliders

---
 assets/component-slider.css | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/assets/component-slider.css b/assets/component-slider.css
index ccabbfbcfa9..313ed5b386a 100644
--- a/assets/component-slider.css
+++ b/assets/component-slider.css
@@ -107,12 +107,6 @@ slider-component.page-width {
   margin-bottom: 1rem;
 }
 
-@media (prefers-reduced-motion) {
-  .slider--everywhere, .slider--desktop {
-    scroll-behavior: auto;
-  }
-}
-
 .slider.slider--everywhere .slider__slide {
   margin-bottom: 0;
   scroll-snap-align: center;
@@ -187,6 +181,12 @@ slider-component.page-width {
   }
 }
 
+@media (prefers-reduced-motion) {
+  .slider {
+    scroll-behavior: auto;
+  }
+}
+
 @media screen and (min-width: 1400px) {
   .slider.slider--desktop .slider__slide:last-child {
     margin-right: 8rem;

From 3808adc75f4a1a519e2f603a6b3335339a09d55a Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Wed, 9 Mar 2022 10:47:08 -0500
Subject: [PATCH 48/51] remove some CSS

---
 assets/component-slider.css | 10 ----------
 1 file changed, 10 deletions(-)

diff --git a/assets/component-slider.css b/assets/component-slider.css
index 313ed5b386a..936b0c6aa59 100644
--- a/assets/component-slider.css
+++ b/assets/component-slider.css
@@ -187,16 +187,6 @@ slider-component.page-width {
   }
 }
 
-@media screen and (min-width: 1400px) {
-  .slider.slider--desktop .slider__slide:last-child {
-    margin-right: 8rem;
-  }
-
-  .slider-component-full-width .slider--desktop .slider__slide:last-child {
-    margin-right: 1.5rem;
-  }
-}
-
 /* Scrollbar */
 
 .slider {

From b04495901ab86daf0360639a3aae932dfcc54455 Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Thu, 10 Mar 2022 17:07:53 -0500
Subject: [PATCH 49/51] fix UX feedback

---
 assets/component-slider.css         | 12 ++++++++++++
 sections/featured-collection.liquid |  3 ++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/assets/component-slider.css b/assets/component-slider.css
index 936b0c6aa59..9e1a5fd0680 100644
--- a/assets/component-slider.css
+++ b/assets/component-slider.css
@@ -12,6 +12,18 @@ slider-component.page-width {
   max-width: none;
 }
 
+@media screen and (max-width: 749px) {
+  slider-component.page-width {
+    padding: 0 1.5rem;
+  }
+}
+
+@media screen and (min-width: 749px) and (max-width: 990px) {
+  slider-component.page-width {
+    padding: 0 5rem;
+  }
+}
+
 @media screen and (max-width: 989px) {
   .no-js slider-component .slider {
     padding-bottom: 3rem;
diff --git a/sections/featured-collection.liquid b/sections/featured-collection.liquid
index e4d98d00171..5b66fbd0e4d 100644
--- a/sections/featured-collection.liquid
+++ b/sections/featured-collection.liquid
@@ -47,7 +47,8 @@
         {%- if section.settings.title != blank -%}
           <h2 class="title {{ section.settings.heading_size }}">{{ section.settings.title | escape }}</h2>
         {%- endif -%}
-        {%- if section.settings.description != blank or section.settings.show_description -%}
+
+        {%- if section.settings.description != blank or section.settings.show_description and section.settings.collection.description != empty -%}
           <div class="collection__description {{ section.settings.description_style }}">{%- if section.settings.show_description -%}{{ section.settings.collection.description }}{%- else -%}{{ section.settings.description }}{% endif %}</div>
         {%- endif -%}
       </div>

From c083fa64acbc963659775b38116de3c84367648e Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Thu, 10 Mar 2022 17:18:26 -0500
Subject: [PATCH 50/51] tweak title spacing

---
 assets/template-collection.css      | 2 +-
 sections/featured-collection.liquid | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/assets/template-collection.css b/assets/template-collection.css
index 79fae05b3c3..02958f82136 100644
--- a/assets/template-collection.css
+++ b/assets/template-collection.css
@@ -49,7 +49,7 @@
 }
 
 .collection__title.title-wrapper {
-  margin-bottom: 2rem;
+  margin-bottom: 2.5rem;
 }
 
 .collection__title .title:not(:only-child) {
diff --git a/sections/featured-collection.liquid b/sections/featured-collection.liquid
index 5b66fbd0e4d..c5cc1c9a4cf 100644
--- a/sections/featured-collection.liquid
+++ b/sections/featured-collection.liquid
@@ -47,7 +47,6 @@
         {%- if section.settings.title != blank -%}
           <h2 class="title {{ section.settings.heading_size }}">{{ section.settings.title | escape }}</h2>
         {%- endif -%}
-
         {%- if section.settings.description != blank or section.settings.show_description and section.settings.collection.description != empty -%}
           <div class="collection__description {{ section.settings.description_style }}">{%- if section.settings.show_description -%}{{ section.settings.collection.description }}{%- else -%}{{ section.settings.description }}{% endif %}</div>
         {%- endif -%}

From fcc3c6ef0ac73b9f45d46e1e8f688618cd9b3868 Mon Sep 17 00:00:00 2001
From: Ludo Segura <ludo.segura@shopify.com>
Date: Fri, 11 Mar 2022 10:50:33 -0500
Subject: [PATCH 51/51] fix spacing

---
 assets/component-slider.css         | 8 ++++----
 assets/template-collection.css      | 6 +++++-
 sections/featured-collection.liquid | 4 ++--
 3 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/assets/component-slider.css b/assets/component-slider.css
index 9e1a5fd0680..22f1e0d8619 100644
--- a/assets/component-slider.css
+++ b/assets/component-slider.css
@@ -8,10 +8,6 @@ slider-component.slider-component-full-width {
   --desktop-margin-left-first-item: 1.5rem;
 }
 
-slider-component.page-width {
-  max-width: none;
-}
-
 @media screen and (max-width: 749px) {
   slider-component.page-width {
     padding: 0 1.5rem;
@@ -125,6 +121,10 @@ slider-component.page-width {
 }
 
 @media screen and (min-width: 990px) {
+  .slider-component-desktop.page-width {
+    max-width: none;
+  }
+
   .slider--desktop {
     position: relative;
     flex-wrap: inherit;
diff --git a/assets/template-collection.css b/assets/template-collection.css
index 02958f82136..300bcf57800 100644
--- a/assets/template-collection.css
+++ b/assets/template-collection.css
@@ -57,6 +57,10 @@
 }
 
 @media screen and (min-width: 990px) {
+  .collection__title--desktop-slider .title {
+    margin-bottom: 2.5rem;
+  }
+
   .collection__title.title-wrapper--self-padded-tablet-down {
     padding: 0 5rem;
   }
@@ -65,7 +69,7 @@
     padding: 0;
   }
 
-  .collection--full-width slider-component:not(.collection__slider-desktop) {
+  .collection--full-width slider-component:not(.slider-component-desktop) {
     padding: 0 1.5rem;
   }
 }
diff --git a/sections/featured-collection.liquid b/sections/featured-collection.liquid
index c5cc1c9a4cf..ecdbd33fc1c 100644
--- a/sections/featured-collection.liquid
+++ b/sections/featured-collection.liquid
@@ -43,7 +43,7 @@
 
 <div class="color-{{ section.settings.color_scheme }} isolate gradient">
   <div class="collection section-{{ section.id }}-padding{% if section.settings.full_width %} collection--full-width{% endif %}">
-      <div class="collection__title title-wrapper title-wrapper--no-top-margin page-width{% if show_mobile_slider %} title-wrapper--self-padded-tablet-down{% endif %}">
+      <div class="collection__title title-wrapper title-wrapper--no-top-margin page-width{% if show_mobile_slider %} title-wrapper--self-padded-tablet-down{% endif %}{% if show_desktop_slider %} collection__title--desktop-slider{% endif %}">
         {%- if section.settings.title != blank -%}
           <h2 class="title {{ section.settings.heading_size }}">{{ section.settings.title | escape }}</h2>
         {%- endif -%}
@@ -52,7 +52,7 @@
         {%- endif -%}
       </div>
 
-    <slider-component class="slider-mobile-gutter{% if section.settings.full_width %} slider-component-full-width{% endif %}{% if show_mobile_slider == false %} page-width{% endif %}{% if show_desktop_slider == false and section.settings.full_width == false %} page-width-desktop{% endif %}{% if show_desktop_slider %} collection__slider-desktop{% endif %}">
+    <slider-component class="slider-mobile-gutter{% if section.settings.full_width %} slider-component-full-width{% endif %}{% if show_mobile_slider == false %} page-width{% endif %}{% if show_desktop_slider == false and section.settings.full_width == false %} page-width-desktop{% endif %}{% if show_desktop_slider %} slider-component-desktop{% endif %}">
       <ul id="Slider-{{ section.id }}" class="grid product-grid contains-card{% if settings.card_style == 'standard' %} contains-card--standard{% endif %} grid--{{ section.settings.columns_desktop }}-col-desktop{% if section.settings.collection == blank %} grid--2-col-tablet-down{% else %} grid--{{ section.settings.columns_mobile }}-col-tablet-down{% endif %}{% if show_mobile_slider or show_desktop_slider %} slider{% if show_desktop_slider %} slider--desktop{% endif %}{% if show_mobile_slider %} slider--tablet grid--peek{% endif %}{% endif %}" role="list" aria-label="{{ 'sections.featured_collection.slider' | t }}">
         {%- for product in section.settings.collection.products limit: section.settings.products_to_show -%}
           <li id="Slide-{{ section.id }}-{{ forloop.index }}" class="grid__item{% if show_mobile_slider or show_desktop_slider %} slider__slide{% endif %}">