Add "Maximum Products to Show" setting to Product Recommendations sec…

…tion (Shopify#1429)
Gravytrain-UK · Mar 4, 2022 · e5e3be7 · e5e3be7
1 parent cdd1583
commit e5e3be7
Show file tree

Hide file tree

Showing 22 changed files with 74 additions and 2 deletions.
diff --git a/locales/cs.schema.json b/locales/cs.schema.json
@@ -2028,6 +2028,9 @@
           "options__2": {
             "label": "2 sloupce"
           }
+        },
+        "products_to_show": {
+          "label": "Maximální počet zobrazovaných produktů"
         }
       }
     },

diff --git a/locales/da.schema.json b/locales/da.schema.json
@@ -2028,6 +2028,9 @@
           "options__2": {
             "label": "2 kolonner"
           }
+        },
+        "products_to_show": {
+          "label": "Maksimalt antal produkter, der skal vises"
         }
       }
     },

diff --git a/locales/de.schema.json b/locales/de.schema.json
@@ -2028,6 +2028,9 @@
           "options__2": {
             "label": "2 Spalten"
           }
+        },
+        "products_to_show": {
+          "label": "Maximal anzuzeigende Produkte"
         }
       }
     },

diff --git a/locales/en.default.schema.json b/locales/en.default.schema.json
@@ -2257,6 +2257,9 @@
         "heading": {
           "label": "Heading"
         },
+        "products_to_show": {
+          "label": "Maximum products to show"
+        },
         "columns_desktop": {
           "label": "Number of columns on desktop"
         },

diff --git a/locales/es.schema.json b/locales/es.schema.json
@@ -2028,6 +2028,9 @@
           "options__2": {
             "label": "2 columnas"
           }
+        },
+        "products_to_show": {
+          "label": "Número máximo de productos para mostrar"
         }
       }
     },

diff --git a/locales/fi.schema.json b/locales/fi.schema.json
@@ -2028,6 +2028,9 @@
           "options__2": {
             "label": "2 saraketta"
           }
+        },
+        "products_to_show": {
+          "label": "Näytettävien tuotteiden enimmäismäärä"
         }
       }
     },

diff --git a/locales/fr.schema.json b/locales/fr.schema.json
@@ -2028,6 +2028,9 @@
           "options__2": {
             "label": "2 colonnes"
           }
+        },
+        "products_to_show": {
+          "label": "Quantité maximale de produits à afficher"
         }
       }
     },

diff --git a/locales/it.schema.json b/locales/it.schema.json
@@ -2028,6 +2028,9 @@
           "options__2": {
             "label": "2 colonne"
           }
+        },
+        "products_to_show": {
+          "label": "Massimo di prodotti da mostrare"
         }
       }
     },

diff --git a/locales/ja.schema.json b/locales/ja.schema.json
@@ -2028,6 +2028,9 @@
           "options__2": {
             "label": "2列"
           }
+        },
+        "products_to_show": {
+          "label": "表示する商品の最大数"
         }
       }
     },

diff --git a/locales/ko.schema.json b/locales/ko.schema.json
@@ -2028,6 +2028,9 @@
           "options__2": {
             "label": "열 2개"
           }
+        },
+        "products_to_show": {
+          "label": "표시할 제품의 최대 수"
         }
       }
     },

diff --git a/locales/nb.schema.json b/locales/nb.schema.json
@@ -2028,6 +2028,9 @@
           "options__2": {
             "label": "2 kolonner"
           }
+        },
+        "products_to_show": {
+          "label": "Maksimalt antall produkter som vises"
         }
       }
     },

diff --git a/locales/nl.schema.json b/locales/nl.schema.json
@@ -2028,6 +2028,9 @@
           "options__2": {
             "label": "2 kolommen"
           }
+        },
+        "products_to_show": {
+          "label": "Maximaal te tonen producten"
         }
       }
     },

diff --git a/locales/pl.schema.json b/locales/pl.schema.json
@@ -2028,6 +2028,9 @@
           "options__2": {
             "label": "2 kolumny"
           }
+        },
+        "products_to_show": {
+          "label": "Maksymalna liczba produktów do wyświetlenia"
         }
       }
     },

diff --git a/locales/pt-BR.schema.json b/locales/pt-BR.schema.json
@@ -2028,6 +2028,9 @@
           "options__2": {
             "label": "2 colunas"
           }
+        },
+        "products_to_show": {
+          "label": "Máximo de produtos a serem mostrados"
         }
       }
     },

diff --git a/locales/pt-PT.schema.json b/locales/pt-PT.schema.json
@@ -2028,6 +2028,9 @@
           "options__2": {
             "label": "2 colunas"
           }
+        },
+        "products_to_show": {
+          "label": "Máximo de produtos a apresentar"
         }
       }
     },

diff --git a/locales/sv.schema.json b/locales/sv.schema.json
@@ -2028,6 +2028,9 @@
           "options__2": {
             "label": "2 kolumner"
           }
+        },
+        "products_to_show": {
+          "label": "Maximalt antal produkter att visa"
         }
       }
     },

diff --git a/locales/th.schema.json b/locales/th.schema.json
@@ -2028,6 +2028,9 @@
           "options__2": {
             "label": "2 คอลัมน์"
           }
+        },
+        "products_to_show": {
+          "label": "จำนวนสินค้าสูงสุดที่จะแสดง"
         }
       }
     },

diff --git a/locales/tr.schema.json b/locales/tr.schema.json
@@ -2028,6 +2028,9 @@
           "options__2": {
             "label": "2 sütun"
           }
+        },
+        "products_to_show": {
+          "label": "Gösterilecek maksimum ürün sayısı"
         }
       }
     },

diff --git a/locales/vi.schema.json b/locales/vi.schema.json
@@ -2028,6 +2028,9 @@
           "options__2": {
             "label": "2 cột"
           }
+        },
+        "products_to_show": {
+          "label": "Số lượng sản phẩm hiển thị tối đa"
         }
       }
     },

diff --git a/locales/zh-CN.schema.json b/locales/zh-CN.schema.json
@@ -2028,6 +2028,9 @@
           "options__2": {
             "label": "2 列"
           }
+        },
+        "products_to_show": {
+          "label": "要显示的最大产品数"
         }
       }
     },

diff --git a/locales/zh-TW.schema.json b/locales/zh-TW.schema.json
@@ -2028,6 +2028,9 @@
           "options__2": {
             "label": "2 欄"
           }
+        },
+        "products_to_show": {
+          "label": "產品數量顯示上限"
         }
       }
     },

diff --git a/sections/product-recommendations.liquid b/sections/product-recommendations.liquid
@@ -21,7 +21,7 @@
 {%- endstyle -%}
 
 <div class="color-{{ section.settings.color_scheme }} gradient">
-  <product-recommendations class="product-recommendations page-width section-{{ section.id }}-padding isolate" data-url="{{ routes.product_recommendations_url }}?section_id={{ section.id }}&product_id={{ product.id }}&limit=4">
+  <product-recommendations class="product-recommendations page-width section-{{ section.id }}-padding isolate" data-url="{{ routes.product_recommendations_url }}?section_id={{ section.id }}&product_id={{ product.id }}&limit={{ section.settings.products_to_show }}">
     {% if recommendations.performed and recommendations.products_count > 0 %}
       <h2 class="product-recommendations__heading {{ section.settings.heading_size }}">{{ section.settings.heading | escape }}</h2>
       <ul class="grid product-grid grid--{{ section.settings.columns_desktop }}-col-desktop grid--{{ section.settings.columns_mobile }}-col-tablet-down" role="list">
@@ -113,11 +113,20 @@
       "default": "h1",
       "label": "t:sections.all.heading_size.label"
     },
+    {
+      "type": "range",
+      "id": "products_to_show",
+      "min": 2,
+      "max": 10,
+      "step": 1,
+      "default": 4,
+      "label": "t:sections.product-recommendations.settings.products_to_show.label"
+    },
     {
       "type": "range",
       "id": "columns_desktop",
       "min": 1,
-      "max": 4,
+      "max": 5,
       "step": 1,
       "default": 4,
       "label": "t:sections.product-recommendations.settings.columns_desktop.label"