From 7e696e94f834ea1953cad8ef7041b529e9eb10c9 Mon Sep 17 00:00:00 2001 From: Eugene Kasimov <105315663+eugenekasimov@users.noreply.github.com> Date: Mon, 3 Oct 2022 09:14:15 -0700 Subject: [PATCH] [Product page] "Icon with text" block (#1933) Add a new Icon-With-Text block to Product Page --- assets/section-main-product.css | 71 +++ locales/cs.schema.json | 48 ++ locales/da.schema.json | 48 ++ locales/de.schema.json | 48 ++ locales/en.default.schema.json | 48 ++ locales/es.schema.json | 48 ++ locales/fi.schema.json | 48 ++ locales/fr.schema.json | 48 ++ locales/it.schema.json | 48 ++ locales/ja.schema.json | 48 ++ locales/ko.schema.json | 48 ++ locales/nb.schema.json | 48 ++ locales/nl.schema.json | 48 ++ locales/pl.schema.json | 48 ++ locales/pt-BR.schema.json | 48 ++ locales/pt-PT.schema.json | 48 ++ locales/sv.schema.json | 48 ++ locales/th.schema.json | 48 ++ locales/tr.schema.json | 48 ++ locales/vi.schema.json | 48 ++ locales/zh-CN.schema.json | 48 ++ locales/zh-TW.schema.json | 48 ++ sections/featured-product.liquid | 796 +++++++++++++++++++++++++- sections/main-product.liquid | 920 +++++++++++++++++++++++++++---- snippets/icon-accordion.liquid | 11 +- 25 files changed, 2693 insertions(+), 113 deletions(-) diff --git a/assets/section-main-product.css b/assets/section-main-product.css index b43fe06c3d5..73ac698e545 100644 --- a/assets/section-main-product.css +++ b/assets/section-main-product.css @@ -1244,3 +1244,74 @@ a.product__text { margin-left: 1.2rem; flex-shrink: 0; } + +/* Icon with text */ +.icon-with-text { + --icon-size: calc(var(--font-heading-scale) * 3rem); + --icon-spacing: calc(var(--font-heading-scale) * 1rem); +} + +.icon-with-text--horizontal { + display: flex; + justify-content: center; + column-gap: 3rem; + flex-direction: row; + padding-top: 2rem; +} + +.icon-with-text--vertical { + --icon-size: calc(var(--font-heading-scale) * 2rem); + padding-top: 1.5rem; +} + +.icon-with-text .icon { + fill: rgb(var(--color-foreground)); + height: var(--icon-size); + width: var(--icon-size); +} + +.icon-with-text--horizontal .icon, +.icon-with-text--horizontal img { + margin-bottom: var(--icon-spacing); +} + +.icon-with-text--vertical .icon { + min-height: var(--icon-size); + min-width: var(--icon-size); + margin-right: var(--icon-spacing); +} + +.icon-with-text img { + height: var(--icon-size); + width: var(--icon-size); + object-fit: contain; +} + +.icon-with-text--vertical img { + margin-right: var(--icon-spacing); +} + +.icon-with-text--horizontal .h4 { + padding-top: calc(var(--icon-size) + var(--icon-spacing)); + text-align: center; +} + +.icon-with-text--horizontal svg + .h4, +.icon-with-text--horizontal img + .h4, +.icon-with-text--horizontal.icon-with-text--text-only .h4 { + padding-top: 0; +} + +.icon-with-text__item { + display: flex; + align-items: center; +} + +.icon-with-text--horizontal .icon-with-text__item { + flex-direction: column; + width: 33%; +} + +.icon-with-text--vertical .icon-with-text__item { + margin-bottom: var(--icon-size); +} diff --git a/locales/cs.schema.json b/locales/cs.schema.json index 9e7c366840f..d1d2f247d5f 100644 --- a/locales/cs.schema.json +++ b/locales/cs.schema.json @@ -1765,6 +1765,54 @@ "label": "Povolit tlačítko Rychlé přidání" } } + }, + "icon_with_text": { + "name": "Ikona s textem", + "settings": { + "layout": { + "label": "Rozvržení", + "options__1": { + "label": "Vodorovně" + }, + "options__2": { + "label": "Svisle" + } + }, + "content": { + "label": "Obsah", + "info": "Zvolte ikonu nebo přidejte obrázek pro každý sloupec nebo řádek." + }, + "heading": { + "info": "Pokud chcete sloupec s ikonami skrýt, nechejte popisek záhlaví prázdný." + }, + "icon_1": { + "label": "První ikona" + }, + "image_1": { + "label": "První obrázek" + }, + "heading_1": { + "label": "První nadpis" + }, + "icon_2": { + "label": "Druhá ikona" + }, + "image_2": { + "label": "Druhý obrázek" + }, + "heading_2": { + "label": "Druhý nadpis" + }, + "icon_3": { + "label": "Třetí ikona" + }, + "image_3": { + "label": "Třetí obrázek" + }, + "heading_3": { + "label": "Třetí nadpis" + } + } } }, "settings": { diff --git a/locales/da.schema.json b/locales/da.schema.json index adb018ce523..85955798443 100644 --- a/locales/da.schema.json +++ b/locales/da.schema.json @@ -1765,6 +1765,54 @@ "label": "Aktivér knap til hurtig tilføjelse" } } + }, + "icon_with_text": { + "name": "Ikon med tekst", + "settings": { + "layout": { + "label": "Layout", + "options__1": { + "label": "Vandret" + }, + "options__2": { + "label": "Lodret" + } + }, + "content": { + "label": "Indhold", + "info": "Vælg et ikon, eller tilføj et billede for hver kolonne eller række." + }, + "heading": { + "info": "Lad overskriftsfeltet være tomt for at skjule ikonkolonnen." + }, + "icon_1": { + "label": "Første ikon" + }, + "image_1": { + "label": "Første billede" + }, + "heading_1": { + "label": "Første overskrift" + }, + "icon_2": { + "label": "Andet ikon" + }, + "image_2": { + "label": "Andet billede" + }, + "heading_2": { + "label": "Anden overskrift" + }, + "icon_3": { + "label": "Tredje ikon" + }, + "image_3": { + "label": "Tredje billede" + }, + "heading_3": { + "label": "Tredje overskrift" + } + } } }, "settings": { diff --git a/locales/de.schema.json b/locales/de.schema.json index 75bfd7cdebf..07a52b5e061 100644 --- a/locales/de.schema.json +++ b/locales/de.schema.json @@ -1764,6 +1764,54 @@ "label": "Schaltfläche zum schnellen Hinzufügen aktivieren" } } + }, + "icon_with_text": { + "name": "Symbol mit Text", + "settings": { + "layout": { + "label": "Layout", + "options__1": { + "label": "Horizontal" + }, + "options__2": { + "label": "Vertikal" + } + }, + "content": { + "label": "Inhalt", + "info": "Wähle ein Symbol oder füge ein Bild für jede Spalte oder Zeile hinzu." + }, + "heading": { + "info": "Lasse die Überschrift leer, um die Symbolspalte auszublenden." + }, + "icon_1": { + "label": "Erstes Symbol" + }, + "image_1": { + "label": "Erstes Bild" + }, + "heading_1": { + "label": "Erste Überschrift" + }, + "icon_2": { + "label": "Zweites Symbol" + }, + "image_2": { + "label": "Zweites Bild" + }, + "heading_2": { + "label": "Zweite Überschrift" + }, + "icon_3": { + "label": "Drittes Symbol" + }, + "image_3": { + "label": "Drittes Bild" + }, + "heading_3": { + "label": "Dritte Überschrift" + } + } } }, "settings": { diff --git a/locales/en.default.schema.json b/locales/en.default.schema.json index d92a79cc02e..6d0e5397817 100644 --- a/locales/en.default.schema.json +++ b/locales/en.default.schema.json @@ -1912,6 +1912,54 @@ "label": "Enable quick add button" } } + }, + "icon_with_text": { + "name": "Icon with text", + "settings": { + "layout": { + "label": "Layout", + "options__1": { + "label": "Horizontal" + }, + "options__2": { + "label": "Vertical" + } + }, + "content": { + "label": "Content", + "info": "Choose an icon or add an image for each column or row." + }, + "heading": { + "info": "Leave the heading label blank to hide the icon column." + }, + "icon_1": { + "label": "First icon" + }, + "image_1": { + "label": "First image" + }, + "heading_1": { + "label": "First heading" + }, + "icon_2": { + "label": "Second icon" + }, + "image_2": { + "label": "Second image" + }, + "heading_2": { + "label": "Second heading" + }, + "icon_3": { + "label": "Third icon" + }, + "image_3": { + "label": "Third image" + }, + "heading_3": { + "label": "Third heading" + } + } } }, "settings": { diff --git a/locales/es.schema.json b/locales/es.schema.json index 8b459751dd7..0286a1af238 100644 --- a/locales/es.schema.json +++ b/locales/es.schema.json @@ -1765,6 +1765,54 @@ "label": "Activar botón de agregado rápido" } } + }, + "icon_with_text": { + "name": "Ícono con texto", + "settings": { + "layout": { + "label": "Diseño", + "options__1": { + "label": "Horizontal" + }, + "options__2": { + "label": "Vertical" + } + }, + "content": { + "label": "Contenido", + "info": "Elige un ícono o agrega una imagen para cada columna o fila." + }, + "heading": { + "info": "Deja la etiqueta de encabezado en blanco para ocultar la columna del ícono." + }, + "icon_1": { + "label": "Primer ícono" + }, + "image_1": { + "label": "Primera imagen" + }, + "heading_1": { + "label": "Primer encabezado" + }, + "icon_2": { + "label": "Segundo ícono" + }, + "image_2": { + "label": "Segunda imagen" + }, + "heading_2": { + "label": "Segundo encabezado" + }, + "icon_3": { + "label": "Tercer ícono" + }, + "image_3": { + "label": "Tercera imagen" + }, + "heading_3": { + "label": "Tercer encabezado" + } + } } }, "settings": { diff --git a/locales/fi.schema.json b/locales/fi.schema.json index 661899244fe..ced6a5c76fc 100644 --- a/locales/fi.schema.json +++ b/locales/fi.schema.json @@ -1764,6 +1764,54 @@ "label": "Ota pikalisäyspainike käyttöön" } } + }, + "icon_with_text": { + "name": "Kuvake johon liittyy teksti", + "settings": { + "layout": { + "label": "Asettelu", + "options__1": { + "label": "Vaaka" + }, + "options__2": { + "label": "Pysty" + } + }, + "content": { + "label": "Sisältö", + "info": "Valitse kuvake tai lisää kuva jokaiselle sarakkeelle tai riville." + }, + "heading": { + "info": "Piilota kuvakkeen sarake jättämällä sarakkeen teksti tyhjäksi." + }, + "icon_1": { + "label": "Ensimmäinen kuvake" + }, + "image_1": { + "label": "Ensimmäinen kuva" + }, + "heading_1": { + "label": "Ensimmäinen otsikko" + }, + "icon_2": { + "label": "Toinen kuvake" + }, + "image_2": { + "label": "Toinen kuva" + }, + "heading_2": { + "label": "Toinen otsikko" + }, + "icon_3": { + "label": "Kolmas kuvake" + }, + "image_3": { + "label": "Kolmas kuva" + }, + "heading_3": { + "label": "Kolmas otsikko" + } + } } }, "settings": { diff --git a/locales/fr.schema.json b/locales/fr.schema.json index d0fcde1d140..4fb55d4d591 100644 --- a/locales/fr.schema.json +++ b/locales/fr.schema.json @@ -1764,6 +1764,54 @@ "label": "Activer le bouton d'ajout rapide" } } + }, + "icon_with_text": { + "name": "Icône avec texte", + "settings": { + "layout": { + "label": "Mise en page", + "options__1": { + "label": "Horizontale" + }, + "options__2": { + "label": "Verticale" + } + }, + "content": { + "label": "Contenu", + "info": "Choisissez une icône ou ajoutez une image pour chaque colonne ou rangée." + }, + "heading": { + "info": "Laissez l'intitulé du titre vide pour masquer la colonne de l'icône." + }, + "icon_1": { + "label": "Première icône" + }, + "image_1": { + "label": "Première image" + }, + "heading_1": { + "label": "Premier titre" + }, + "icon_2": { + "label": "Deuxième icône" + }, + "image_2": { + "label": "Deuxième image" + }, + "heading_2": { + "label": "Deuxième titre" + }, + "icon_3": { + "label": "Troisième icône" + }, + "image_3": { + "label": "Troisième image" + }, + "heading_3": { + "label": "Troisième titre" + } + } } }, "settings": { diff --git a/locales/it.schema.json b/locales/it.schema.json index fa37f3d7d44..1e672966024 100644 --- a/locales/it.schema.json +++ b/locales/it.schema.json @@ -1765,6 +1765,54 @@ "label": "Abilita il pulsante di aggiunta rapida" } } + }, + "icon_with_text": { + "name": "Icona con testo", + "settings": { + "layout": { + "label": "Layout", + "options__1": { + "label": "Orizzontale" + }, + "options__2": { + "label": "Verticale" + } + }, + "content": { + "label": "Contenuto", + "info": "Scegli un'icona o aggiungi un'immagine per ogni colonna o riga." + }, + "heading": { + "info": "Lascia vuota l'etichetta del titolo per nascondere la colonna delle icone." + }, + "icon_1": { + "label": "Prima icona" + }, + "image_1": { + "label": "Prima immagine" + }, + "heading_1": { + "label": "Primo titolo" + }, + "icon_2": { + "label": "Seconda icona" + }, + "image_2": { + "label": "Seconda immagine" + }, + "heading_2": { + "label": "Secondo titolo" + }, + "icon_3": { + "label": "Terza icona" + }, + "image_3": { + "label": "Terza immagine" + }, + "heading_3": { + "label": "Terzo titolo" + } + } } }, "settings": { diff --git a/locales/ja.schema.json b/locales/ja.schema.json index 82c96de4027..78820b28653 100644 --- a/locales/ja.schema.json +++ b/locales/ja.schema.json @@ -1765,6 +1765,54 @@ "label": "「クイック追加」ボタンを有効にする" } } + }, + "icon_with_text": { + "name": "テキスト付きアイコン", + "settings": { + "layout": { + "label": "レイアウト", + "options__1": { + "label": "水平" + }, + "options__2": { + "label": "垂直" + } + }, + "content": { + "label": "コンテンツ", + "info": "アイコンを選択するか、列または行ごとに画像を追加します。" + }, + "heading": { + "info": "アイコンの列を非表示にするには、見出しラベルを空白にします。" + }, + "icon_1": { + "label": "最初のアイコン" + }, + "image_1": { + "label": "最初の画像" + }, + "heading_1": { + "label": "最初の見出し" + }, + "icon_2": { + "label": "2番目のアイコン" + }, + "image_2": { + "label": "2番目の画像" + }, + "heading_2": { + "label": "2番目の見出し" + }, + "icon_3": { + "label": "3番目のアイコン" + }, + "image_3": { + "label": "3番目の画像" + }, + "heading_3": { + "label": "3番目の見出し" + } + } } }, "settings": { diff --git a/locales/ko.schema.json b/locales/ko.schema.json index 1612213b9dc..fc368e4a756 100644 --- a/locales/ko.schema.json +++ b/locales/ko.schema.json @@ -1765,6 +1765,54 @@ "label": "빠른 추가 버튼 활성화" } } + }, + "icon_with_text": { + "name": "아이콘 텍스트", + "settings": { + "layout": { + "label": "레이아웃", + "options__1": { + "label": "수평" + }, + "options__2": { + "label": "수직" + } + }, + "content": { + "label": "콘텐츠", + "info": "각 열 또는 행에 대한 아이콘을 선택하거나 이미지를 추가합니다." + }, + "heading": { + "info": "아이콘 열을 숨기려면 제목 레이블을 비워 두십시오." + }, + "icon_1": { + "label": "첫 번째 아이콘" + }, + "image_1": { + "label": "첫 번째 이미지" + }, + "heading_1": { + "label": "첫 번째 제목" + }, + "icon_2": { + "label": "두 번째 아이콘" + }, + "image_2": { + "label": "두 번째 이미지" + }, + "heading_2": { + "label": "두 번째 제목" + }, + "icon_3": { + "label": "세 번째 아이콘" + }, + "image_3": { + "label": "세 번째 이미지" + }, + "heading_3": { + "label": "세 번째 제목" + } + } } }, "settings": { diff --git a/locales/nb.schema.json b/locales/nb.schema.json index 248560ab211..403c81ed3d3 100644 --- a/locales/nb.schema.json +++ b/locales/nb.schema.json @@ -1764,6 +1764,54 @@ "label": "Aktiver knapp for hurtigtillegging" } } + }, + "icon_with_text": { + "name": "Ikon med tekst", + "settings": { + "layout": { + "label": "Oppsett", + "options__1": { + "label": "Horisontalt" + }, + "options__2": { + "label": "Vertikalt" + } + }, + "content": { + "label": "Innhold", + "info": "Velg et ikon eller legg til et bilde for hver kolonne eller rad." + }, + "heading": { + "info": "La overskriftsetiketten stå tom for å skjule ikonkolonnen." + }, + "icon_1": { + "label": "Første ikon" + }, + "image_1": { + "label": "Første bilde" + }, + "heading_1": { + "label": "Første overskrift" + }, + "icon_2": { + "label": "Andre ikon" + }, + "image_2": { + "label": "Andre bilde" + }, + "heading_2": { + "label": "Andre overskrift" + }, + "icon_3": { + "label": "Tredje ikon" + }, + "image_3": { + "label": "Tredje bilde" + }, + "heading_3": { + "label": "Tredje overskrift" + } + } } }, "settings": { diff --git a/locales/nl.schema.json b/locales/nl.schema.json index 030756d1c8d..19d3ac0a3e0 100644 --- a/locales/nl.schema.json +++ b/locales/nl.schema.json @@ -1765,6 +1765,54 @@ "label": "Knop 'Snel toevoegen' inschakelen" } } + }, + "icon_with_text": { + "name": "Pictogram met tekst", + "settings": { + "layout": { + "label": "Opmaak", + "options__1": { + "label": "Horizontaal" + }, + "options__2": { + "label": "Verticaal" + } + }, + "content": { + "label": "Inhoud", + "info": "Kies een pictogram of voeg een afbeelding toe voor elke kolom of rij." + }, + "heading": { + "info": "Laat het opschriftlabel leeg om de kolom met pictogrammen te verbergen." + }, + "icon_1": { + "label": "Eerste pictogram" + }, + "image_1": { + "label": "Eerste afbeelding" + }, + "heading_1": { + "label": "Eerste opschrift" + }, + "icon_2": { + "label": "Tweede pictogram" + }, + "image_2": { + "label": "Tweede afbeelding" + }, + "heading_2": { + "label": "Tweede opschrift" + }, + "icon_3": { + "label": "Derde pictogram" + }, + "image_3": { + "label": "Derde afbeelding" + }, + "heading_3": { + "label": "Derde opschrift" + } + } } }, "settings": { diff --git a/locales/pl.schema.json b/locales/pl.schema.json index 0eec89d015d..a0e62a065c7 100644 --- a/locales/pl.schema.json +++ b/locales/pl.schema.json @@ -1765,6 +1765,54 @@ "label": "Włącz przycisk szybkiego dodawania" } } + }, + "icon_with_text": { + "name": "Ikona z tekstem", + "settings": { + "layout": { + "label": "Układ", + "options__1": { + "label": "W poziomie" + }, + "options__2": { + "label": "W pionie" + } + }, + "content": { + "label": "Zawartość", + "info": "Wybierz ikonę lub dodaj obraz dla każdej kolumny lub wiersza." + }, + "heading": { + "info": "Pozostaw etykietę nagłówka pustą, aby ukryć kolumnę ikony." + }, + "icon_1": { + "label": "Pierwsza ikona" + }, + "image_1": { + "label": "Pierwszy obraz" + }, + "heading_1": { + "label": "Pierwszy nagłówek" + }, + "icon_2": { + "label": "Druga ikona" + }, + "image_2": { + "label": "Drugi obraz" + }, + "heading_2": { + "label": "Drugi nagłówek" + }, + "icon_3": { + "label": "Trzecia ikona" + }, + "image_3": { + "label": "Trzeci obraz" + }, + "heading_3": { + "label": "Trzeci nagłówek" + } + } } }, "settings": { diff --git a/locales/pt-BR.schema.json b/locales/pt-BR.schema.json index ab94bcadeb9..ed774ece39f 100644 --- a/locales/pt-BR.schema.json +++ b/locales/pt-BR.schema.json @@ -1764,6 +1764,54 @@ "label": "Habilitar botão para adicionar rapidamente" } } + }, + "icon_with_text": { + "name": "Ícone com texto", + "settings": { + "layout": { + "label": "Layout", + "options__1": { + "label": "Horizontal" + }, + "options__2": { + "label": "Vertical" + } + }, + "content": { + "label": "Conteúdo", + "info": "Escolha um ícone ou adicione uma imagem para cada coluna ou linha." + }, + "heading": { + "info": "Deixe o título em branco para ocultar a coluna de ícone." + }, + "icon_1": { + "label": "Primeiro ícone" + }, + "image_1": { + "label": "Primeira imagem" + }, + "heading_1": { + "label": "Primeiro título" + }, + "icon_2": { + "label": "Segundo ícone" + }, + "image_2": { + "label": "Segunda imagem" + }, + "heading_2": { + "label": "Segundo título" + }, + "icon_3": { + "label": "Terceiro ícone" + }, + "image_3": { + "label": "Terceira imagem" + }, + "heading_3": { + "label": "Terceiro título" + } + } } }, "settings": { diff --git a/locales/pt-PT.schema.json b/locales/pt-PT.schema.json index c85530b8fce..b0d9db52052 100644 --- a/locales/pt-PT.schema.json +++ b/locales/pt-PT.schema.json @@ -1765,6 +1765,54 @@ "label": "Ativar botão para adicionar rapidamente" } } + }, + "icon_with_text": { + "name": "Ícone com texto", + "settings": { + "layout": { + "label": "Esquema", + "options__1": { + "label": "Horizontal" + }, + "options__2": { + "label": "Vertical" + } + }, + "content": { + "label": "Conteúdo", + "info": "Escolha um ícone ou adicione uma imagem para cada coluna ou linha." + }, + "heading": { + "info": "Deixe a etiqueta do título em branco para ocultar a coluna do ícone." + }, + "icon_1": { + "label": "Primeiro ícone" + }, + "image_1": { + "label": "Primeira imagem" + }, + "heading_1": { + "label": "Primeiro título" + }, + "icon_2": { + "label": "Segundo ícone" + }, + "image_2": { + "label": "Segunda imagem" + }, + "heading_2": { + "label": "Segundo título" + }, + "icon_3": { + "label": "Terceiro ícone" + }, + "image_3": { + "label": "Terceira imagem" + }, + "heading_3": { + "label": "Terceiro título" + } + } } }, "settings": { diff --git a/locales/sv.schema.json b/locales/sv.schema.json index 6b9bee35f40..9620e44b5a2 100644 --- a/locales/sv.schema.json +++ b/locales/sv.schema.json @@ -1765,6 +1765,54 @@ "label": "Aktivera knapp för snabb tilläggning" } } + }, + "icon_with_text": { + "name": "Ikon med text", + "settings": { + "layout": { + "label": "Layout", + "options__1": { + "label": "Liggande" + }, + "options__2": { + "label": "Stående" + } + }, + "content": { + "label": "Innehåll", + "info": "Välj en ikon eller lägg till en bild för varje kolumn eller rad." + }, + "heading": { + "info": "Lämna rubriketiketten tom för att dölja ikonkolumnen." + }, + "icon_1": { + "label": "Första ikon" + }, + "image_1": { + "label": "Första bild" + }, + "heading_1": { + "label": "Första rubrik" + }, + "icon_2": { + "label": "Andra ikon" + }, + "image_2": { + "label": "Andra bild" + }, + "heading_2": { + "label": "Andra rubrik" + }, + "icon_3": { + "label": "Tredje ikon" + }, + "image_3": { + "label": "Tredje bild" + }, + "heading_3": { + "label": "Tredje rubrik" + } + } } }, "settings": { diff --git a/locales/th.schema.json b/locales/th.schema.json index f9700b3097c..7a549e9c900 100644 --- a/locales/th.schema.json +++ b/locales/th.schema.json @@ -1765,6 +1765,54 @@ "label": "เปิดใช้งานปุ่มซื้อด่วน" } } + }, + "icon_with_text": { + "name": "ไอคอนที่มีข้อความ", + "settings": { + "layout": { + "label": "เลย์เอาต์", + "options__1": { + "label": "แนวนอน" + }, + "options__2": { + "label": "แนวตั้ง" + } + }, + "content": { + "label": "เนื้อหา", + "info": "เลือกไอคอนหรือเพิ่มรูปภาพให้แต่ละคอลัมน์หรือแต่ละแถว" + }, + "heading": { + "info": "เว้นว่างป้ายส่วนหัวไว้เพื่อซ่อนคอลัมน์ไอคอน" + }, + "icon_1": { + "label": "ไอคอนแรก" + }, + "image_1": { + "label": "รูปภาพแรก" + }, + "heading_1": { + "label": "ส่วนหัวแรก" + }, + "icon_2": { + "label": "ไอคอนที่สอง" + }, + "image_2": { + "label": "รูปภาพที่สอง" + }, + "heading_2": { + "label": "ส่วนหัวที่สอง" + }, + "icon_3": { + "label": "ไอคอนที่สาม" + }, + "image_3": { + "label": "รูปภาพที่สาม" + }, + "heading_3": { + "label": "ส่วนหัวที่สาม" + } + } } }, "settings": { diff --git a/locales/tr.schema.json b/locales/tr.schema.json index 5a46352904f..054728277fe 100644 --- a/locales/tr.schema.json +++ b/locales/tr.schema.json @@ -1764,6 +1764,54 @@ "label": "Hızlı ekleme düğmesini etkinleştir" } } + }, + "icon_with_text": { + "name": "Metin içeren simge", + "settings": { + "layout": { + "label": "Düzen", + "options__1": { + "label": "Yatay" + }, + "options__2": { + "label": "Dikey" + } + }, + "content": { + "label": "İçerik", + "info": "Her sütun veya satır için bir simge seçin ya da görsel ekleyin." + }, + "heading": { + "info": "Simge sütununu gizlemek için başlık etiketini boş bırakın." + }, + "icon_1": { + "label": "İlk simge" + }, + "image_1": { + "label": "İlk görsel" + }, + "heading_1": { + "label": "İlk başlık" + }, + "icon_2": { + "label": "İkinci simge" + }, + "image_2": { + "label": "İkinci görsel" + }, + "heading_2": { + "label": "İkinci başlık" + }, + "icon_3": { + "label": "Üçüncü simge" + }, + "image_3": { + "label": "Üçüncü görsel" + }, + "heading_3": { + "label": "Üçüncü başlık" + } + } } }, "settings": { diff --git a/locales/vi.schema.json b/locales/vi.schema.json index a91efe1a971..fd2a39fd698 100644 --- a/locales/vi.schema.json +++ b/locales/vi.schema.json @@ -1765,6 +1765,54 @@ "label": "Bật nút thêm nhanh" } } + }, + "icon_with_text": { + "name": "Biểu tượng có văn bản", + "settings": { + "layout": { + "label": "Bố cục", + "options__1": { + "label": "Ngang" + }, + "options__2": { + "label": "Dọc" + } + }, + "content": { + "label": "Nội dung", + "info": "Chọn biểu tượng hoặc thêm ảnh cho từng cột hoặc hàng." + }, + "heading": { + "info": "Để trống nhãn tiêu đề để ẩn cột biểu tượng." + }, + "icon_1": { + "label": "Biểu tượng đầu tiên" + }, + "image_1": { + "label": "Hình ảnh đầu tiên" + }, + "heading_1": { + "label": "Tiêu đề đầu tiên" + }, + "icon_2": { + "label": "Biểu tượng thứ hai" + }, + "image_2": { + "label": "Hình ảnh thứ hai" + }, + "heading_2": { + "label": "Tiêu đề thứ hai" + }, + "icon_3": { + "label": "Biểu tượng thứ ba" + }, + "image_3": { + "label": "Hình ảnh thứ ba" + }, + "heading_3": { + "label": "Tiêu đề thứ ba" + } + } } }, "settings": { diff --git a/locales/zh-CN.schema.json b/locales/zh-CN.schema.json index c7b9074e8fd..0939694480c 100644 --- a/locales/zh-CN.schema.json +++ b/locales/zh-CN.schema.json @@ -1765,6 +1765,54 @@ "label": "启用快速添加按钮" } } + }, + "icon_with_text": { + "name": "带文本的图标", + "settings": { + "layout": { + "label": "布局", + "options__1": { + "label": "水平" + }, + "options__2": { + "label": "垂直" + } + }, + "content": { + "label": "内容", + "info": "选择图标或为每列或每行添加图片。" + }, + "heading": { + "info": "将标题标签留空可隐藏图标列。" + }, + "icon_1": { + "label": "第一个图标" + }, + "image_1": { + "label": "第一张图片" + }, + "heading_1": { + "label": "第一个标题" + }, + "icon_2": { + "label": "第二个图标" + }, + "image_2": { + "label": "第二张图片" + }, + "heading_2": { + "label": "第二个标题" + }, + "icon_3": { + "label": "第三个图标" + }, + "image_3": { + "label": "第三张图片" + }, + "heading_3": { + "label": "第三个标题" + } + } } }, "settings": { diff --git a/locales/zh-TW.schema.json b/locales/zh-TW.schema.json index 9988d47d76b..d864b0b2815 100644 --- a/locales/zh-TW.schema.json +++ b/locales/zh-TW.schema.json @@ -1765,6 +1765,54 @@ "label": "啟用「快速新增」按鈕" } } + }, + "icon_with_text": { + "name": "圖示與文字", + "settings": { + "layout": { + "label": "版面配置", + "options__1": { + "label": "水平" + }, + "options__2": { + "label": "垂直" + } + }, + "content": { + "label": "內容", + "info": "選擇圖示或為每個欄或列新增圖示。" + }, + "heading": { + "info": "將標題標籤留白以隱藏圖示欄。" + }, + "icon_1": { + "label": "第一個圖示" + }, + "image_1": { + "label": "第一張圖片" + }, + "heading_1": { + "label": "第一個標題" + }, + "icon_2": { + "label": "第二個圖示" + }, + "image_2": { + "label": "第二張圖片" + }, + "heading_2": { + "label": "第二個標題" + }, + "icon_3": { + "label": "第三個圖示" + }, + "image_3": { + "label": "第三張圖片" + }, + "heading_3": { + "label": "第三個標題" + } + } } }, "settings": { diff --git a/sections/featured-product.liquid b/sections/featured-product.liquid index 1a8334ea0bc..a44b3e83525 100644 --- a/sections/featured-product.liquid +++ b/sections/featured-product.liquid @@ -23,7 +23,7 @@ {%- assign product = section.settings.product -%} -{%- assign first_3d_model = product.media | where: "media_type", "model" | first -%} +{%- assign first_3d_model = product.media | where: 'media_type', 'model' | first -%} {%- if first_3d_model -%} {{ 'component-product-model.css' | asset_url | stylesheet_tag }} - {% render 'product-thumbnail', media: media, position: 'featured', loop: section.settings.enable_video_looping, modal_id: section.id, xr_button: false, media_width: 0.5 %} + {% render 'product-thumbnail', + media: media, + position: 'featured', + loop: section.settings.enable_video_looping, + modal_id: section.id, + xr_button: false, + media_width: 0.5 + %} {%- endif -%} {%- liquid @@ -66,9 +73,18 @@ endfor -%} {%- for media in product.media -%} - {%- if media_to_render contains media.id and media.id != product.selected_or_first_available_variant.featured_media.id -%} + {%- if media_to_render contains media.id + and media.id != product.selected_or_first_available_variant.featured_media.id + -%}
- {% render 'product-thumbnail', media: media, position: forloop.index, loop: section.settings.enable_video_looping, modal_id: section.id, xr_button: false, media_width: 0.5 %} + {% render 'product-thumbnail', + media: media, + position: forloop.index, + loop: section.settings.enable_video_looping, + modal_id: section.id, + xr_button: false, + media_width: 0.5 + %}
{%- endif -%} {%- endfor -%} @@ -114,7 +130,12 @@ {%- when 'price' -%}
- {%- render 'price', product: product, use_variant: true, show_badges: true, price_class: 'price--large' -%} + {%- render 'price', + product: product, + use_variant: true, + show_badges: true, + price_class: 'price--large' + -%}
{%- if shop.taxes_included or shop.shipping_policy.body != blank -%}
@@ -333,7 +354,13 @@
- {%- form 'product', product, id: product_form_id, class: 'form', novalidate: 'novalidate', data-type: 'add-to-cart-form' -%} + {%- form 'product', + product, + id: product_form_id, + class: 'form', + novalidate: 'novalidate', + data-type: 'add-to-cart-form' + -%} = 0.3 and decimal <= 0.7 + assign decimal = product.metafields.reviews.rating.value.rating | modulo: 1 + if decimal >= 0.3 and decimal <= 0.7 assign rating_decimal = 0.5 elsif decimal > 0.7 assign rating_decimal = 1 - endif + endif %} {%- endif -%} {%- for media in product.media -%} - {%- if media_to_render contains media.id and media.id != product.selected_or_first_available_variant.featured_media.id -%} + {%- if media_to_render contains media.id + and media.id != product.selected_or_first_available_variant.featured_media.id + -%}
- {% render 'product-thumbnail', media: media, position: forloop.index, loop: section.settings.enable_video_looping, modal_id: section.id, xr_button: false, media_width: 0.5 %} + {% render 'product-thumbnail', + media: media, + position: forloop.index, + loop: section.settings.enable_video_looping, + modal_id: section.id, + xr_button: false, + media_width: 0.5 + %}
{%- endif -%} {%- endfor -%} @@ -595,23 +736,27 @@ - {%- assign first_3d_model = product.media | where: "media_type", "model" | first -%} + {%- assign first_3d_model = product.media | where: 'media_type', 'model' | first -%} {%- if first_3d_model -%} {{ 'component-product-model.css' | asset_url | stylesheet_tag }} - - {%- endfor -%} - - {%- if number_of_slides > 1 -%} -
- -
- {%- if block.settings.pagination_style == 'counter' -%} - 1 - - - {{ number_of_slides }} - {%- else -%} -
- {%- for i in (1..number_of_slides) -%} - - {%- endfor -%} -
- {%- endif -%} -
- +
+ {%- endif -%} - {%- endif -%} - - {%- if block.settings.make_collapsible_row -%} - + + {%- endif -%} - - - {%- endif -%} - {{ 'component-card.css' | asset_url | stylesheet_tag }} - {{ 'section-product-recommendations.css' | asset_url | stylesheet_tag }} - {{ 'component-complementary-products.css' | asset_url | stylesheet_tag }} - {%- if block.settings.enable_quick_add -%} - - - {%- endif -%} - + + {%- if block.settings.make_collapsible_row -%} + + {%- endif -%} + + + {%- endif -%} + {{ 'component-card.css' | asset_url | stylesheet_tag }} + {{ 'section-product-recommendations.css' | asset_url | stylesheet_tag }} + {{ 'component-complementary-products.css' | asset_url | stylesheet_tag }} + {%- if block.settings.enable_quick_add -%} + + + {%- endif -%} + + {%- when 'icon-with-text' -%} + {%- liquid + assign heading1Empty = false + assign heading2Empty = false + assign heading3Empty = false + assign textOnlyAllItems = true + + if block.settings.heading_1 == empty + assign heading1Empty = true + endif + + if block.settings.heading_2 == empty + assign heading2Empty = true + endif + + if block.settings.heading_3 == empty + assign heading3Empty = true + endif + + if heading1Empty == false and block.settings.icon_1 != 'none' or block.settings.image_1 != null + assign textOnlyAllItems = false + elsif heading2Empty == false and block.settings.icon_2 != 'none' or block.settings.image_2 != null + assign textOnlyAllItems = false + elsif heading3Empty == false and block.settings.icon_3 != 'none' or block.settings.image_3 != null + assign textOnlyAllItems = false + endif + -%} + {%- endcase -%} {%- endfor -%} @@ -958,7 +1068,10 @@