From 7415b0a8651b9b23077dce50cfd9bb949340476c Mon Sep 17 00:00:00 2001 From: gsragrotraders Date: Tue, 28 Apr 2026 16:27:00 +0530 Subject: [PATCH 1/3] Create sendriya-brand.css --- assets/sendriya-brand.css | 172 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 172 insertions(+) create mode 100644 assets/sendriya-brand.css diff --git a/assets/sendriya-brand.css b/assets/sendriya-brand.css new file mode 100644 index 00000000000..90ccc05401d --- /dev/null +++ b/assets/sendriya-brand.css @@ -0,0 +1,172 @@ +/* SENDRIYA LIFE — BRAND OVERLAY CSS + Premium organic wellness · Inspired by thegoodleaf.in PDP + Loaded via layout/theme.liquid */ + +@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Poppins:wght@300;400;500;600;700&display=swap'); + +:root { + --sl-green-deep: #006838; + --sl-green-sage: #6F7E69; + --sl-orange: #E57152; + --sl-peach: #F2A263; + --sl-coral: #DD6C63; + --sl-rose: #B16776; + --sl-plum: #7C5366; + --sl-cream: #E3D4C6; + --sl-cream-light: #FAF6F0; + --sl-ink: #1F2A1F; + --sl-muted: #6B6B66; + --sl-font-heading: 'Playfair Display', 'Agatho', Georgia, serif; + --sl-font-body: 'Poppins', 'Inter', system-ui, sans-serif; + --sl-radius-card: 18px; + --sl-radius-pill: 999px; + --sl-shadow-soft: 0 4px 18px rgba(0,0,0,0.06); + --color-foreground: 31, 42, 31; + --color-background: 250, 246, 240; + --color-button: 0, 104, 56; + --color-button-text: 255, 255, 255; + --color-secondary-button: 31, 42, 31; + --color-link: 0, 104, 56; +} + +body, .gradient { + font-family: var(--sl-font-body) !important; + background: var(--sl-cream-light) !important; + color: var(--sl-ink); +} + +h1, h2, h3, .h1, .h2, .h3, +.product__title, .product__title h1, +.section-header__title, .banner__heading, .card__heading { + font-family: var(--sl-font-heading) !important; + font-weight: 600; + letter-spacing: -0.01em; + color: var(--sl-ink); +} + +.header { background: var(--sl-cream-light); border-bottom: 1px solid rgba(0,0,0,0.06); } +.header__heading-link, .header__menu-item { color: var(--sl-ink) !important; } +.header__menu-item:hover { color: var(--sl-green-deep) !important; } + +.button, button.shopify-payment-button__button { + border-radius: var(--sl-radius-pill) !important; + font-family: var(--sl-font-body) !important; + font-weight: 500; + letter-spacing: 0.02em; + padding: 14px 32px !important; + transition: transform .15s ease, box-shadow .15s ease; +} +.button--primary { background: var(--sl-green-deep) !important; color: #fff !important; border: none; } +.button--primary:hover { background: #00582f !important; transform: translateY(-1px); box-shadow: var(--sl-shadow-soft); } +.button--secondary { background: transparent !important; color: var(--sl-ink) !important; border: 1.5px solid var(--sl-ink) !important; } +.button--secondary:hover { background: var(--sl-ink) !important; color: #fff !important; } + +.product { background: var(--sl-cream-light); padding-top: 24px; } +.product__media-wrapper, .product__media-item, .product-media-container, +.product__media, .product__media img { + border-radius: var(--sl-radius-card) !important; + overflow: hidden; + background: #fff; +} +.product__title h1, .product__title { + font-size: clamp(2rem, 4vw, 3.25rem) !important; + line-height: 1.1; + margin-bottom: 12px; +} +.product__text.subtitle { + font-family: var(--sl-font-body); color: var(--sl-green-sage); + font-weight: 500; letter-spacing: 0.08em; + text-transform: uppercase; font-size: 0.78rem; +} + +.price__regular .price-item--regular, .price-item--regular { + font-family: var(--sl-font-heading); + font-size: 1.85rem; + color: var(--sl-green-deep); + font-weight: 600; +} + +.product__description, .rte { font-size: 1rem; line-height: 1.7; color: var(--sl-ink); } +.product__description p { margin-bottom: 1em; } + +.product-form__input input[type=radio] + label, .variant-input label { + border-radius: var(--sl-radius-pill) !important; + border: 1.5px solid rgba(0,0,0,0.15) !important; + padding: 8px 18px !important; + font-weight: 500; +} +.product-form__input input[type=radio]:checked + label { + background: var(--sl-green-deep) !important; + color: #fff !important; + border-color: var(--sl-green-deep) !important; +} + +.quantity { border-radius: var(--sl-radius-pill); border: 1.5px solid rgba(0,0,0,0.15); overflow: hidden; } + +.product-form__submit { + background: var(--sl-green-deep) !important; + color: #fff !important; + border-radius: var(--sl-radius-pill) !important; + font-weight: 600 !important; + letter-spacing: 0.04em; + text-transform: none; + font-size: 1rem !important; + padding: 16px 36px !important; +} +.product-form__submit:hover { background: #00582f !important; } + +.product-features, .product__benefits { + display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0; +} +.product-feature-chip { + display: inline-flex; align-items: center; gap: 8px; + background: var(--sl-cream); color: var(--sl-green-deep); + border-radius: var(--sl-radius-pill); padding: 8px 16px; + font-size: 0.85rem; font-weight: 500; letter-spacing: 0.02em; +} +.product-feature-chip::before { content: '*'; color: var(--sl-orange); font-size: 0.9em; } + +.feature-card, .icon-with-text__item { + background: #fff; border-radius: var(--sl-radius-card); + padding: 24px; box-shadow: var(--sl-shadow-soft); text-align: center; +} +.feature-card__icon, .icon-with-text__icon { + width: 56px; height: 56px; margin: 0 auto 14px; + background: var(--sl-cream); border-radius: 50%; + display: flex; align-items: center; justify-content: center; + color: var(--sl-green-deep); font-size: 24px; +} +.feature-card__title { font-family: var(--sl-font-heading); font-size: 1.15rem; margin-bottom: 8px; } +.feature-card__body { font-size: 0.92rem; color: var(--sl-muted); line-height: 1.55; } + +.brand-marquee { + background: var(--sl-green-deep); color: var(--sl-cream-light); + padding: 14px 0; font-family: var(--sl-font-body); font-weight: 500; + letter-spacing: 0.18em; text-transform: uppercase; font-size: 0.85rem; + overflow: hidden; white-space: nowrap; +} +.brand-marquee__inner { display: inline-flex; gap: 40px; animation: marquee 30s linear infinite; } +.brand-marquee__inner span::before { content: ' * '; color: var(--sl-orange); margin-right: 38px; } +@keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } + +.card-wrapper, .card { background: #fff !important; border-radius: var(--sl-radius-card) !important; overflow: hidden; } +.card__heading a { font-family: var(--sl-font-heading); font-size: 1.1rem; color: var(--sl-ink); } +.card-information .price { color: var(--sl-green-deep); font-weight: 600; } + +.footer { background: var(--sl-green-deep); color: var(--sl-cream-light); } +.footer a, .footer__list-item a { color: var(--sl-cream-light) !important; } +.footer__heading, .footer-block__heading { font-family: var(--sl-font-heading); color: #fff; } + +@media (max-width: 749px) { + .product-form { + position: sticky; bottom: 0; background: var(--sl-cream-light); + padding: 12px 16px; border-top: 1px solid rgba(0,0,0,0.08); z-index: 10; + } +} + +.banner__heading { font-size: clamp(2.5rem, 5.5vw, 4.5rem) !important; line-height: 1.05; } +.banner--medium { background: linear-gradient(135deg, #FAF6F0 0%, var(--sl-cream) 100%); } + +::selection { background: var(--sl-green-deep); color: #fff; } +a { color: var(--sl-green-deep); } +a:hover { color: var(--sl-orange); } From 87ba0004546792e5525754a636bd3c47b3928348 Mon Sep 17 00:00:00 2001 From: gsragrotraders Date: Tue, 28 Apr 2026 16:30:13 +0530 Subject: [PATCH 2/3] Update theme.liquid --- layout/theme.liquid | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/layout/theme.liquid b/layout/theme.liquid index 70db635823b..73641da8efd 100644 --- a/layout/theme.liquid +++ b/layout/theme.liquid @@ -296,7 +296,7 @@ document.documentElement.classList.add('shopify-design-mode'); } - + {{ 'sendriya-brand.css' | asset_url | stylesheet_tag }} -
- {%- for block in section.blocks -%} -
-
- {%- if block.settings.text != blank -%} - {%- if block.settings.link != blank -%} - - {%- endif -%} -

- {{ block.settings.text | escape }} - {%- if block.settings.link != blank -%} - {{- 'icon-arrow.svg' | inline_asset_content -}} - {%- endif -%} -

- {%- if block.settings.link != blank -%} - - {%- endif -%} - {%- endif -%} + +
+ {%- for block in section.blocks -%} +
+ {%- case block.type -%} + {%- when 'announcement_bar' -%} + {%- if block.settings.link != blank -%} + + {%- else -%} +
+ {%- endif -%} + {%- if block.settings.text != blank -%} +

{{ block.settings.text }}

+ {%- endif -%} + {%- if block.settings.link != blank -%} + + {%- else -%}
+ {%- endif -%} + {%- when 'timer' -%} +
+ {%- if block.settings.text != blank -%} +
{{ block.settings.text }}
+ {%- endif -%} + {%- if block.settings.type == 'evergreen' or block.settings.time != blank -%} + {%- render 'countdown-timer', + id: block.id, + type: block.settings.type, + duration: block.settings.duration, + time: block.settings.time, + number_size: 'h4', + custom_class: 'flex items-center justify-center', + block_class: 'font-body-bolder' + -%} + {%- endif -%} + {%- if block.settings.button_label != blank -%} + {% liquid + assign button_icon = block.settings.button_icon + assign is_button_icon = false + if button_icon != 'none' + assign is_button_icon = true + assign icon_file = button_icon | prepend: 'icon-' | append: '.svg' + endif + %} + + + {% if is_button_icon %} + + {% endif %} + + {% if button_icon != 'none' %} + {{ icon_file | inline_asset_content }} + {% else %} + {{ 'icon-caret-right.svg' | inline_asset_content }} + {% endif %} + + + {%- endif -%}
- {%- endfor -%} -
- + {%- endcase -%}
- - {%- if request.design_mode -%} - - - {%- endif -%} - {%- endif -%} -
- {%- if section.settings.enable_country_selector and localization.available_countries.size > 1 -%} - - {%- form 'localization', id: 'AnnouncementCountryForm', class: 'localization-form' -%} -
- - {%- render 'country-localization', localPosition: 'AnnouncementCountry' -%} -
- {%- endform -%} - - {% endif %} - - {%- if section.settings.enable_language_selector and localization.available_languages.size > 1 -%} - - {%- form 'localization', id: 'AnnouncementLanguageForm', class: 'localization-form' -%} -
- - {%- render 'language-localization', localPosition: 'AnnouncementLanguage' -%} -
- {%- endform -%} - - {%- endif -%} + {%- endfor -%}
-
+ {%- if section.blocks.size > 1 -%} +
+
+ {%- render 'icon-slider-prev', size: 'small' -%} +
+
+
+ {%- render 'icon-slider-next', size: 'small' -%} +
+
+ {%- endif -%} +
- {% schema %} { "name": "t:sections.announcement-bar.name", - "max_blocks": 12, "class": "announcement-bar-section", - "enabled_on": { - "groups": ["header"] - }, "settings": [ { - "type": "checkbox", - "id": "auto_rotate", - "label": "t:sections.announcement-bar.settings.auto_rotate.label", - "default": false + "type": "color_scheme", + "id": "color_scheme", + "label": "t:general.colors.label", + "default": "scheme-inverse" }, { "type": "range", - "id": "change_slides_speed", - "min": 3, - "max": 10, + "id": "content_width", + "label": "t:general.content_width.label", + "min": 20, + "max": 100, + "unit": "%", "step": 1, - "unit": "s", - "label": "t:sections.announcement-bar.settings.change_slides_speed.label", - "default": 5 - }, - { - "type": "color_scheme", - "id": "color_scheme", - "label": "t:sections.all.colors.label", - "default": "scheme-4" - }, + "default": 30 + }, { "type": "checkbox", - "id": "show_line_separator", - "default": true, - "label": "t:sections.header.settings.show_line_separator.label" + "id": "autoplay", + "label": "t:general.carousel.autoplay.label", + "default": true }, { - "type": "header", - "content": "t:sections.announcement-bar.settings.heading_utilities.content" + "type": "range", + "id": "autoplay_speed", + "label": "t:general.carousel.autoplay_delay.label", + "min": 3, + "max": 10, + "step": 1, + "default": 5, + "unit": "s" }, { - "type": "paragraph", - "content": "t:sections.announcement-bar.settings.paragraph.content" - }, - { - "type": "checkbox", - "id": "show_social", - "default": false, - "label": "t:sections.announcement-bar.settings.show_social.label", - "info": "t:sections.announcement-bar.settings.show_social.info" + "type": "header", + "content": "t:general.padding.section_heading.content" }, { - "type": "checkbox", - "id": "enable_country_selector", - "default": false, - "label": "t:sections.announcement-bar.settings.enable_country_selector.label", - "info": "t:sections.announcement-bar.settings.enable_country_selector.info" + "type": "range", + "id": "padding_top", + "label": "t:general.padding.top.label", + "default": 12, + "min": 0, + "max": 50, + "step": 1, + "unit": "px" }, { - "type": "checkbox", - "id": "enable_language_selector", - "default": false, - "label": "t:sections.announcement-bar.settings.enable_language_selector.label", - "info": "t:sections.announcement-bar.settings.enable_language_selector.info" + "type": "range", + "id": "padding_bottom", + "label": "t:general.padding.bottom.label", + "default": 12, + "min": 0, + "max": 50, + "step": 1, + "unit": "px" } ], "blocks": [ { - "type": "announcement", + "type": "announcement_bar", "name": "t:sections.announcement-bar.blocks.announcement.name", "settings": [ { - "type": "text", + "type": "inline_richtext", "id": "text", - "default": "t:sections.announcement-bar.blocks.announcement.settings.text.default", - "label": "t:sections.announcement-bar.blocks.announcement.settings.text.label" + "label": "t:general.text.label", + "default": "Welcome to our store" }, { "type": "url", "id": "link", - "label": "t:sections.announcement-bar.blocks.announcement.settings.link.label" + "label": "t:general.link.label" + } + ] + }, + { + "type": "timer", + "name": "t:general.timer.name", + "settings": [ + { + "type": "select", + "id": "type", + "label": "t:general.timer.type.label", + "options": [ + { + "value": "evergreen", + "label": "t:general.timer.type.options__1.label" + }, + { + "value": "fixed_time", + "label": "t:general.timer.type.options__2.label" + } + ], + "default": "evergreen" + }, + { + "type": "header", + "content": "t:general.timer.header__evergreen.content" + }, + { + "type": "select", + "id": "duration", + "label": "t:general.timer.evergreen_duration.label", + "options": [ + { + "value": "every_2_hrs", + "label": "t:general.timer.evergreen_duration.options__every_2_hrs.label" + }, + { + "value": "every_6_hrs", + "label": "t:general.timer.evergreen_duration.options__every_6_hrs.label" + }, + { + "value": "every_12_hrs", + "label": "t:general.timer.evergreen_duration.options__every_12_hrs.label" + }, + { + "value": "every_24_hrs", + "label": "t:general.timer.evergreen_duration.options__every_24_hrs.label" + }, + { + "value": "every_week", + "label": "t:general.timer.evergreen_duration.options__every_week.label" + }, + { + "value": "every_month", + "label": "t:general.timer.evergreen_duration.options__every_month.label" + } + ], + "default": "every_month" + }, + { + "type": "header", + "content": "t:general.timer.header__fixed_time.content" + }, + { + "type": "text", + "id": "time", + "default": "2025/08/20 03:45 PM", + "label": "t:general.timer.time.label", + "info": "t:general.timer.time.info" + }, + { + "type": "header", + "content": "t:general.header__content_settings.content" + }, + { + "type": "textarea", + "id": "text", + "label": "t:general.text.label", + "default": "Sales end in" + }, + { + "type": "text", + "id": "button_label", + "label": "t:general.button.button_label.label" + }, + { + "type": "url", + "id": "button_link", + "label": "t:general.button.button_link.label" + }, + { + "type": "select", + "id": "button_style", + "label": "t:general.button.button_style.label", + "options": [ + { + "value": "btn--primary", + "label": "t:general.button.button_style.options__1.label" + }, + { + "value": "btn--secondary", + "label": "t:general.button.button_style.options__2.label" + }, + { + "value": "btn--underline", + "label": "t:general.button.button_style.options__4.label" + }, + { + "value": "btn--plain", + "label": "t:general.button.button_style.options__7.label" + } + ], + "default": "btn--primary" + }, + { + "type": "select", + "id": "button_icon", + "label": "t:general.button.button_icon.label", + "options": [ + { + "value": "none", + "label": "t:general.button.button_icon.options__1.label" + }, + { + "value": "caret-right", + "label": "t:general.button.button_icon.options__2.label" + }, + { + "value": "caret-left", + "label": "t:general.button.button_icon.options__22.label" + }, + { + "value": "arrow-right", + "label": "t:general.button.button_icon.options__3.label" + }, + { + "value": "arrow-left", + "label": "t:general.button.button_icon.options__23.label" + }, + { + "value": "close", + "label": "t:general.button.button_icon.options__4.label" + }, + { + "value": "home", + "label": "t:general.button.button_icon.options__5.label" + }, + { + "value": "search", + "label": "t:general.button.button_icon.options__6.label" + }, + { + "value": "hamburger", + "label": "t:general.button.button_icon.options__7.label" + }, + { + "value": "pencil", + "label": "t:general.button.button_icon.options__8.label" + }, + { + "value": "plus", + "label": "t:general.button.button_icon.options__9.label" + }, + { + "value": "cart", + "label": "t:general.button.button_icon.options__10.label" + }, + { + "value": "account", + "label": "t:general.button.button_icon.options__11.label" + }, + { + "value": "sign-in", + "label": "t:general.button.button_icon.options__12.label" + }, + { + "value": "chat", + "label": "t:general.button.button_icon.options__13.label" + }, + { + "value": "download", + "label": "t:general.button.button_icon.options__14.label" + }, + { + "value": "upload", + "label": "t:general.button.button_icon.options__15.label" + }, + { + "value": "heart", + "label": "t:general.button.button_icon.options__16.label" + }, + { + "value": "play-outline", + "label": "t:general.button.button_icon.options__17.label" + }, + { + "value": "pause", + "label": "t:general.button.button_icon.options__18.label" + }, + { + "value": "stop", + "label": "t:general.button.button_icon.options__19.label" + }, + { + "value": "speaker", + "label": "t:general.button.button_icon.options__20.label" + }, + { + "value": "setting", + "label": "t:general.button.button_icon.options__21.label" + } + ], + "default": "none" } ] } ], + "enabled_on": { + "groups": ["header"] + }, "presets": [ { - "name": "t:sections.announcement-bar.presets.name", + "name": "t:sections.announcement-bar.name", "blocks": [ { - "type": "announcement" + "type": "announcement_bar" } ] } diff --git a/sections/apps.liquid b/sections/apps.liquid index ce3adf469e8..a67321b7cdd 100644 --- a/sections/apps.liquid +++ b/sections/apps.liquid @@ -1,7 +1,15 @@ -
- {%- for block in section.blocks -%} - {% render block %} - {%- endfor -%} + +
+
+ {%- for block in section.blocks -%} + {% render block %} + {%- endfor -%} +
{% schema %} @@ -15,6 +23,30 @@ "id": "include_margins", "default": true, "label": "t:sections.apps.settings.include_margins.label" + }, + { + "type": "header", + "content": "t:general.padding.section_heading.content" + }, + { + "type": "range", + "id": "padding_top", + "min": 0, + "max": 100, + "step": 2, + "unit": "px", + "label": "t:general.padding.top.label", + "default": 0 + }, + { + "type": "range", + "id": "padding_bottom", + "min": 0, + "max": 100, + "step": 2, + "unit": "px", + "label": "t:general.padding.bottom.label", + "default": 0 } ], "blocks": [ @@ -24,7 +56,7 @@ ], "presets": [ { - "name": "t:sections.apps.presets.name" + "name": "t:sections.apps.name" } ] } diff --git a/sections/banner-with-tabs.liquid b/sections/banner-with-tabs.liquid new file mode 100644 index 00000000000..89d2d7256f7 --- /dev/null +++ b/sections/banner-with-tabs.liquid @@ -0,0 +1,966 @@ +{{ 'section-banner-with-tabs.css' | asset_url | stylesheet_tag }} + + +{% liquid + assign desktop_height = section.settings.desktop_height + assign mobile_height = section.settings.mobile_height + + assign loading = 'lazy' + assign fetchpriority = 'auto' + + if section.index == 1 or section.settings.enable_preload_image + assign loading = 'eager' + assign fetchpriority = 'high' + endif + + assign tab_icon_size = section.settings.tab_icon_size + assign tab_icon_thickness = 'thick' + assign motion_delay = 50 + + assign block_size = section.blocks.size + + assign first_block = section.blocks.first + assign aspect_ratio = first_block.settings.background.aspect_ratio | default: 2.333 + assign aspect_ratio_mobile = first_block.settings.background_mobile.aspect_ratio | default: 1.778 +%} + +{% style %} + #shopify-section-{{ section.id }} { + --section-padding-top: {{ section.settings.padding_top }}px; + --section-padding-bottom: {{ section.settings.padding_bottom }}px; + + {%- if desktop_height == 'adapt' %} + --media-ratio: {{ aspect_ratio }}; + {% endif -%} + } + + {%- if mobile_height == 'adapt' %} + @media screen and (max-width: 767px) { + #shopify-section-{{ section.id }} { + --media-ratio-mobile: {{ aspect_ratio_mobile }}; + } + } + {% endif -%} +{% endstyle %} +{% if block_size > 0 %} + +{% endif %} +{% schema %} +{ + "name": "t:sections.banner-with-tabs.name", + "disabled_on": { + "groups": ["footer", "header", "custom.overlay"] + }, + "settings": [ + { + "type": "header", + "content": "t:general.general.name" + }, + { + "type": "color_scheme", + "id": "color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "select", + "id": "desktop_height", + "label": "t:general.desktop_height.label", + "options": [ + { + "label": "t:general.height.options__1.label", + "value": "adapt" + }, + { + "label": "t:general.height.options__2.label", + "value": "extra-small" + }, + { + "label": "t:general.height.options__3.label", + "value": "small" + }, + { + "label": "t:general.height.options__4.label", + "value": "medium" + }, + { + "label": "t:general.height.options__5.label", + "value": "extra-medium" + }, + { + "label": "t:general.height.options__6.label", + "value": "large" + }, + { + "label": "t:general.height.options__7.label", + "value": "extra-large" + } + ], + "default": "adapt" + }, + { + "type": "range", + "id": "image_overlay_opacity", + "min": 0, + "max": 100, + "step": 5, + "unit": "%", + "label": "t:general.image_overlay_opacity.label", + "default": 0 + }, + { + "type": "header", + "content": "t:general.section_header.content" + }, + { + "type": "inline_richtext", + "id": "heading", + "label": "t:general.heading.label", + "default": "Banner with tabs", + "info": "t:general.heading.info" + }, + { + "type": "select", + "id": "highlight_style", + "label": "t:general.highlight_text.highlight_style.label", + "options": [ + { + "value": "none", + "label": "t:general.highlight_text.highlight_style.options.option__1.label" + }, + { + "value": "hand_drawn_circle", + "label": "t:general.highlight_text.highlight_style.options.option__2.label" + }, + { + "value": "thick_underline", + "label": "t:general.highlight_text.highlight_style.options.option__3.label" + }, + { + "value": "wave_underline", + "label": "t:general.highlight_text.highlight_style.options.option__4.label" + } + ] + }, + { + "type": "select", + "id": "highlight_font_style", + "label": "t:general.highlight_text.highlight_font_style.label", + "options": [ + { + "value": "italic", + "label": "t:general.highlight_text.highlight_font_style.options.option__1.label" + }, + { + "value": "normal", + "label": "t:general.highlight_text.highlight_font_style.options.option__2.label" + } + ] + }, + { + "type": "color", + "id": "highlight_style_color", + "label": "t:general.highlight_text.highlight_style_color.label" + }, + { + "type": "color", + "id": "highlight_text_color", + "label": "t:general.highlight_text.highlight_text_color.label" + }, + { + "type": "select", + "id": "heading_size", + "label": "t:general.text_size.heading.label", + "default": "h5", + "options": [ + { + "value": "h6", + "label": "t:general.text_size.options__h6.label" + }, + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ] + }, + { + "type": "header", + "content": "t:sections.banner-with-tabs.settings.header__tab_settings.content" + }, + { + "type": "select", + "id": "tab_heading_size", + "label": "t:general.text_size.title.label", + "default": "h1", + "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ] + }, + { + "type": "select", + "id": "tab_icon_size", + "options": [ + { + "value": "extra-small", + "label": "t:general.icon_size.options__xs.label" + }, + { + "value": "small", + "label": "t:general.icon_size.options__sm.label" + }, + { + "value": "extra-medium", + "label": "t:general.icon_size.options__xmd.label" + }, + { + "value": "medium", + "label": "t:general.icon_size.options__md.label" + }, + { + "value": "large", + "label": "t:general.icon_size.options__lg.label" + }, + { + "value": "extra-large", + "label": "t:general.icon_size.options__xl.label" + } + ], + "default": "large", + "label": "t:general.icon_size.label" + }, + { + "type": "header", + "content": "t:general.header__card_settings.content" + }, + { + "type": "color_scheme", + "id": "card_color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "select", + "id": "card_content_alignment", + "options": [ + { + "value": "left", + "label": "t:general.content_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.content_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.content_alignment.options__3.label" + } + ], + "default": "left", + "label": "t:general.content_alignment.label" + }, + { + "type": "select", + "id": "card_image_ratio", + "label": "t:general.image_ratio.label", + "default": "adapt", + "options": [ + { + "value": "adapt", + "label": "t:general.image_ratio.options__1.label" + }, + { + "value": "1/1", + "label": "t:general.image_ratio.options__2.label" + }, + { + "value": "3/4", + "label": "t:general.image_ratio.options__3.label" + }, + { + "value": "4/3", + "label": "t:general.image_ratio.options__4.label" + } + ] + }, + { + "type": "select", + "id": "card_title_size", + "label": "t:general.text_size.title.label", + "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + } + ], + "default": "h5" + }, + { + "type": "select", + "id": "card_text_size", + "label": "t:general.text_size.text.label", + "default": "text-base", + "options": [ + { + "value": "text-sm", + "label": "t:general.text_size.options__small.label" + }, + { + "value": "text-base", + "label": "t:general.text_size.options__base.label" + }, + { + "value": "text-lg", + "label": "t:general.text_size.options__large.label" + }, + { + "value": "text-inherit", + "label": "t:general.text_size.options__inherit.label" + } + ] + }, + { + "type": "select", + "id": "card_button_style", + "label": "t:general.button.button_style.label", + "options": [ + { + "value": "btn--primary", + "label": "t:general.button.button_style.options__1.label" + }, + { + "value": "btn--secondary", + "label": "t:general.button.button_style.options__2.label" + }, + { + "value": "btn--underline", + "label": "t:general.button.button_style.options__4.label" + }, + { + "value": "btn--plain", + "label": "t:general.button.button_style.options__7.label" + } + ], + "default": "btn--primary" + }, + { + "type": "header", + "content": "t:general.header__mobile_settings.content" + }, + { + "type": "select", + "id": "mobile_height", + "label": "t:general.mobile_height.label", + "options": [ + { + "value": "auto", + "label": "t:general.height.options__8.label" + }, + { + "value": "small", + "label": "t:general.height.options__3.label" + }, + { + "value": "medium", + "label": "t:general.height.options__4.label" + }, + { + "value": "large", + "label": "t:general.height.options__6.label" + }, + { + "value": "extra-large", + "label": "t:general.height.options__7.label" + }, + { + "label": "t:general.height.options__1.label", + "value": "adapt" + } + ] + }, + { + "type": "header", + "content": "t:general.padding.section_heading.content" + }, + { + "type": "range", + "id": "padding_top", + "min": 0, + "max": 100, + "step": 2, + "unit": "px", + "label": "t:general.padding.top.label", + "default": 0 + }, + { + "type": "range", + "id": "padding_bottom", + "min": 0, + "max": 100, + "step": 2, + "unit": "px", + "label": "t:general.padding.bottom.label", + "default": 0 + }, + { + "type": "header", + "content": "t:general.header__advanced.content" + }, + { + "type": "checkbox", + "id": "enable_preload_image", + "label": "t:general.enable_preload_image.label", + "info": "t:general.enable_preload_image.info" + } + ], + "max_blocks": 5, + "blocks": [ + { + "type": "tab", + "name": "t:sections.banner-with-tabs.blocks.tab.name", + "settings": [ + { + "type": "text", + "id": "tab_title", + "label": "t:sections.banner-with-tabs.blocks.tab.settings.tab_title.label" + }, + { + "type": "select", + "id": "tab_icon", + "options": [ + { + "value": "none", + "label": "t:general.icon.options__1.label" + }, + { + "value": "headphone", + "label": "t:general.icon.options__31.label" + }, + { + "value": "approximate-equal", + "label": "t:general.icon.options__32.label" + }, + { + "value": "speaker-hifi", + "label": "t:general.icon.options__33.label" + }, + { + "value": "home", + "label": "t:general.button.button_icon.options__5.label" + }, + { + "value": "search", + "label": "t:general.button.button_icon.options__6.label" + }, + { + "value": "hamburger", + "label": "t:general.button.button_icon.options__7.label" + }, + { + "value": "pencil", + "label": "t:general.button.button_icon.options__8.label" + }, + { + "value": "plus", + "label": "t:general.button.button_icon.options__9.label" + }, + { + "value": "cart", + "label": "t:general.button.button_icon.options__10.label" + }, + { + "value": "account", + "label": "t:general.button.button_icon.options__11.label" + }, + { + "value": "sign-in", + "label": "t:general.button.button_icon.options__12.label" + }, + { + "value": "chat", + "label": "t:general.button.button_icon.options__13.label" + }, + { + "value": "download", + "label": "t:general.button.button_icon.options__14.label" + }, + { + "value": "upload", + "label": "t:general.button.button_icon.options__15.label" + }, + { + "value": "heart", + "label": "t:general.button.button_icon.options__16.label" + }, + { + "value": "play-outline", + "label": "t:general.button.button_icon.options__17.label" + }, + { + "value": "pause", + "label": "t:general.button.button_icon.options__18.label" + }, + { + "value": "stop", + "label": "t:general.button.button_icon.options__19.label" + }, + { + "value": "speaker", + "label": "t:general.button.button_icon.options__20.label" + }, + { + "value": "setting", + "label": "t:general.button.button_icon.options__21.label" + } + ], + "default": "none", + "label": "t:general.icon.label" + }, + { + "type": "header", + "content": "t:general.image.label" + }, + { + "type": "image_picker", + "id": "background", + "label": "t:general.image_desktop.label", + "info": "t:general.image_desktop.info" + }, + { + "type": "image_picker", + "id": "background_mobile", + "label": "t:general.image_mobile.label", + "info": "t:general.image_mobile.info" + }, + { + "type": "header", + "content": "t:general.image_card.label" + }, + { + "type": "url", + "id": "card_link", + "label": "t:general.card_link.label" + }, + { + "type": "image_picker", + "id": "image", + "label": "t:general.image.label" + }, + { + "type": "inline_richtext", + "id": "subheading", + "label": "t:general.subheading.label" + }, + { + "type": "inline_richtext", + "id": "heading", + "default": "Image card", + "label": "t:general.heading.label", + "info": "t:general.heading.info" + }, + { + "type": "select", + "id": "highlight_style", + "label": "t:general.highlight_text.highlight_style.label", + "options": [ + { + "value": "none", + "label": "t:general.highlight_text.highlight_style.options.option__1.label" + }, + { + "value": "hand_drawn_circle", + "label": "t:general.highlight_text.highlight_style.options.option__2.label" + }, + { + "value": "thick_underline", + "label": "t:general.highlight_text.highlight_style.options.option__3.label" + }, + { + "value": "wave_underline", + "label": "t:general.highlight_text.highlight_style.options.option__4.label" + } + ] + }, + { + "type": "select", + "id": "highlight_font_style", + "label": "t:general.highlight_text.highlight_font_style.label", + "options": [ + { + "value": "italic", + "label": "t:general.highlight_text.highlight_font_style.options.option__1.label" + }, + { + "value": "normal", + "label": "t:general.highlight_text.highlight_font_style.options.option__2.label" + } + ] + }, + { + "type": "color", + "id": "highlight_style_color", + "label": "t:general.highlight_text.highlight_style_color.label" + }, + { + "type": "color", + "id": "highlight_text_color", + "label": "t:general.highlight_text.highlight_text_color.label" + }, + { + "type": "richtext", + "id": "description", + "label": "t:general.text.label" + }, + { + "type": "text", + "id": "button_label", + "label": "t:general.button.button_label.label", + "default": "Button label" + }, + { + "type": "select", + "id": "button_icon", + "label": "t:general.button.button_icon.label", + "options": [ + { + "value": "none", + "label": "t:general.button.button_icon.options__1.label" + }, + { + "value": "caret-right", + "label": "t:general.button.button_icon.options__2.label" + }, + { + "value": "caret-left", + "label": "t:general.button.button_icon.options__22.label" + }, + { + "value": "arrow-right", + "label": "t:general.button.button_icon.options__3.label" + }, + { + "value": "arrow-left", + "label": "t:general.button.button_icon.options__23.label" + }, + { + "value": "close", + "label": "t:general.button.button_icon.options__4.label" + }, + { + "value": "home", + "label": "t:general.button.button_icon.options__5.label" + }, + { + "value": "search", + "label": "t:general.button.button_icon.options__6.label" + }, + { + "value": "hamburger", + "label": "t:general.button.button_icon.options__7.label" + }, + { + "value": "pencil", + "label": "t:general.button.button_icon.options__8.label" + }, + { + "value": "plus", + "label": "t:general.button.button_icon.options__9.label" + }, + { + "value": "cart", + "label": "t:general.button.button_icon.options__10.label" + }, + { + "value": "account", + "label": "t:general.button.button_icon.options__11.label" + }, + { + "value": "sign-in", + "label": "t:general.button.button_icon.options__12.label" + }, + { + "value": "chat", + "label": "t:general.button.button_icon.options__13.label" + }, + { + "value": "download", + "label": "t:general.button.button_icon.options__14.label" + }, + { + "value": "upload", + "label": "t:general.button.button_icon.options__15.label" + }, + { + "value": "heart", + "label": "t:general.button.button_icon.options__16.label" + }, + { + "value": "play-outline", + "label": "t:general.button.button_icon.options__17.label" + }, + { + "value": "pause", + "label": "t:general.button.button_icon.options__18.label" + }, + { + "value": "stop", + "label": "t:general.button.button_icon.options__19.label" + }, + { + "value": "speaker", + "label": "t:general.button.button_icon.options__20.label" + }, + { + "value": "setting", + "label": "t:general.button.button_icon.options__21.label" + } + ], + "default": "none" + } + ] + } + ], + "presets": [ + { + "name": "t:sections.banner-with-tabs.presets.name", + "blocks": [ + { + "type": "tab" + }, + { + "type": "tab" + }, + { + "type": "tab" + } + ] + } + ] +} +{% endschema %} \ No newline at end of file diff --git a/sections/banners-with-categories.liquid b/sections/banners-with-categories.liquid new file mode 100644 index 00000000000..2e72fc46630 --- /dev/null +++ b/sections/banners-with-categories.liquid @@ -0,0 +1,1346 @@ +{{ 'component-grid-banner.css' | asset_url | stylesheet_tag }} +{{ 'section-banners-with-categories.css' | asset_url | stylesheet_tag }} +{%- liquid + assign button_block = section.blocks | where: 'type', 'button' | first + assign heading_block = section.blocks | where: 'type', 'heading' | first + assign category_blocks = section.blocks | where: 'type', 'category' + assign card_blocks = section.blocks | where: 'type', 'banner-card' + + assign swipe_on_mobile = section.settings.swipe_on_mobile + + assign columns_desktop = section.settings.columns + assign motion_delay = 50 +-%} +{% style %} + .section-{{ section.id }} { + --section-padding-top: {{ section.settings.padding_top }}px; + --section-padding-bottom: {{ section.settings.padding_bottom }}px; + } +{% endstyle %} +{% render 'divider', + show_divider: section.settings.show_section_divider, + divider_width: section.settings.divider_width +%} +
+
+
+
+ {%- if card_blocks != blank -%} +
+
+ {%- for block in card_blocks -%} + {%- liquid + assign image_sizes = '' + -%} + {%- capture image_sizes -%} + (min-width: 768px) calc((min(100vw, {{ settings.page_width }}) - clamp(20%, 28rem, 30%)) / {{ section.settings.columns }} * {{ block.settings.column_span }}), 100vw + {%- endcapture -%} + {%- liquid + # Reset variables for each block + assign other_classes = '' + assign block_ratio_styles = '' + # Save current block index before inner loop + assign current_block_index = forloop.index + + # Only process if block has custom class + if block.settings.block_custom_class != blank + assign custom_classes = block.settings.block_custom_class | split: ' ' + + for class in custom_classes + if class contains 'ratio' + # Parse ratio class: breakpoint:ratio:value + assign class_parts = class | split: ':' + if class_parts.size == 3 + assign breakpoint = class_parts[0] + assign ratio_value = class_parts[2] + + # Convert ratio value (e.g., "2/1" to "2 / 1") + assign ratio_formatted = ratio_value | replace: '/', ' / ' + + # Generate CSS for current block using saved index + case breakpoint + when 'lg' + assign block_ratio_styles = block_ratio_styles | append: '@media (min-width: 1200px) { .section-' | append: section.id | append: ' [data-index="' | append: current_block_index | append: '"] .card-media { aspect-ratio: ' | append: ratio_formatted | append: '; } }' + when 'xl' + assign block_ratio_styles = block_ratio_styles | append: '@media (min-width: 1440px) { .section-' | append: section.id | append: ' [data-index="' | append: current_block_index | append: '"] .card-media { aspect-ratio: ' | append: ratio_formatted | append: '; } }' + when '2xl' + assign block_ratio_styles = block_ratio_styles | append: '@media (min-width: 1536px) { .section-' | append: section.id | append: ' [data-index="' | append: current_block_index | append: '"] .card-media { aspect-ratio: ' | append: ratio_formatted | append: '; } }' + endcase + endif + else + if class != blank + assign other_classes = other_classes | append: class | append: ' ' + endif + endif + endfor + + assign other_classes = other_classes | strip + else + assign other_classes = block.settings.block_custom_class + endif + -%} + + {%- if block_ratio_styles != blank -%} + + {%- endif -%} +
+ {%- render 'card-image', + parent_color_scheme: section.settings.color_scheme, + color_scheme: block.settings.color_scheme, + link: block.settings.card_link, + image: block.settings.image, + image_mobile: block.settings.image_mobile, + image_ratio: 'adapt', + image_overlay_opacity: block.settings.image_overlay_opacity, + image_sizes: image_sizes, + heading: block.settings.heading, + highlight_style: block.settings.highlight_style, + highlight_font_style: block.settings.highlight_font_style, + highlight_style_color: block.settings.highlight_style_color, + highlight_text_color: block.settings.highlight_text_color, + heading_size: block.settings.heading_size, + subheading: block.settings.subheading, + subheading_style: block.settings.subheading_style, + description: block.settings.text, + description_size: block.settings.text_size, + button_label: block.settings.button_label, + button_style: block.settings.button_style, + button_icon: block.settings.button_icon, + button_size: block.settings.button_size, + rich_text_size: block.settings.content_gap, + content_spacing: block.settings.content_spacing, + content_position: block.settings.content_position, + content_position_mobile: block.settings.content_position_mobile, + content_alignment: block.settings.content_alignment, + content_alignment_mobile: block.settings.content_alignment_mobile, + enable_preload_image: block.settings.enable_preload_image, + section_index: section.index, + forloop_index: forloop.index, + heading_size_custom: block.settings.heading_size_custom, + heading_size_mobile: block.settings.heading_size_mobile + -%} +
+ {%- endfor -%} +
+
+ {%- endif -%} +
+
+
+ {%- if heading_block != blank and heading_block.settings.heading != blank -%} +

+ + {% render 'highlight-text', + hl_text: heading_block.settings.heading, + hl_style: heading_block.settings.highlight_style, + hl_font_style: heading_block.settings.highlight_font_style, + hl_style_color: heading_block.settings.highlight_style_color, + hl_text_color: heading_block.settings.highlight_text_color + %} + +

+ {%- assign motion_delay = motion_delay | plus: 50 -%} + {%- endif -%} + {%- if category_blocks != blank -%} +
+ {%- for block in category_blocks -%} + {%- liquid + assign tag = 'div' + if block.settings.link != blank + assign tag = 'a' + endif + -%} + <{{ tag }} + {% if block.settings.link != blank %} + href="{{ block.settings.link }}" + {% endif %} + class="f-column categories__item relative text-center flex items-center flex-col gap-3" + {{ block.shopify_attributes }} + > +
+ {%- if block.settings.image != blank -%} + {{ + block.settings.image + | image_url: width: 1000 + | image_tag: + alt: block.settings.heading, + loading: 'lazy', + widths: '60,120,180', + class: 'motion-reduce w-full', + sizes: '60px', + height: 60, + width: 60 + }} + {%- else -%} + {{ 'image' | placeholder_svg_tag: 'placeholder-svg' }} + {%- endif -%} +
+ {%- if block.settings.heading != blank -%} +
+ {{ block.settings.heading }} +
+ {%- endif -%} + + {%- endfor -%} +
+ {%- endif -%} + {%- if button_block.settings.button_label != blank -%} + + {% assign extra_class = '' %} + {% unless button_block.settings.button_style == 'btn--underline' %} + {% assign extra_class = 'w-full' %} + {% endunless %} + {% render 'button', + button_style: button_block.settings.button_style, + button_link: button_block.settings.button_link, + button_label: button_block.settings.button_label, + button_icon: button_block.settings.button_icon, + additional_classes: extra_class + %} + + {%- endif -%} +
+
+
+
+
+{% schema %} +{ + "name": "t:sections.banners-with-categories.name", + "disabled_on": { + "groups": ["header", "footer", "custom.overlay"] + }, + "settings": [ + { + "type": "header", + "content": "t:general.general.name" + }, + { + "type": "select", + "id": "container", + "options": [ + { + "value": "full", + "label": "t:general.container.options__full.label" + }, + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + } + ], + "default": "fixed", + "label": "t:general.container.label" + }, + { + "type": "color_scheme", + "id": "color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "header", + "content": "t:general.header__category_bar.content" + }, + { + "type": "color_scheme", + "id": "categories_bar_color_scheme", + "label": "t:general.colors.label", + "default": "scheme-2" + }, + { + "type": "select", + "id": "columns_mobile", + "label": "t:general.mobile.columns_mobile.label", + "options": [ + { + "value": "1", + "label": "t:general.mobile.columns_mobile.options__1.label" + }, + { + "value": "2", + "label": "t:general.mobile.columns_mobile.options__2.label" + }, + { + "value": "3", + "label": "t:general.mobile.columns_mobile.options__3.label" + }, + { + "value": "4", + "label": "t:general.mobile.columns_mobile.options__4.label" + } + ], + "default": "2" + }, + { + "type": "header", + "content": "t:general.header__banner_settings.content" + }, + { + "type": "range", + "id": "columns", + "label": "t:general.grid.columns_desktop.label", + "min": 2, + "max": 4, + "step": 1, + "default": 3 + }, + { + "type": "select", + "id": "gap", + "label": "t:general.grid.column_gap.label", + "default": "2xs", + "options": [ + { + "value": "none", + "label": "t:general.grid.gap.options__none.label" + }, + { + "value": "2xs", + "label": "t:general.grid.gap.options__2xs.label" + }, + { + "value": "extra-small", + "label": "t:general.grid.gap.options__xs.label" + }, + { + "value": "small", + "label": "t:general.grid.gap.options__sm.label" + }, + { + "value": "medium", + "label": "t:general.grid.gap.options__md.label" + }, + { + "value": "large", + "label": "t:general.grid.gap.options__lg.label" + }, + { + "value": "extra-large", + "label": "t:general.grid.gap.options__xl.label" + } + ] + }, + { + "type": "select", + "id": "banner_height", + "label": "t:sections.grid-banner.settings.banner_height.label", + "default": "large", + "options": [ + { + "value": "auto", + "label": "t:general.height.options__8.label" + }, + { + "value": "small", + "label": "t:general.height.options__3.label" + }, + { + "value": "medium", + "label": "t:general.height.options__4.label" + }, + { + "value": "large", + "label": "t:general.height.options__6.label" + } + ] + }, + { + "type": "checkbox", + "id": "swipe_on_mobile", + "label": "t:general.mobile.swipe_on_mobile.label", + "default": false + }, + { + "type": "header", + "content": "t:general.padding.section_heading.content" + }, + { + "type": "range", + "id": "padding_top", + "label": "t:general.padding.top.label", + "default": 50, + "min": 0, + "max": 100, + "step": 2, + "unit": "px" + }, + { + "type": "range", + "id": "padding_bottom", + "label": "t:general.padding.bottom.label", + "default": 50, + "min": 0, + "max": 100, + "step": 2, + "unit": "px" + }, + { + "type": "header", + "content": "t:general.divider.section_heading.content" + }, + { + "type": "checkbox", + "id": "show_section_divider", + "default": false, + "label": "t:general.divider.show_divider.label" + }, + { + "type": "select", + "id": "divider_width", + "options": [ + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + }, + { + "value": "full", + "label": "t:general.container.options__full.label" + } + ], + "default": "fixed", + "label": "t:general.divider.width.label" + } + ], + "blocks": [ + { + "type": "banner-card", + "name": "t:sections.grid-banner.blocks.banner_card.name", + "settings": [ + { + "type": "header", + "content": "t:general.general.name" + }, + { + "type": "color_scheme", + "id": "color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "image_picker", + "id": "image", + "label": "t:general.image.label" + }, + { + "type": "image_picker", + "id": "image_mobile", + "label": "t:general.image_mobile.label" + }, + { + "type": "range", + "id": "image_overlay_opacity", + "label": "t:general.image_overlay_opacity.label", + "min": 0, + "max": 100, + "unit": "%", + "step": 5, + "default": 0 + }, + { + "type": "header", + "content": "t:sections.grid-banner.blocks.banner_card.settings.banner_size.content" + }, + { + "type": "range", + "id": "column_span", + "label": "t:sections.grid-banner.blocks.banner_card.settings.column_span.label", + "min": 1, + "max": 4, + "step": 1, + "default": 1 + }, + { + "type": "range", + "id": "row_span", + "label": "t:sections.grid-banner.blocks.banner_card.settings.row_span.label", + "min": 1, + "max": 3, + "step": 1, + "default": 1 + }, + { + "type": "header", + "content": "t:general.content.label" + }, + { + "type": "select", + "id": "content_spacing", + "label": "t:general.content_spacing.label", + "default": "medium", + "options": [ + { + "value": "extra-small", + "label": "t:general.content_spacing.options__4.label" + }, + { + "value": "small", + "label": "t:general.content_spacing.options__1.label" + }, + { + "value": "medium", + "label": "t:general.content_spacing.options__2.label" + }, + { + "value": "large", + "label": "t:general.content_spacing.options__3.label" + } + ] + }, + { + "type": "select", + "id": "content_gap", + "label": "t:general.content_gap.label", + "default": "standard", + "options": [ + { + "value": "tight", + "label": "t:general.content_gap.options__xs.label" + }, + { + "value": "fitted", + "label": "t:general.content_gap.options__sm.label" + }, + { + "value": "standard", + "label": "t:general.content_gap.options__md.label" + } + ] + }, + { + "type": "select", + "id": "content_position", + "label": "t:general.content_position.label", + "options": [ + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__top_left.label", + "value": "top-left" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__top_center.label", + "value": "top-center" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__top_right.label", + "value": "top-right" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__middle_left.label", + "value": "middle-left" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__middle_center.label", + "value": "middle-center" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__middle_right.label", + "value": "middle-right" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__bottom_left.label", + "value": "bottom-left" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__bottom_center.label", + "value": "bottom-center" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__bottom_right.label", + "value": "bottom-right" + }, + { + "group": "t:general.content_position.optgroup__split.label", + "label": "t:general.content_position.options__middle_content.label", + "value": "split-middle-content" + }, + { + "group": "t:general.content_position.optgroup__split.label", + "label": "t:general.content_position.options__bottom_button.label", + "value": "split-bottom-button" + }, + { + "group": "t:general.content_position.optgroup__split.label", + "label": "t:general.content_position.options__top_subheading.label", + "value": "split-top-subheading" + } + ], + "default": "bottom-center" + }, + { + "type": "select", + "id": "content_alignment", + "label": "t:general.content_alignment.label", + "default": "center", + "options": [ + { + "value": "left", + "label": "t:general.content_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.content_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.content_alignment.options__3.label" + } + ] + }, + { + "type": "select", + "id": "content_position_mobile", + "label": "t:general.content_position.mobile.label", + "default": "middle-center", + "options": [ + { + "value": "top-center", + "label": "t:general.vertical_alignment.options__1.label" + }, + { + "value": "middle-center", + "label": "t:general.vertical_alignment.options__2.label" + }, + { + "value": "bottom-center", + "label": "t:general.vertical_alignment.options__3.label" + } + ], + "visible_if": "{{ block.settings.content_position != 'split-middle-content' and block.settings.content_position != 'split-bottom-button' and block.settings.content_position != 'split-top-subheading' }}" + }, + { + "type": "select", + "id": "content_alignment_mobile", + "label": "t:general.content_alignment.mobile.label", + "default": "center", + "options": [ + { + "value": "left", + "label": "t:general.content_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.content_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.content_alignment.options__3.label" + } + ] + }, + { + "type": "url", + "id": "card_link", + "label": "t:general.card_link.label" + }, + { + "type": "inline_richtext", + "id": "subheading", + "label": "t:general.subheading.label" + }, + { + "type": "select", + "id": "subheading_style", + "label": "t:general.subheading_style.label", + "default": "", + "options": [ + { + "value": "", + "label": "t:general.subheading_style.options__1.label" + }, + { + "value": "border", + "label": "t:general.subheading_style.options__2.label" + }, + { + "value": "thick-border", + "label": "t:general.subheading_style.options__3.label" + } + ] + }, + { + "type": "inline_richtext", + "id": "heading", + "default": "Image card", + "label": "t:general.heading.label", + "info": "t:general.heading.info" + }, + { + "type": "select", + "id": "highlight_style", + "label": "t:general.highlight_text.highlight_style.label", + "options": [ + { + "value": "none", + "label": "t:general.highlight_text.highlight_style.options.option__1.label" + }, + { + "value": "hand_drawn_circle", + "label": "t:general.highlight_text.highlight_style.options.option__2.label" + }, + { + "value": "thick_underline", + "label": "t:general.highlight_text.highlight_style.options.option__3.label" + }, + { + "value": "wave_underline", + "label": "t:general.highlight_text.highlight_style.options.option__4.label" + } + ] + }, + { + "type": "select", + "id": "highlight_font_style", + "label": "t:general.highlight_text.highlight_font_style.label", + "options": [ + { + "value": "italic", + "label": "t:general.highlight_text.highlight_font_style.options.option__1.label" + }, + { + "value": "normal", + "label": "t:general.highlight_text.highlight_font_style.options.option__2.label" + } + ] + }, + { + "type": "color", + "id": "highlight_style_color", + "label": "t:general.highlight_text.highlight_style_color.label" + }, + { + "type": "color", + "id": "highlight_text_color", + "label": "t:general.highlight_text.highlight_text_color.label" + }, + { + "type": "select", + "id": "heading_size", + "label": "t:general.text_size.heading.label", + "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ], + "default": "h2" + }, + { + "type": "select", + "id": "heading_size_mobile", + "label": "t:general.text_size.heading_mobile.label", + "options": [ + { + "value": "inherit", + "label": "t:general.text_size.options__inherit.label" + }, + { + "value": "custom", + "label": "t:general.text_size.options__custom.label" + } + ], + "default": "inherit" + }, + { + "type": "range", + "id": "heading_size_custom", + "label": "t:general.text_size.heading_size_custom.label", + "min": 12, + "max": 100, + "step": 1, + "unit": "px", + "default": 18, + "visible_if": "{{ block.settings.heading_size_mobile == 'custom' }}" + }, + { + "type": "richtext", + "id": "text", + "label": "t:general.text.label" + }, + { + "type": "select", + "id": "text_size", + "label": "t:general.text_size.text.label", + "default": "text-base", + "options": [ + { + "value": "text-sm", + "label": "t:general.text_size.options__small.label" + }, + { + "value": "text-base", + "label": "t:general.text_size.options__base.label" + }, + { + "value": "text-lg", + "label": "t:general.text_size.options__large.label" + }, + { + "value": "text-inherit", + "label": "t:general.text_size.options__inherit.label" + } + ] + }, + { + "type": "text", + "id": "button_label", + "label": "t:general.button.button_label.label" + }, + { + "type": "select", + "id": "button_style", + "label": "t:general.button.button_style.label", + "options": [ + { + "value": "btn--primary", + "label": "t:general.button.button_style.options__1.label" + }, + { + "value": "btn--secondary", + "label": "t:general.button.button_style.options__2.label" + }, + { + "value": "btn--underline", + "label": "t:general.button.button_style.options__4.label" + }, + { + "value": "btn--plain", + "label": "t:general.button.button_style.options__7.label" + } + ], + "default": "btn--primary" + }, + { + "type": "select", + "id": "button_icon", + "label": "t:general.button.button_icon.label", + "options": [ + { + "value": "none", + "label": "t:general.button.button_icon.options__1.label" + }, + { + "value": "caret-right", + "label": "t:general.button.button_icon.options__2.label" + }, + { + "value": "caret-left", + "label": "t:general.button.button_icon.options__22.label" + }, + { + "value": "arrow-right", + "label": "t:general.button.button_icon.options__3.label" + }, + { + "value": "arrow-left", + "label": "t:general.button.button_icon.options__23.label" + }, + { + "value": "close", + "label": "t:general.button.button_icon.options__4.label" + }, + { + "value": "home", + "label": "t:general.button.button_icon.options__5.label" + }, + { + "value": "search", + "label": "t:general.button.button_icon.options__6.label" + }, + { + "value": "hamburger", + "label": "t:general.button.button_icon.options__7.label" + }, + { + "value": "pencil", + "label": "t:general.button.button_icon.options__8.label" + }, + { + "value": "plus", + "label": "t:general.button.button_icon.options__9.label" + }, + { + "value": "cart", + "label": "t:general.button.button_icon.options__10.label" + }, + { + "value": "account", + "label": "t:general.button.button_icon.options__11.label" + }, + { + "value": "sign-in", + "label": "t:general.button.button_icon.options__12.label" + }, + { + "value": "chat", + "label": "t:general.button.button_icon.options__13.label" + }, + { + "value": "download", + "label": "t:general.button.button_icon.options__14.label" + }, + { + "value": "upload", + "label": "t:general.button.button_icon.options__15.label" + }, + { + "value": "heart", + "label": "t:general.button.button_icon.options__16.label" + }, + { + "value": "play-outline", + "label": "t:general.button.button_icon.options__17.label" + }, + { + "value": "pause", + "label": "t:general.button.button_icon.options__18.label" + }, + { + "value": "stop", + "label": "t:general.button.button_icon.options__19.label" + }, + { + "value": "speaker", + "label": "t:general.button.button_icon.options__20.label" + }, + { + "value": "setting", + "label": "t:general.button.button_icon.options__21.label" + } + ], + "default": "none" + }, + { + "type": "select", + "id": "button_size", + "label": "t:general.button.button_size.label", + "options": [ + { + "value": "btn--small", + "label": "t:general.button.button_size.options__sm.label" + }, + { + "value": "btn--medium", + "label": "t:general.button.button_size.options__md.label" + }, + { + "value": "btn--large", + "label": "t:general.button.button_size.options__lg.label" + } + ], + "default": "btn--medium" + }, + { + "type": "header", + "content": "t:general.custom_attr.header" + }, + { + "type": "text", + "id": "block_custom_class", + "label": "t:general.custom_attr.custom_class" + }, + { + "type": "header", + "content": "t:general.header__advanced.content" + }, + { + "type": "checkbox", + "id": "enable_preload_image", + "label": "t:general.enable_preload_image.label", + "info": "t:general.enable_preload_image.info" + } + ] + }, + { + "type": "heading", + "name": "t:general.heading.name", + "limit": 1, + "settings": [ + { + "type": "inline_richtext", + "id": "heading", + "default": "Top Categories", + "label": "t:general.heading.label", + "info": "t:general.heading.info" + }, + { + "type": "select", + "id": "highlight_style", + "label": "t:general.highlight_text.highlight_style.label", + "options": [ + { + "value": "none", + "label": "t:general.highlight_text.highlight_style.options.option__1.label" + }, + { + "value": "hand_drawn_circle", + "label": "t:general.highlight_text.highlight_style.options.option__2.label" + }, + { + "value": "thick_underline", + "label": "t:general.highlight_text.highlight_style.options.option__3.label" + }, + { + "value": "wave_underline", + "label": "t:general.highlight_text.highlight_style.options.option__4.label" + } + ] + }, + { + "type": "select", + "id": "highlight_font_style", + "label": "t:general.highlight_text.highlight_font_style.label", + "options": [ + { + "value": "italic", + "label": "t:general.highlight_text.highlight_font_style.options.option__1.label" + }, + { + "value": "normal", + "label": "t:general.highlight_text.highlight_font_style.options.option__2.label" + } + ] + }, + { + "type": "color", + "id": "highlight_style_color", + "label": "t:general.highlight_text.highlight_style_color.label" + }, + { + "type": "color", + "id": "highlight_text_color", + "label": "t:general.highlight_text.highlight_text_color.label" + }, + { + "type": "select", + "id": "heading_size", + "label": "t:general.text_size.heading.label", + "default": "h5", + "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ] + } + ] + }, + { + "type": "category", + "name": "t:sections.banners-with-categories.blocks.category.name", + "limit": 12, + "settings": [ + { + "type": "image_picker", + "id": "image", + "label": "t:general.image.label" + }, + { + "type": "inline_richtext", + "id": "heading", + "default": "Category name", + "label": "t:general.heading.label" + }, + { + "type": "url", + "id": "link", + "label": "t:general.link.label" + } + ] + }, + { + "type": "button", + "name": "t:general.button.name", + "limit": 1, + "settings": [ + { + "type": "text", + "id": "button_label", + "label": "t:general.button.button_label.label", + "default": "Button label" + }, + { + "type": "url", + "id": "button_link", + "label": "t:general.button.button_link.label" + }, + { + "type": "select", + "id": "button_style", + "label": "t:general.button.button_style.label", + "options": [ + { + "value": "btn--primary", + "label": "t:general.button.button_style.options__1.label" + }, + { + "value": "btn--secondary", + "label": "t:general.button.button_style.options__2.label" + }, + { + "value": "btn--underline", + "label": "t:general.button.button_style.options__4.label" + }, + { + "value": "btn--plain", + "label": "t:general.button.button_style.options__7.label" + } + ], + "default": "btn--primary" + }, + { + "type": "select", + "id": "button_icon", + "label": "t:general.button.button_icon.label", + "options": [ + { + "value": "none", + "label": "t:general.button.button_icon.options__1.label" + }, + { + "value": "caret-right", + "label": "t:general.button.button_icon.options__2.label" + }, + { + "value": "caret-left", + "label": "t:general.button.button_icon.options__22.label" + }, + { + "value": "arrow-right", + "label": "t:general.button.button_icon.options__3.label" + }, + { + "value": "arrow-left", + "label": "t:general.button.button_icon.options__23.label" + }, + { + "value": "close", + "label": "t:general.button.button_icon.options__4.label" + }, + { + "value": "home", + "label": "t:general.button.button_icon.options__5.label" + }, + { + "value": "search", + "label": "t:general.button.button_icon.options__6.label" + }, + { + "value": "hamburger", + "label": "t:general.button.button_icon.options__7.label" + }, + { + "value": "pencil", + "label": "t:general.button.button_icon.options__8.label" + }, + { + "value": "plus", + "label": "t:general.button.button_icon.options__9.label" + }, + { + "value": "cart", + "label": "t:general.button.button_icon.options__10.label" + }, + { + "value": "account", + "label": "t:general.button.button_icon.options__11.label" + }, + { + "value": "sign-in", + "label": "t:general.button.button_icon.options__12.label" + }, + { + "value": "chat", + "label": "t:general.button.button_icon.options__13.label" + }, + { + "value": "download", + "label": "t:general.button.button_icon.options__14.label" + }, + { + "value": "upload", + "label": "t:general.button.button_icon.options__15.label" + }, + { + "value": "heart", + "label": "t:general.button.button_icon.options__16.label" + }, + { + "value": "play-outline", + "label": "t:general.button.button_icon.options__17.label" + }, + { + "value": "pause", + "label": "t:general.button.button_icon.options__18.label" + }, + { + "value": "stop", + "label": "t:general.button.button_icon.options__19.label" + }, + { + "value": "speaker", + "label": "t:general.button.button_icon.options__20.label" + }, + { + "value": "setting", + "label": "t:general.button.button_icon.options__21.label" + } + ], + "default": "none" + } + ] + } + ], + "presets": [ + { + "name": "t:sections.banners-with-categories.name", + "blocks": [ + { + "type": "category" + }, + { + "type": "category" + }, + { + "type": "category" + }, + { + "type": "category" + }, + { + "type": "category" + }, + { + "type": "category" + }, + { + "type": "category" + }, + { + "type": "category" + }, + { + "type": "category" + }, + { + "type": "category" + }, + { + "type": "heading" + }, + { + "type": "button" + }, + { + "type": "banner-card", + "settings": { + "column_span": 3, + "row_span": 1 + } + }, + { + "type": "banner-card", + "settings": { + "content_gap": "fitted", + "column_span": 1, + "row_span": 1 + } + }, + { + "type": "banner-card", + "settings": { + "content_gap": "fitted", + "column_span": 1, + "row_span": 1 + } + }, + { + "type": "banner-card", + "settings": { + "content_gap": "fitted", + "column_span": 1, + "row_span": 1 + } + } + ] + } + ] +} +{% endschema %} diff --git a/sections/brand-logos.liquid b/sections/brand-logos.liquid new file mode 100644 index 00000000000..7ef6dceb73e --- /dev/null +++ b/sections/brand-logos.liquid @@ -0,0 +1,728 @@ +{{ 'section-brand-logos.css' | asset_url | stylesheet_tag }} +{%- liquid + assign container = section.settings.container + assign columns_desktop = section.settings.columns_desktop + assign tablet_items = columns_desktop | at_most: 3 + assign laptop_items = columns_desktop | at_most: 6 + assign columns_mobile_int = section.settings.columns_mobile | plus: 0 + assign button_style = section.settings.button_style + assign button_label = section.settings.button_label + assign button_link = section.settings.button_link + assign button_icon = section.settings.button_icon + assign enable_swipe_mobile = false + if section.settings.swipe_on_mobile and section.blocks.size > columns_mobile_int + assign enable_swipe_mobile = true + endif + assign first_block = section.blocks.first + assign image_ratio = first_block.settings.image.aspect_ratio | default: 2.333 +-%} +{% style %} + #section-{{ section.id }} { + --section-padding-top: {{ section.settings.padding_top }}px; + --section-padding-bottom: {{ section.settings.padding_bottom }}px; + --f-columns-mobile: {{ columns_mobile_int }}; + --f-columns-md: {{ tablet_items }}; + --f-columns-lg: {{ laptop_items }}; + --f-columns-xl: {{ columns_desktop }}; + } +{% endstyle %} +{% render 'divider', + show_divider: section.settings.show_section_divider, + divider_width: section.settings.divider_width +%} +
+
+
+ {% render 'section-heading', + section_settings: section.settings, + description_size: section.settings.text_size, + button_visible: true, + button_label: button_label, + button_link: button_link, + button_style: button_style, + button_icon: button_icon + %} +
+
+
+
+ {%- for block in section.blocks -%} + {%- liquid + assign mod_desktop = forloop.index | modulo: columns_desktop + assign mod_laptop = forloop.index | modulo: laptop_items + assign mod_tablet = forloop.index | modulo: tablet_items + assign mod_mobile = forloop.index | modulo: columns_mobile_int + assign classes = '' + if mod_desktop == 0 and section.settings.grid_bordered + assign classes = classes | append: ' desktop-hide-border' + endif + if mod_laptop == 0 and section.settings.grid_bordered + assign classes = classes | append: ' laptop-hide-border' + endif + if mod_tablet == 0 and section.settings.grid_bordered + assign classes = classes | append: ' tablet-hide-border' + endif + if mod_mobile == 0 and section.settings.grid_bordered and enable_swipe_mobile == false + assign classes = classes | append: ' mobile-hide-border' + endif + -%} +
+
+ + + {%- if block.settings.image != blank -%} + {%- liquid + assign image_widths = '60, 70, 80, 120, 140, 160, 240, 320, 450, 535, 710, 800, 900,' | append: section.settings.image.width + assign alt_image = block.settings.image.alt | default: shop.name | escape + -%} + {{ + block.settings.image + | image_url: width: block.settings.image.width + | image_tag: + loading: 'lazy', + class: 'motion-reduce hover-scale-up', + widths: image_widths, + is: 'image-lazy', + alt: alt_image + }} + {%- else -%} + {{ 'image' | placeholder_svg_tag: 'placeholder-svg brand-logos__placeholder hover-scale-up' }} + {%- endif -%} + + +
+
+ {%- endfor -%} +
+
+
+
+
+
+
+ +{% schema %} +{ + "name": "t:sections.brand-logos.name", + "disabled_on": { + "groups": ["footer", "header", "custom.overlay"] + }, + "settings": [ + { + "type": "header", + "content": "t:general.general.name" + }, + { + "type": "select", + "id": "container", + "label": "t:general.container.label", + "options": [ + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + }, + { + "value": "full", + "label": "t:general.container.options__full.label" + } + ], + "default": "fixed" + }, + { + "type": "color_scheme", + "id": "color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "header", + "content": "t:general.section_header.content" + }, + { + "type": "select", + "id": "section_header_alignment", + "label": "t:general.text_alignment.label", + "options": [ + { + "value": "left", + "label": "t:general.text_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.text_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.text_alignment.options__3.label" + } + ], + "default": "center" + }, + { + "type": "select", + "id": "section_header_alignment_mobile", + "label": "t:general.text_alignment.mobile.label", + "options": [ + { + "value": "inherit", + "label": "t:general.text_alignment.options__4.label" + }, + { + "value": "left", + "label": "t:general.text_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.text_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.text_alignment.options__3.label" + } + ], + "default": "inherit" + }, + { + "type": "inline_richtext", + "id": "subheading", + "label": "t:general.subheading.label" + }, + { + "type": "inline_richtext", + "id": "heading", + "label": "t:general.heading.label", + "default": "Brand logos", + "info": "t:general.heading.info" + }, + { + "type": "select", + "id": "highlight_style", + "label": "t:general.highlight_text.highlight_style.label", + "options": [ + { + "value": "none", + "label": "t:general.highlight_text.highlight_style.options.option__1.label" + }, + { + "value": "hand_drawn_circle", + "label": "t:general.highlight_text.highlight_style.options.option__2.label" + }, + { + "value": "thick_underline", + "label": "t:general.highlight_text.highlight_style.options.option__3.label" + }, + { + "value": "wave_underline", + "label": "t:general.highlight_text.highlight_style.options.option__4.label" + } + ] + }, + { + "type": "select", + "id": "highlight_font_style", + "label": "t:general.highlight_text.highlight_font_style.label", + "options": [ + { + "value": "italic", + "label": "t:general.highlight_text.highlight_font_style.options.option__1.label" + }, + { + "value": "normal", + "label": "t:general.highlight_text.highlight_font_style.options.option__2.label" + } + ] + }, + { + "type": "color", + "id": "highlight_style_color", + "label": "t:general.highlight_text.highlight_style_color.label" + }, + { + "type": "color", + "id": "highlight_text_color", + "label": "t:general.highlight_text.highlight_text_color.label" + }, + { + "type": "select", + "id": "heading_size", + "label": "t:general.text_size.heading.label", + "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ], + "default": "h2" + }, + { + "type": "richtext", + "id": "description", + "label": "t:general.text.label" + }, + { + "type": "select", + "id": "text_size", + "label": "t:general.text_size.description.label", + "options": [ + { + "value": "text-sm", + "label": "t:general.text_size.options__small.label" + }, + { + "value": "text-base", + "label": "t:general.text_size.options__base.label" + }, + { + "value": "text-lg", + "label": "t:general.text_size.options__large.label" + }, + { + "value": "text-inherit", + "label": "t:general.text_size.options__inherit.label" + } + ] + }, + { + "type": "text", + "id": "button_label", + "label": "t:general.button.button_label.label" + }, + { + "type": "url", + "id": "button_link", + "label": "t:general.button.button_link.label" + }, + { + "type": "select", + "id": "button_style", + "label": "t:general.button.button_style.label", + "options": [ + { + "value": "btn--primary", + "label": "t:general.button.button_style.options__1.label" + }, + { + "value": "btn--secondary", + "label": "t:general.button.button_style.options__2.label" + }, + { + "value": "btn--underline", + "label": "t:general.button.button_style.options__4.label" + }, + { + "value": "btn--plain", + "label": "t:general.button.button_style.options__7.label" + } + ], + "default": "btn--underline" + }, + { + "type": "select", + "id": "button_icon", + "label": "t:general.button.button_icon.label", + "options": [ + { + "value": "none", + "label": "t:general.button.button_icon.options__1.label" + }, + { + "value": "caret-right", + "label": "t:general.button.button_icon.options__2.label" + }, + { + "value": "caret-left", + "label": "t:general.button.button_icon.options__22.label" + }, + { + "value": "arrow-right", + "label": "t:general.button.button_icon.options__3.label" + }, + { + "value": "arrow-left", + "label": "t:general.button.button_icon.options__23.label" + }, + { + "value": "close", + "label": "t:general.button.button_icon.options__4.label" + }, + { + "value": "home", + "label": "t:general.button.button_icon.options__5.label" + }, + { + "value": "search", + "label": "t:general.button.button_icon.options__6.label" + }, + { + "value": "hamburger", + "label": "t:general.button.button_icon.options__7.label" + }, + { + "value": "pencil", + "label": "t:general.button.button_icon.options__8.label" + }, + { + "value": "plus", + "label": "t:general.button.button_icon.options__9.label" + }, + { + "value": "cart", + "label": "t:general.button.button_icon.options__10.label" + }, + { + "value": "account", + "label": "t:general.button.button_icon.options__11.label" + }, + { + "value": "sign-in", + "label": "t:general.button.button_icon.options__12.label" + }, + { + "value": "chat", + "label": "t:general.button.button_icon.options__13.label" + }, + { + "value": "download", + "label": "t:general.button.button_icon.options__14.label" + }, + { + "value": "upload", + "label": "t:general.button.button_icon.options__15.label" + }, + { + "value": "heart", + "label": "t:general.button.button_icon.options__16.label" + }, + { + "value": "play-outline", + "label": "t:general.button.button_icon.options__17.label" + }, + { + "value": "pause", + "label": "t:general.button.button_icon.options__18.label" + }, + { + "value": "stop", + "label": "t:general.button.button_icon.options__19.label" + }, + { + "value": "speaker", + "label": "t:general.button.button_icon.options__20.label" + }, + { + "value": "setting", + "label": "t:general.button.button_icon.options__21.label" + } + ], + "default": "none" + }, + { + "type": "header", + "content": "t:general.image.content" + }, + { + "type": "select", + "id": "image_padding", + "label": "t:general.image_padding.label", + "options": [ + { + "value": "none", + "label": "t:general.image_padding.options__none.label" + }, + { + "value": "small", + "label": "t:general.image_padding.options__small.label" + }, + { + "value": "medium", + "label": "t:general.image_padding.options__medium.label" + } + ], + "default": "none" + }, + { + "type": "select", + "id": "image_width", + "label": "t:general.image_width.label", + "options": [ + { + "value": "medium", + "label": "t:general.image_width.options__md.label" + }, + { + "value": "large", + "label": "t:general.image_width.options__lg.label" + }, + { + "value": "full", + "label": "t:general.image_width.options__full.label" + } + ], + "default": "full" + }, + { + "type": "header", + "content": "t:general.grid.name" + }, + { + "type": "range", + "id": "columns_desktop", + "label": "t:general.grid.columns_desktop.label", + "min": 2, + "max": 10, + "step": 1, + "default": 6 + }, + { + "type": "select", + "id": "column_gap", + "label": "t:general.grid.column_gap.label", + "options": [ + { + "value": "none", + "label": "t:general.grid.gap.options__none.label" + }, + { + "value": "2xs", + "label": "t:general.grid.gap.options__2xs.label" + }, + { + "value": "extra-small", + "label": "t:general.grid.gap.options__xs.label" + }, + { + "value": "small", + "label": "t:general.grid.gap.options__sm.label" + }, + { + "value": "medium", + "label": "t:general.grid.gap.options__md.label" + }, + { + "value": "large", + "label": "t:general.grid.gap.options__lg.label" + }, + { + "value": "extra-large", + "label": "t:general.grid.gap.options__xl.label" + } + ], + "default": "medium" + }, + { + "type": "select", + "id": "row_gap", + "label": "t:general.grid.row_gap.label", + "options": [ + { + "value": "inherit", + "label": "t:general.grid.gap.options__inherit.label" + }, + { + "value": "none", + "label": "t:general.grid.gap.options__none.label" + }, + { + "value": "2xs", + "label": "t:general.grid.gap.options__2xs.label" + }, + { + "value": "extra-small", + "label": "t:general.grid.gap.options__xs.label" + }, + { + "value": "small", + "label": "t:general.grid.gap.options__sm.label" + }, + { + "value": "medium", + "label": "t:general.grid.gap.options__md.label" + }, + { + "value": "large", + "label": "t:general.grid.gap.options__lg.label" + }, + { + "value": "extra-large", + "label": "t:general.grid.gap.options__xl.label" + } + ], + "default": "inherit" + }, + { + "type": "checkbox", + "id": "grid_bordered", + "label": "t:sections.collection-list.settings.show_grid_border.label", + "default": false + }, + { + "type": "header", + "content": "t:general.mobile.name" + }, + { + "type": "select", + "id": "columns_mobile", + "label": "t:general.mobile.columns_mobile.label", + "options": [ + { + "value": "1", + "label": "t:general.mobile.columns_mobile.options__1.label" + }, + { + "value": "2", + "label": "t:general.mobile.columns_mobile.options__2.label" + }, + { + "value": "3", + "label": "t:general.mobile.columns_mobile.options__3.label" + } + ], + "default": "1" + }, + { + "type": "checkbox", + "id": "swipe_on_mobile", + "label": "t:general.mobile.swipe_on_mobile.label", + "default": true + }, + { + "type": "header", + "content": "t:general.padding.section_heading.content" + }, + { + "type": "range", + "id": "padding_top", + "label": "t:general.padding.top.label", + "min": 0, + "max": 100, + "step": 2, + "unit": "px", + "default": 50 + }, + { + "type": "range", + "id": "padding_bottom", + "label": "t:general.padding.bottom.label", + "min": 0, + "max": 100, + "step": 2, + "unit": "px", + "default": 50 + }, + { + "type": "header", + "content": "t:general.divider.section_heading.content" + }, + { + "type": "checkbox", + "id": "show_section_divider", + "label": "t:general.divider.show_divider.label", + "default": false + }, + { + "type": "select", + "id": "divider_width", + "label": "t:general.divider.width.label", + "options": [ + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + }, + { + "value": "full", + "label": "t:general.container.options__full.label" + } + ], + "default": "fixed" + } + ], + "blocks": [ + { + "type": "logo", + "name": "t:settings_schema.logo.name", + "settings": [ + { + "type": "image_picker", + "id": "image", + "label": "t:general.image.label" + }, + { + "type": "url", + "id": "image_link", + "label": "t:general.link.label" + } + ] + } + ], + "presets": [ + { + "name": "t:sections.brand-logos.presets", + "blocks": [ + { + "type": "logo" + }, + { + "type": "logo" + }, + { + "type": "logo" + }, + { + "type": "logo" + }, + { + "type": "logo" + }, + { + "type": "logo" + } + ] + } + ] +} +{% endschema %} diff --git a/sections/breadcrumbs.liquid b/sections/breadcrumbs.liquid new file mode 100644 index 00000000000..58c9663ca0c --- /dev/null +++ b/sections/breadcrumbs.liquid @@ -0,0 +1,155 @@ +{%- unless template == 'index' -%} + {%- liquid + assign justify = section.settings.text_alignment | default: 'start' + -%} +
+ +
+{%- endunless -%} +{% schema %} +{ + "name": "t:sections.breadcrumbs.name", + "disabled_on": { + "groups": ["header", "footer", "custom.overlay"], + "templates": ["index"] + }, + "limit": 1, + "settings": [ + { + "type": "select", + "id": "container", + "options": [ + { + "value": "full", + "label": "t:general.container.options__full.label" + }, + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + } + ], + "default": "fixed", + "label": "t:general.container.label" + }, + { + "type": "select", + "id": "text_alignment", + "label": "t:general.text_alignment.label", + "options": [ + { + "value": "start", + "label": "t:general.text_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.text_alignment.options__2.label" + }, + { + "value": "end", + "label": "t:general.text_alignment.options__3.label" + } + ], + "default": "start" + }, + { + "type": "range", + "id": "padding_top", + "label": "t:general.padding.top.label", + "default": 16, + "min": 0, + "max": 24, + "step": 1, + "unit": "px" + }, + { + "type": "range", + "id": "padding_bottom", + "label": "t:general.padding.bottom.label", + "default": 20, + "min": 0, + "max": 24, + "step": 1, + "unit": "px" + } + ], + "presets": [ + { + "name": "t:sections.breadcrumbs.name" + } + ] +} +{% endschema %} diff --git a/sections/bulk-quick-order-list.liquid b/sections/bulk-quick-order-list.liquid deleted file mode 100644 index 321c20b93b3..00000000000 --- a/sections/bulk-quick-order-list.liquid +++ /dev/null @@ -1,15 +0,0 @@ -{{ 'quick-order-list.css' | asset_url | stylesheet_tag }} - - - -{% render 'quick-order-list', product: product, show_image: true, show_sku: true, is_modal: true %} - -{% schema %} -{ - "name": "t:sections.quick-order-list.name", - "limit": 1, - "enabled_on": { - "templates": ["product"] - } -} -{% endschema %} diff --git a/sections/buttons-with-icon.liquid b/sections/buttons-with-icon.liquid new file mode 100644 index 00000000000..71e490ed952 --- /dev/null +++ b/sections/buttons-with-icon.liquid @@ -0,0 +1,670 @@ +{{ 'section-buttons-with-icon.css' | asset_url | stylesheet_tag }} + + +{%- liquid + assign enable_slider = section.settings.enable_slider +-%} + +{% render 'divider', + show_divider: section.settings.show_section_divider, + divider_width: section.settings.divider_width +%} + +{%- style -%} + .section-{{ section.id }}:has(.swiper-button-lock) .button-list__items { + justify-content: {{ section.settings.item_alignment | replace: 'left', 'flex-start' | replace: 'right', 'flex-end' }}; + } +{%- endstyle -%} + +
+
+ {% render 'section-heading', section_settings: section.settings %} +
+ +
+ {%- for block in section.blocks -%} +
+ {%- liquid + assign tag = 'div' + if block.settings.button_link != blank + assign tag = 'a' + endif + -%} +
+ <{{ tag }} + class="button-item__inner hover-wrapper btn {{ section.settings.item_button_style }}" + {% if block.settings.button_link != blank %} + href="{{ block.settings.button_link }}" + {% endif %} + > + + {%- if block.settings.icon_img != blank -%} + {%- liquid + assign alt = block.settings.icon_img.alt | default: shop.name | escape + assign image_widths = '38, 48, 76, 96, 132, ' | append: block.settings.icon_img.width + -%} + {%- capture image_sizes -%}(min-width:768px) 48px, 38px{%- endcapture -%} + + {{ + block.settings.icon_img + | image_url: width: block.settings.icon_img.width + | image_tag: + loading: 'lazy', + class: 'motion-reduce absolute inset-0 w-full h-full', + widths: image_widths, + sizes: image_sizes, + is: 'image-lazy', + alt: alt + }} + + {%- elsif block.settings.icon != 'none' -%} + + {% render 'icons', icon: block.settings.icon %} + + {%- endif -%} + + {%- if block.settings.button_label != blank -%} + + {{- block.settings.button_label -}} + + {%- endif -%} + + +
+
+ {%- endfor -%} +
+ + {%- if enable_slider -%} + + {%- endif -%} +
+
+
+ +{% schema %} +{ + "name": "t:sections.buttons-with-icon.name", + "tag": "section", + "settings": [ + { + "type": "header", + "content": "t:general.general.name" + }, + { + "type": "select", + "id": "container", + "options": [ + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + }, + { + "value": "full", + "label": "t:general.container.options__full.label" + } + ], + "default": "fixed", + "label": "t:general.divider.width.label" + }, + { + "type": "color_scheme", + "id": "color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "header", + "content": "t:general.section_header.content" + }, + { + "id": "section_header_alignment", + "type": "select", + "label": "t:general.text_alignment.label", + "default": "left", + "options": [ + { + "value": "left", + "label": "t:general.text_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.text_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.text_alignment.options__3.label" + } + ] + }, + { + "id": "section_header_alignment_mobile", + "type": "select", + "label": "t:general.text_alignment.mobile.label", + "default": "inherit", + "options": [ + { + "value": "inherit", + "label": "t:general.text_alignment.options__4.label" + }, + { + "value": "left", + "label": "t:general.text_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.text_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.text_alignment.options__3.label" + } + ] + }, + { + "type": "inline_richtext", + "id": "subheading", + "label": "t:general.subheading.label" + }, + { + "type": "inline_richtext", + "id": "heading", + "default": "Button group", + "label": "t:general.heading.label", + "info": "t:general.heading.info" + }, + { + "type": "select", + "id": "highlight_style", + "label": "t:general.highlight_text.highlight_style.label", + "options": [ + { + "value": "none", + "label": "t:general.highlight_text.highlight_style.options.option__1.label" + }, + { + "value": "hand_drawn_circle", + "label": "t:general.highlight_text.highlight_style.options.option__2.label" + }, + { + "value": "thick_underline", + "label": "t:general.highlight_text.highlight_style.options.option__3.label" + }, + { + "value": "wave_underline", + "label": "t:general.highlight_text.highlight_style.options.option__4.label" + } + ] + }, + { + "type": "select", + "id": "highlight_font_style", + "label": "t:general.highlight_text.highlight_font_style.label", + "options": [ + { + "value": "italic", + "label": "t:general.highlight_text.highlight_font_style.options.option__1.label" + }, + { + "value": "normal", + "label": "t:general.highlight_text.highlight_font_style.options.option__2.label" + } + ] + }, + { + "type": "color", + "id": "highlight_style_color", + "label": "t:general.highlight_text.highlight_style_color.label" + }, + { + "type": "color", + "id": "highlight_text_color", + "label": "t:general.highlight_text.highlight_text_color.label" + }, + { + "type": "select", + "id": "heading_size", + "label": "t:general.text_size.heading.label", + "default": "h1", + "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ] + }, + { + "type": "header", + "content": "t:general.header__block_settings.content" + }, + { + "type": "select", + "id": "item_alignment", + "label": "t:general.content_alignment.label", + "options": [ + { + "value": "left", + "label": "t:general.content_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.content_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.content_alignment.options__3.label" + } + ], + "default": "left" + }, + { + "type": "select", + "id": "item_button_style", + "label": "t:general.button.button_style.label", + "options": [ + { + "value": "btn--primary", + "label": "t:general.button.button_style.options__1.label" + }, + { + "value": "btn--secondary", + "label": "t:general.button.button_style.options__2.label" + }, + { + "value": "btn--icon", + "label": "t:general.button.button_style.options__6.label" + } + ], + "default": "btn--icon" + }, + { + "type": "select", + "id": "item_button_font", + "label": "t:general.font_family.button.label", + "options": [ + { + "value": "button", + "label": "t:general.font_family.options__4.label" + }, + { + "value": "body", + "label": "t:general.font_family.options__1.label" + }, + { + "value": "body-bolder", + "label": "t:general.font_family.options__3.label" + }, + { + "value": "heading", + "label": "t:general.font_family.options__2.label" + } + ], + "default": "button" + }, + { + "type": "header", + "content": "t:general.carousel.name" + }, + { + "type": "checkbox", + "id": "enable_slider", + "label": "t:general.carousel.enable_carousel.label", + "default": true + }, + { + "type": "header", + "content": "t:general.mobile.name" + }, + { + "type": "checkbox", + "id": "swipe_on_mobile", + "default": true, + "label": "t:general.mobile.swipe_on_mobile.label" + }, + { + "type": "header", + "content": "t:general.divider.section_heading.content" + }, + { + "type": "checkbox", + "id": "show_section_divider", + "default": false, + "label": "t:general.divider.show_divider.label" + }, + { + "type": "select", + "id": "divider_width", + "options": [ + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + }, + { + "value": "full", + "label": "t:general.container.options__full.label" + } + ], + "default": "fixed", + "label": "t:general.divider.width.label" + }, + { + "type": "header", + "content": "t:general.padding.section_heading.content" + }, + { + "type": "range", + "id": "padding_top", + "min": 0, + "max": 120, + "step": 2, + "unit": "px", + "label": "t:general.padding.top.label", + "default": 50 + }, + { + "type": "range", + "id": "padding_bottom", + "min": 0, + "max": 120, + "step": 2, + "unit": "px", + "label": "t:general.padding.bottom.label", + "default": 50 + } + ], + "blocks": [ + { + "type": "button_item", + "name": "t:general.button.name", + "settings": [ + { + "type": "header", + "content": "t:general.general.name" + }, + { + "type": "text", + "id": "button_label", + "label": "t:general.button.button_label.label", + "default": "Button label" + }, + { + "type": "url", + "id": "button_link", + "label": "t:general.button.button_link.label" + }, + { + "type": "header", + "content": "t:general.icon.label" + }, + { + "type": "select", + "id": "icon", + "label": "t:general.icon.label", + "options": [ + { + "value": "none", + "label": "t:general.icon.options__1.label" + }, + { + "value": "car-simple", + "label": "t:general.icon.options__2.label" + }, + { + "value": "truck", + "label": "t:general.icon.options__3.label" + }, + { + "value": "package", + "label": "t:general.icon.options__4.label" + }, + { + "value": "currency-circle-dollar", + "label": "t:general.icon.options__5.label" + }, + { + "value": "gift", + "label": "t:general.icon.options__6.label" + }, + { + "value": "heart", + "label": "t:general.icon.options__7.label" + }, + { + "value": "globe", + "label": "t:general.icon.options__8.label" + }, + { + "value": "check", + "label": "t:general.icon.options__9.label" + }, + { + "value": "arrow-up-left", + "label": "t:general.icon.options__10.label" + }, + { + "value": "lightning", + "label": "t:general.icon.options__11.label" + }, + { + "value": "calendar-blank", + "label": "t:general.icon.options__12.label" + }, + { + "value": "bell-ringing", + "label": "t:general.icon.options__13.label" + }, + { + "value": "location", + "label": "t:general.icon.options__14.label" + }, + { + "value": "tag", + "label": "t:general.icon.options__15.label" + }, + { + "value": "map-pin", + "label": "t:general.icon.options__16.label" + }, + { + "value": "smiley", + "label": "t:general.icon.options__17.label" + }, + { + "value": "stool", + "label": "t:general.icon.options__18.label" + }, + { + "value": "clock", + "label": "t:general.icon.options__19.label" + }, + { + "value": "phone", + "label": "t:general.icon.options__20.label" + }, + { + "value": "chat", + "label": "t:general.icon.options__21.label" + }, + { + "value": "paperplane", + "label": "t:general.icon.options__22.label" + }, + { + "value": "sliders", + "label": "t:general.icon.options__23.label" + }, + { + "value": "sound", + "label": "t:general.icon.options__24.label" + }, + { + "value": "music", + "label": "t:general.icon.options__25.label" + }, + { + "value": "airplane", + "label": "t:general.icon.options__26.label" + }, + { + "value": "alarm", + "label": "t:general.icon.options__27.label" + }, + { + "value": "play-list", + "label": "t:general.icon.options__28.label" + }, + { + "value": "drop-slash", + "label": "t:general.icon.options__29.label" + }, + { + "value": "pause-circle", + "label": "t:general.icon.options__30.label" + }, + { + "value": "acorn", + "label": "t:general.icon.options__34.label" + }, + { + "value": "leaf", + "label": "t:general.icon.options__35.label" + } + ], + "default": "check" + }, + { + "type": "image_picker", + "id": "icon_img", + "label": "t:general.custom_icon.label" + } + ] + } + ], + "presets": [ + { + "name": "t:sections.buttons-with-icon.name", + "blocks": [ + { + "type": "button_item", + "settings": { + "icon": "check" + } + }, + { + "type": "button_item", + "settings": { + "icon": "check" + } + }, + { + "type": "button_item", + "settings": { + "icon": "check" + } + }, + { + "type": "button_item", + "settings": { + "icon": "check" + } + }, + { + "type": "button_item", + "settings": { + "icon": "check" + } + }, + { + "type": "button_item", + "settings": { + "icon": "check" + } + }, + { + "type": "button_item", + "settings": { + "icon": "check" + } + }, + { + "type": "button_item", + "settings": { + "icon": "check" + } + }, + { + "type": "button_item", + "settings": { + "icon": "check" + } + }, + { + "type": "button_item", + "settings": { + "icon": "check" + } + } + ] + } + ], + "disabled_on": { + "groups": ["footer", "header", "custom.overlay"] + } +} +{% endschema %} diff --git a/sections/cart-drawer.liquid b/sections/cart-drawer.liquid index ef322be74f7..3839bbd4c92 100644 --- a/sections/cart-drawer.liquid +++ b/sections/cart-drawer.liquid @@ -1 +1,1001 @@ -{%- render 'cart-drawer' -%} +{%- if request.page_type != 'cart' and settings.cart_type == 'drawer' -%} + {%- if request.page_type == 'cart' -%} + {{ 'cart.css' | asset_url | stylesheet_tag }} + {%- else -%} + + {%- endif -%} + + {%- if linklists['gift-wrapping'].links != blank and linklists['gift-wrapping'].links.first.type == 'product_link' -%} + + {%- endif -%} + + +{%- endif -%} + +{% schema %} +{ + "name": "t:sections.cart-drawer.name", + "settings": [ + { + "type": "header", + "content": "t:general.general.name" + }, + { + "type": "checkbox", + "id": "show_cart_note", + "label": "t:sections.cart-drawer.settings.show_cart_note.label", + "default": true + }, + { + "type": "checkbox", + "id": "show_shipping_rates_calculator", + "label": "t:sections.cart-drawer.settings.show_shipping_rates_calculator.label" + }, + { + "type": "checkbox", + "id": "show_cart_coupon", + "label": "t:sections.cart-drawer.settings.show_cart_coupon.label", + "default": true + }, + { + "type": "checkbox", + "id": "show_free_shipping_goal", + "label": "t:sections.cart-drawer.settings.show_free_shipping_goal.label", + "default": true, + "info": "t:settings_schema.cart.settings.free_shipping_minimum_amount.info" + }, + { + "type": "header", + "content": "t:sections.cart-drawer.settings.cart_recommendations.header.content" + }, + { + "type": "paragraph", + "content": "t:sections.cart-drawer.settings.cart_recommendations.paragraph.content" + }, + { + "type": "checkbox", + "id": "enable_cart_recommendations", + "label": "t:sections.cart-drawer.settings.cart_recommendations.enable.label", + "default": true + }, + { + "type": "color_scheme", + "id": "cart_recommendations_color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "text", + "id": "cart_recommendations_heading", + "label": "t:general.heading.label", + "default": "You may also like" + }, + { + "type": "range", + "id": "cart_recommendations_limit", + "label": "t:general.grid.product_limit.label", + "min": 1, + "max": 10, + "step": 1, + "default": 3 + }, + { + "type": "product_list", + "id": "cart_recommendations_products", + "label": "t:sections.cart-drawer.settings.cart_recommendations.product_list.label" + }, + { + "type": "select", + "id": "cart_recommendations_layout", + "label": "t:sections.main-product.blocks.complementary_products.settings.layout.label", + "default": "grid", + "options": [ + { + "value": "grid", + "label": "t:sections.main-product.blocks.complementary_products.settings.layout.options__1.label" + }, + { + "value": "horizontal-list", + "label": "t:sections.main-product.blocks.complementary_products.settings.layout.options__2.label" + } + ] + }, + { + "type": "header", + "content": "t:sections.cart-drawer.settings.cart_message.header.content" + }, + { + "type": "color_scheme", + "id": "cart_mess_color_scheme", + "label": "t:general.colors.label", + "default": "scheme-inverse" + }, + { + "type": "text", + "id": "cart_message", + "label": "t:general.message.label" + }, + { + "type": "select", + "id": "cart_message_alignment", + "label": "t:general.text_alignment.label", + "options": [ + { + "value": "left", + "label": "t:general.text_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.text_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.text_alignment.options__3.label" + } + ], + "default": "center" + } + ] +} +{% endschema %} diff --git a/sections/cart-icon-bubble.liquid b/sections/cart-icon-bubble.liquid deleted file mode 100644 index 66fff0bad8f..00000000000 --- a/sections/cart-icon-bubble.liquid +++ /dev/null @@ -1,15 +0,0 @@ -{% if cart == empty %} - {{ 'icon-cart-empty.svg' | inline_asset_content }} -{% else %} - {{ 'icon-cart.svg' | inline_asset_content }} -{% endif %} - - -{%- if cart != empty -%} -
- {%- if cart.item_count < 100 -%} - - {%- endif -%} - -
-{%- endif -%} diff --git a/sections/cart-live-region-text.liquid b/sections/cart-live-region-text.liquid deleted file mode 100644 index 7cd46dbd1c6..00000000000 --- a/sections/cart-live-region-text.liquid +++ /dev/null @@ -1 +0,0 @@ -{{ 'sections.cart.new_estimated_total' | t }}: {{ cart.total_price | money_with_currency }} diff --git a/sections/cart-notification-button.liquid b/sections/cart-notification-button.liquid deleted file mode 100644 index 0d7769829d7..00000000000 --- a/sections/cart-notification-button.liquid +++ /dev/null @@ -1 +0,0 @@ -{{ 'general.cart.view' | t: count: cart.item_count }} diff --git a/sections/cart-notification-product.liquid b/sections/cart-notification-product.liquid deleted file mode 100644 index 6cd6259f19f..00000000000 --- a/sections/cart-notification-product.liquid +++ /dev/null @@ -1,53 +0,0 @@ -{%- if cart != empty -%} - {%- for item in cart.items -%} -
- {%- if item.image -%} -
- {{ item.image.alt | escape }} -
- {%- endif -%} -
- {%- if settings.show_vendor -%} -

{{ item.product.vendor }}

- {%- endif -%} -

{{ item.product.title | escape }}

-
- {%- unless item.product.has_only_default_variant -%} - {%- for option in item.options_with_values -%} -
-
{{ option.name }}:
-
{{ option.value }}
-
- {%- endfor -%} - {%- endunless -%} - {%- for property in item.properties -%} - {%- assign property_first_char = property.first | slice: 0 -%} - {%- if property.last != blank and property_first_char != '_' -%} -
-
{{ property.first }}:
-
- {%- if property.last contains '/uploads/' -%} - - {{ property.last | split: '/' | last }} - - {%- else -%} - {{ property.last }} - {%- endif -%} -
-
- {%- endif -%} - {%- endfor -%} -
- {%- if item.selling_plan_allocation != null -%} -

{{ item.selling_plan_allocation.selling_plan.name }}

- {%- endif -%} -
-
- {%- endfor -%} -{%- endif -%} diff --git a/sections/collage.liquid b/sections/collage.liquid deleted file mode 100644 index 27225d6e27b..00000000000 --- a/sections/collage.liquid +++ /dev/null @@ -1,432 +0,0 @@ -{{ 'collage.css' | asset_url | stylesheet_tag }} -{{ 'component-card.css' | asset_url | stylesheet_tag }} -{{ 'component-price.css' | asset_url | stylesheet_tag }} -{{ 'component-modal-video.css' | asset_url | stylesheet_tag }} -{{ 'component-deferred-media.css' | asset_url | stylesheet_tag }} - -{%- style -%} - .section-{{ section.id }}-padding { - padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px; - padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px; - } - - @media screen and (min-width: 750px) { - .section-{{ section.id }}-padding { - padding-top: {{ section.settings.padding_top }}px; - padding-bottom: {{ section.settings.padding_bottom }}px; - } - } -{%- endstyle -%} - -
-
- {%- if section.settings.heading != blank -%} -

- {{ section.settings.heading }} -

- {%- endif -%} -
- {% assign skip_card_product_styles = false %} - {%- for block in section.blocks -%} -
- {%- assign placeholder_image_index = forloop.index0 | modulo: 4 | plus: 1 -%} - {%- case block.type -%} - {%- when 'image' -%} -
-
- {%- if block.settings.image != blank -%} - {%- liquid - if section.settings.desktop_layout == 'left' - assign large_block = forloop.first - else - assign large_block = forloop.last - endif - - assign grid_space_desktop = settings.spacing_grid_horizontal | divided_by: 2 | append: 'px' - assign grid_space_mobile = settings.spacing_grid_horizontal | divided_by: 4 | append: 'px' - -%} - {%- if large_block -%} - {%- capture sizes -%} - {% if section.blocks.size == 1 -%}(min-width: {{ settings.page_width }}px) calc({{ settings.page_width }}px - 100px){% else %}(min-width: {{ settings.page_width }}px) calc(({{ settings.page_width }}px - 100px) * 2 / 3 - {{ grid_space_desktop }}){% endif %}, - {% if section.blocks.size == 1 -%}(min-width: 750px) calc(100vw - 100px){% else %}(min-width: 750px) calc((100vw - 100px) * 2 / 3 - {{ grid_space_desktop }}){% endif %}, - {% if section.blocks.size == 2 and section.settings.mobile_layout == 'collage' -%}calc((100vw - 30px) / 2){% else %}calc(100vw - 30px){% endif %} - {%- endcapture -%} - {{ - block.settings.image - | image_url: width: 3200 - | image_tag: - sizes: sizes, - widths: '50, 75, 100, 150, 200, 300, 400, 500, 750, 1000, 1250, 1500, 1750, 2000, 2250, 2500, 2750, 3000, 3200' - }} - {%- else -%} - {%- capture sizes -%} - (min-width: {{ settings.page_width }}px) calc(({{ settings.page_width }}px - 100px) * 1 / 3 - {{ grid_space_desktop }}), - (min-width: 750px) calc((100vw - 100px) * 1 / 3 - {{ grid_space_desktop }}), - {% if section.settings.mobile_layout == 'collage' %}calc((100vw - 30px) / 2 - {{ grid_space_mobile }}){% else %}calc(100vw - 30px){% endif %} - {%- endcapture -%} - {{ - block.settings.image - | image_url: width: 3200 - | image_tag: - sizes: sizes, - widths: '50, 75, 100, 150, 200, 300, 400, 500, 750, 1000, 1250, 1500, 1750, 2000, 2250, 2500, 2750, 3000, 3200' - }} - {%- endif -%} - {%- else -%} - {{ 'detailed-apparel-1' | placeholder_svg_tag: 'placeholder-svg' }} - {%- endif -%} -
-
- {%- when 'product' -%} - {%- assign placeholder_image = 'product-apparel-' | append: placeholder_image_index -%} - {% render 'card-product', - card_product: block.settings.product, - media_aspect_ratio: 'adapt', - show_secondary_image: block.settings.second_image, - extend_height: true, - placeholder_image: placeholder_image, - skip_styles: skip_card_product_styles - %} - {% assign skip_card_product_styles = true %} - {%- when 'collection' -%} - {%- assign placeholder_image = 'collection-apparel-' | append: placeholder_image_index -%} - {% render 'card-collection', - card_collection: block.settings.collection, - media_aspect_ratio: 'adapt', - columns: 2, - extend_height: true, - wrapper_class: section.settings.card_styles, - placeholder_image: placeholder_image - %} - {%- when 'video' -%} -
- -
- -
- - - - -
- {%- endcase -%} -
- {%- endfor -%} -
-
-
- -{% schema %} -{ - "name": "t:sections.collage.name", - "tag": "section", - "class": "section", - "disabled_on": { - "groups": ["header", "footer"] - }, - "settings": [ - { - "type": "inline_richtext", - "id": "heading", - "default": "t:sections.collage.settings.heading.default", - "label": "t:sections.collage.settings.heading.label" - }, - { - "type": "select", - "id": "heading_size", - "options": [ - { - "value": "h2", - "label": "t:sections.all.heading_size.options__1.label" - }, - { - "value": "h1", - "label": "t:sections.all.heading_size.options__2.label" - }, - { - "value": "h0", - "label": "t:sections.all.heading_size.options__3.label" - }, - { - "value": "hxl", - "label": "t:sections.all.heading_size.options__4.label" - }, - { - "value": "hxxl", - "label": "t:sections.all.heading_size.options__5.label" - } - ], - "default": "h1", - "label": "t:sections.all.heading_size.label" - }, - { - "type": "header", - "content": "t:sections.collage.settings.header_layout.content" - }, - { - "type": "select", - "id": "desktop_layout", - "options": [ - { - "value": "left", - "label": "t:sections.collage.settings.desktop_layout.options__1.label" - }, - { - "value": "right", - "label": "t:sections.collage.settings.desktop_layout.options__2.label" - } - ], - "default": "left", - "label": "t:sections.collage.settings.desktop_layout.label" - }, - { - "type": "select", - "id": "mobile_layout", - "options": [ - { - "value": "collage", - "label": "t:sections.collage.settings.mobile_layout.options__1.label" - }, - { - "value": "column", - "label": "t:sections.collage.settings.mobile_layout.options__2.label" - } - ], - "default": "column", - "label": "t:sections.collage.settings.mobile_layout.label" - }, - { - "type": "select", - "id": "card_styles", - "options": [ - { - "value": "none", - "label": "t:sections.collage.settings.card_styles.options__1.label" - }, - { - "value": "product-card-wrapper", - "label": "t:sections.collage.settings.card_styles.options__2.label" - } - ], - "default": "product-card-wrapper", - "info": "t:sections.collage.settings.card_styles.info", - "label": "t:sections.collage.settings.card_styles.label" - }, - { - "type": "color_scheme", - "id": "color_scheme", - "label": "t:sections.all.colors.label", - "info": "t:sections.all.colors.has_cards_info", - "default": "scheme-1" - }, - { - "type": "header", - "content": "t:sections.all.padding.section_padding_heading" - }, - { - "type": "range", - "id": "padding_top", - "min": 0, - "max": 100, - "step": 4, - "unit": "px", - "label": "t:sections.all.padding.padding_top", - "default": 36 - }, - { - "type": "range", - "id": "padding_bottom", - "min": 0, - "max": 100, - "step": 4, - "unit": "px", - "label": "t:sections.all.padding.padding_bottom", - "default": 36 - } - ], - "blocks": [ - { - "type": "image", - "name": "t:sections.collage.blocks.image.name", - "settings": [ - { - "type": "image_picker", - "id": "image", - "label": "t:sections.collage.blocks.image.settings.image.label" - } - ] - }, - { - "type": "product", - "name": "t:sections.collage.blocks.product.name", - "settings": [ - { - "type": "product", - "id": "product", - "label": "t:sections.collage.blocks.product.settings.product.label" - }, - { - "type": "checkbox", - "id": "second_image", - "default": false, - "label": "t:sections.collage.blocks.product.settings.second_image.label" - } - ] - }, - { - "type": "collection", - "name": "t:sections.collage.blocks.collection.name", - "settings": [ - { - "type": "collection", - "id": "collection", - "label": "t:sections.collage.blocks.collection.settings.collection.label" - } - ] - }, - { - "type": "video", - "name": "t:sections.collage.blocks.video.name", - "settings": [ - { - "type": "image_picker", - "id": "cover_image", - "label": "t:sections.collage.blocks.video.settings.cover_image.label" - }, - { - "type": "video_url", - "id": "video_url", - "accept": ["youtube", "vimeo"], - "default": "https://www.youtube.com/watch?v=_9VUPq3SxOc", - "label": "t:sections.collage.blocks.video.settings.video_url.label", - "placeholder": "t:sections.collage.blocks.video.settings.video_url.placeholder", - "info": "t:sections.collage.blocks.video.settings.video_url.info" - }, - { - "type": "text", - "id": "description", - "default": "t:sections.collage.blocks.video.settings.description.default", - "label": "t:sections.collage.blocks.video.settings.description.label", - "info": "t:sections.collage.blocks.video.settings.description.info" - } - ] - } - ], - "max_blocks": 3, - "presets": [ - { - "name": "t:sections.collage.presets.name", - "blocks": [ - { - "type": "image" - }, - { - "type": "product" - }, - { - "type": "collection" - } - ] - } - ] -} -{% endschema %} diff --git a/sections/collapsible-content.liquid b/sections/collapsible-content.liquid deleted file mode 100644 index 795f087a1c8..00000000000 --- a/sections/collapsible-content.liquid +++ /dev/null @@ -1,517 +0,0 @@ -{{ 'component-accordion.css' | asset_url | stylesheet_tag }} -{{ 'collapsible-content.css' | asset_url | stylesheet_tag }} - -{%- style -%} - .section-{{ section.id }}-padding { - padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px; - padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px; - } - - @media screen and (min-width: 750px) { - .section-{{ section.id }}-padding { - padding-top: {{ section.settings.padding_top }}px; - padding-bottom: {{ section.settings.padding_bottom }}px; - } - } -{%- endstyle -%} - -
-
-
-
-
- {%- if section.settings.caption != blank -%} -

- {{ section.settings.caption | escape }} -

- {% endif %} - {%- if section.settings.heading != blank -%} -

- {{ section.settings.heading }} -

- {%- else -%} - - {% endif %} -
-
- {%- if section.settings.image != blank -%} -
-
- {%- liquid - assign padding_multiplier = 1 - if section.settings.layout == 'section' - assign padding_multiplier = 2 - endif - assign desktop_tablet_padding = 100 | times: padding_multiplier | append: 'px' - assign mobile_padding = 30 | times: padding_multiplier | append: 'px' - -%} - {%- capture sizes -%} - (min-width: {{ settings.page_width }}px) calc(({{ settings.page_width }}px - {{ desktop_tablet_padding }}) / 2), - (min-width: 750px) calc((100vw - {{ desktop_tablet_padding }}) / 2), - calc(100vw - {{ mobile_padding }}) - {%- endcapture -%} - {{ - section.settings.image - | image_url: width: 3200 - | image_tag: - sizes: sizes, - widths: '50, 75, 100, 150, 200, 300, 400, 500, 750, 1000, 1250, 1500, 1750, 2000, 2250, 2500, 2750, 3000, 3200' - }} -
-
- {% endif %} -
- {%- for block in section.blocks -%} -
-
- - {% render 'icon-accordion', icon: block.settings.icon %} -

- {{ block.settings.heading | default: block.settings.page.title | escape }} -

- {{- 'icon-caret.svg' | inline_asset_content -}} - -
- {{ block.settings.row_content }} - {{ block.settings.page.content }} -
-
-
- {%- endfor -%} -
-
-
-
-
-
- -{% schema %} -{ - "name": "t:sections.collapsible_content.name", - "tag": "section", - "class": "section", - "disabled_on": { - "groups": ["header", "footer"] - }, - "settings": [ - { - "type": "text", - "id": "caption", - "label": "t:sections.collapsible_content.settings.caption.label" - }, - { - "type": "inline_richtext", - "id": "heading", - "label": "t:sections.collapsible_content.settings.heading.label", - "default": "t:sections.collapsible_content.settings.heading.default" - }, - { - "type": "select", - "id": "heading_size", - "options": [ - { - "value": "h2", - "label": "t:sections.all.heading_size.options__1.label" - }, - { - "value": "h1", - "label": "t:sections.all.heading_size.options__2.label" - }, - { - "value": "h0", - "label": "t:sections.all.heading_size.options__3.label" - }, - { - "value": "hxl", - "label": "t:sections.all.heading_size.options__4.label" - }, - { - "value": "hxxl", - "label": "t:sections.all.heading_size.options__5.label" - } - ], - "default": "h1", - "label": "t:sections.all.heading_size.label" - }, - { - "type": "select", - "id": "heading_alignment", - "label": "t:sections.collapsible_content.settings.heading_alignment.label", - "options": [ - { - "value": "left", - "label": "t:sections.collapsible_content.settings.heading_alignment.options__1.label" - }, - { - "value": "center", - "label": "t:sections.collapsible_content.settings.heading_alignment.options__2.label" - }, - { - "value": "right", - "label": "t:sections.collapsible_content.settings.heading_alignment.options__3.label" - } - ], - "default": "center" - }, - { - "type": "header", - "content": "t:sections.collapsible_content.settings.layout_header.content" - }, - { - "type": "select", - "id": "layout", - "label": "t:sections.collapsible_content.settings.layout.label", - "options": [ - { - "value": "none", - "label": "t:sections.collapsible_content.settings.layout.options__1.label" - }, - { - "value": "row", - "label": "t:sections.collapsible_content.settings.layout.options__2.label" - }, - { - "value": "section", - "label": "t:sections.collapsible_content.settings.layout.options__3.label" - } - ], - "default": "none" - }, - { - "type": "color_scheme", - "id": "container_color_scheme", - "label": "t:sections.collapsible_content.settings.container_color_scheme.label", - "default": "scheme-2" - }, - { - "type": "color_scheme", - "id": "color_scheme", - "label": "t:sections.collapsible_content.settings.section_color_scheme.label", - "default": "scheme-1" - }, - { - "type": "checkbox", - "id": "open_first_collapsible_row", - "default": false, - "label": "t:sections.collapsible_content.settings.open_first_collapsible_row.label" - }, - { - "type": "header", - "content": "t:sections.collapsible_content.settings.header.content" - }, - { - "type": "image_picker", - "id": "image", - "label": "t:sections.collapsible_content.settings.image.label" - }, - { - "type": "select", - "id": "image_ratio", - "options": [ - { - "value": "adapt", - "label": "t:sections.collapsible_content.settings.image_ratio.options__1.label" - }, - { - "value": "small", - "label": "t:sections.collapsible_content.settings.image_ratio.options__2.label" - }, - { - "value": "large", - "label": "t:sections.collapsible_content.settings.image_ratio.options__3.label" - } - ], - "default": "adapt", - "label": "t:sections.collapsible_content.settings.image_ratio.label" - }, - { - "type": "select", - "id": "desktop_layout", - "options": [ - { - "value": "image_first", - "label": "t:sections.collapsible_content.settings.desktop_layout.options__1.label" - }, - { - "value": "image_second", - "label": "t:sections.collapsible_content.settings.desktop_layout.options__2.label" - } - ], - "default": "image_second", - "label": "t:sections.collapsible_content.settings.desktop_layout.label" - }, - { - "type": "header", - "content": "t:sections.all.padding.section_padding_heading" - }, - { - "type": "range", - "id": "padding_top", - "min": 0, - "max": 100, - "step": 4, - "unit": "px", - "label": "t:sections.all.padding.padding_top", - "default": 36 - }, - { - "type": "range", - "id": "padding_bottom", - "min": 0, - "max": 100, - "step": 4, - "unit": "px", - "label": "t:sections.all.padding.padding_bottom", - "default": 36 - } - ], - "blocks": [ - { - "type": "collapsible_row", - "name": "t:sections.collapsible_content.blocks.collapsible_row.name", - "settings": [ - { - "type": "text", - "id": "heading", - "default": "t:sections.collapsible_content.blocks.collapsible_row.settings.heading.default", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.heading.label" - }, - { - "type": "select", - "id": "icon", - "options": [ - { - "value": "none", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__1.label" - }, - { - "value": "apple", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__2.label" - }, - { - "value": "banana", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__3.label" - }, - { - "value": "bottle", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__4.label" - }, - { - "value": "box", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__5.label" - }, - { - "value": "carrot", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__6.label" - }, - { - "value": "chat_bubble", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__7.label" - }, - { - "value": "check_mark", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__8.label" - }, - { - "value": "clipboard", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__9.label" - }, - { - "value": "dairy", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__10.label" - }, - { - "value": "dairy_free", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__11.label" - }, - { - "value": "dryer", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__12.label" - }, - { - "value": "eye", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__13.label" - }, - { - "value": "fire", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__14.label" - }, - { - "value": "gluten_free", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__15.label" - }, - { - "value": "heart", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__16.label" - }, - { - "value": "iron", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__17.label" - }, - { - "value": "leaf", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__18.label" - }, - { - "value": "leather", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__19.label" - }, - { - "value": "lightning_bolt", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__20.label" - }, - { - "value": "lipstick", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__21.label" - }, - { - "value": "lock", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__22.label" - }, - { - "value": "map_pin", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__23.label" - }, - { - "value": "nut_free", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__24.label" - }, - { - "value": "pants", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__25.label" - }, - { - "value": "paw_print", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__26.label" - }, - { - "value": "pepper", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__27.label" - }, - { - "value": "perfume", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__28.label" - }, - { - "value": "plane", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__29.label" - }, - { - "value": "plant", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__30.label" - }, - { - "value": "price_tag", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__31.label" - }, - { - "value": "question_mark", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__32.label" - }, - { - "value": "recycle", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__33.label" - }, - { - "value": "return", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__34.label" - }, - { - "value": "ruler", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__35.label" - }, - { - "value": "serving_dish", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__36.label" - }, - { - "value": "shirt", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__37.label" - }, - { - "value": "shoe", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__38.label" - }, - { - "value": "silhouette", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__39.label" - }, - { - "value": "snowflake", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__40.label" - }, - { - "value": "star", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__41.label" - }, - { - "value": "stopwatch", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__42.label" - }, - { - "value": "truck", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__43.label" - }, - { - "value": "washing", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.options__44.label" - } - ], - "default": "check_mark", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.icon.label" - }, - { - "type": "richtext", - "id": "row_content", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.row_content.label" - }, - { - "type": "page", - "id": "page", - "label": "t:sections.collapsible_content.blocks.collapsible_row.settings.page.label" - } - ] - } - ], - "presets": [ - { - "name": "t:sections.collapsible_content.presets.name", - "blocks": [ - { - "type": "collapsible_row" - }, - { - "type": "collapsible_row" - }, - { - "type": "collapsible_row" - }, - { - "type": "collapsible_row" - } - ] - } - ] -} -{% endschema %} diff --git a/sections/collapsible-tabs.liquid b/sections/collapsible-tabs.liquid new file mode 100644 index 00000000000..145c79b2d46 --- /dev/null +++ b/sections/collapsible-tabs.liquid @@ -0,0 +1,1591 @@ +{%- liquid + assign header_layout = section.settings.header_layout + assign button_style = section.settings.button_style + assign button_label = section.settings.button_label + assign button_link = section.settings.button_link + assign button_icon = section.settings.button_icon + + assign section_css_class = '' + assign col_alignment_class = '' + assign col_content_width = 100 + + assign side_button = true + + if header_layout == 'standing-column' + assign header_layout = 'vertical' + assign side_button = false + endif + + assign image_block = section.blocks | where: 'type', 'image_card' | first + if image_block + assign section_css_class = section_css_class | append: ' collapsible-tabs__has-image' + assign section_css_class = section_css_class | append: ' collapsible-tabs__image-position-' | append: image_block.settings.image_position | default: 'left' + + assign image_vertical_alignment = image_block.settings.alignment | default: 'center' + assign col_alignment_class = col_alignment_class | append: ' justify-' | append: image_vertical_alignment + + assign col_image_width = image_block.settings.image_width + assign col_content_width = col_content_width | minus: col_image_width + endif + + assign item_font_family = section.settings.item_heading_font | default: 'body' + assign item_heading_size = section.settings.item_heading_size | default: 'h6' + assign item_trigger_class = ' font-' | append: item_font_family | append: ' ' | append: item_heading_size + assign item_icon_size = section.settings.item_icon_size | default: 'extra-large' +-%} +{{ 'section-collapsible-tabs.css' | asset_url | stylesheet_tag }} + + +{% render 'divider', + show_divider: section.settings.show_section_divider, + divider_width: section.settings.divider_width +%} + +
+
+
+ {% render 'section-heading', + section_settings: section.settings, + header_layout: header_layout, + button_visible: true, + button_link: button_link, + button_style: button_style, + button_label: button_label, + button_icon: button_icon, + description_size: section.settings.text_size, + side_button: side_button + %} +
+
+ {%- if image_block -%} +
+ {% render 'card-image', + color_scheme: image_block.settings.color_scheme, + link: image_block.settings.card_link, + image: image_block.settings.image, + image_mobile: image_block.settings.image_mobile, + image_ratio: image_block.settings.image_ratio, + image_overlay_opacity: image_block.settings.image_overlay_opacity, + heading: image_block.settings.heading, + highlight_style: image_block.settings.highlight_style, + highlight_font_style: image_block.settings.highlight_font_style, + highlight_style_color: image_block.settings.highlight_style_color, + highlight_text_color: image_block.settings.highlight_text_color, + heading_size: image_block.settings.heading_size, + subheading: image_block.settings.subheading, + subheading_style: image_block.settings.subheading_style, + description: image_block.settings.description, + button_label: image_block.settings.button_label, + button_style: image_block.settings.button_style, + button_icon: image_block.settings.button_icon, + rich_text_size: image_block.settings.content_gap, + content_spacing: image_block.settings.content_spacing, + content_position: image_block.settings.content_position, + content_alignment: image_block.settings.content_alignment, + section_index: section.index, + forloop_index: 1, + heading_size_custom: image_block.settings.heading_size_custom, + heading_size_mobile: image_block.settings.heading_size_mobile + %} +
+ {%- endif -%} +
+ + {%- for block in section.blocks -%} + {%- case block.type -%} + {%- when 'collapsible_item' -%} +
+
+ +
+ {% if block.settings.icon != 'none' %} + {% render 'icons', icon: block.settings.icon, size: item_icon_size %} + {%- endif -%} +

{{ block.settings.heading }}

+
+ {%- render 'icon-plus-toggle' -%} + +
+ {{ block.settings.content }} + {{ block.settings.custom_liquid }} + {{ block.settings.page.content }} +
+
+
+ {%- when 'heading' -%} + {%- if block.settings.sub_heading != blank or block.settings.heading != blank -%} +
+ {%- if block.settings.sub_heading != blank -%} +
{{ block.settings.sub_heading }}
+ {%- endif -%} + {%- if block.settings.heading != blank -%} +

+ {% render 'highlight-text', + hl_text: block.settings.heading, + hl_style: block.settings.highlight_style, + hl_font_style: block.settings.highlight_font_style, + hl_style_color: block.settings.highlight_style_color, + hl_text_color: block.settings.highlight_text_color + %} +

+ {%- endif -%} +
+ {%- endif -%} + {%- endcase -%} + {%- endfor -%} + +
+
+
+
+
+
+{% schema %} +{ + "name": "t:sections.collapsible-tabs.name", + "disabled_on": { + "groups": ["header", "footer", "custom.overlay"] + }, + "settings": [ + { + "type": "header", + "content": "t:general.general.name" + }, + { + "type": "select", + "id": "container", + "options": [ + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + }, + { + "value": "narrow", + "label": "t:general.container.options__narrow.label" + } + ], + "default": "fixed", + "label": "t:general.container.label" + }, + { + "type": "color_scheme", + "id": "color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "header", + "content": "t:general.section_header.content" + }, + { + "type": "select", + "id": "header_layout", + "label": "t:general.layout.label", + "options": [ + { + "value": "vertical", + "label": "t:general.layout.options__1.label" + }, + { + "value": "standing-column", + "label": "t:general.layout.options__3.label" + } + ], + "default": "vertical" + }, + { + "id": "section_header_alignment", + "type": "select", + "label": "t:general.text_alignment.label", + "default": "left", + "options": [ + { + "value": "left", + "label": "t:general.text_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.text_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.text_alignment.options__3.label" + } + ] + }, + { + "id": "section_header_alignment_mobile", + "type": "select", + "label": "t:general.text_alignment.mobile.label", + "default": "inherit", + "options": [ + { + "value": "inherit", + "label": "t:general.text_alignment.options__4.label" + }, + { + "value": "left", + "label": "t:general.text_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.text_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.text_alignment.options__3.label" + } + ] + }, + { + "type": "inline_richtext", + "id": "subheading", + "label": "t:general.subheading.label" + }, + { + "type": "inline_richtext", + "id": "heading", + "label": "t:general.heading.label", + "default": "Collapsible tabs", + "info": "t:general.heading.info" + }, + { + "type": "select", + "id": "highlight_style", + "label": "t:general.highlight_text.highlight_style.label", + "options": [ + { + "value": "none", + "label": "t:general.highlight_text.highlight_style.options.option__1.label" + }, + { + "value": "hand_drawn_circle", + "label": "t:general.highlight_text.highlight_style.options.option__2.label" + }, + { + "value": "thick_underline", + "label": "t:general.highlight_text.highlight_style.options.option__3.label" + }, + { + "value": "wave_underline", + "label": "t:general.highlight_text.highlight_style.options.option__4.label" + } + ] + }, + { + "type": "select", + "id": "highlight_font_style", + "label": "t:general.highlight_text.highlight_font_style.label", + "options": [ + { + "value": "italic", + "label": "t:general.highlight_text.highlight_font_style.options.option__1.label" + }, + { + "value": "normal", + "label": "t:general.highlight_text.highlight_font_style.options.option__2.label" + } + ] + }, + { + "type": "color", + "id": "highlight_style_color", + "label": "t:general.highlight_text.highlight_style_color.label" + }, + { + "type": "color", + "id": "highlight_text_color", + "label": "t:general.highlight_text.highlight_text_color.label" + }, + { + "type": "select", + "id": "heading_size", + "label": "t:general.text_size.heading.label", + "default": "h1", + "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ] + }, + { + "type": "richtext", + "id": "description", + "label": "t:general.text.label" + }, + { + "type": "select", + "id": "text_size", + "label": "t:general.text_size.text.label", + "default": "text-base", + "options": [ + { + "value": "text-sm", + "label": "t:general.text_size.options__small.label" + }, + { + "value": "text-base", + "label": "t:general.text_size.options__base.label" + }, + { + "value": "text-lg", + "label": "t:general.text_size.options__large.label" + }, + { + "value": "text-inherit", + "label": "t:general.text_size.options__inherit.label" + } + ] + }, + { + "type": "text", + "id": "button_label", + "label": "t:general.button.button_label.label" + }, + { + "type": "url", + "id": "button_link", + "label": "t:general.button.button_link.label" + }, + { + "type": "select", + "id": "button_style", + "label": "t:general.button.button_style.label", + "options": [ + { + "value": "btn--primary", + "label": "t:general.button.button_style.options__1.label" + }, + { + "value": "btn--secondary", + "label": "t:general.button.button_style.options__2.label" + }, + { + "value": "btn--underline", + "label": "t:general.button.button_style.options__4.label" + }, + { + "value": "btn--plain", + "label": "t:general.button.button_style.options__7.label" + } + ], + "default": "btn--primary" + }, + { + "type": "select", + "id": "button_icon", + "label": "t:general.button.button_icon.label", + "options": [ + { + "value": "none", + "label": "t:general.button.button_icon.options__1.label" + }, + { + "value": "caret-right", + "label": "t:general.button.button_icon.options__2.label" + }, + { + "value": "caret-left", + "label": "t:general.button.button_icon.options__22.label" + }, + { + "value": "arrow-right", + "label": "t:general.button.button_icon.options__3.label" + }, + { + "value": "arrow-left", + "label": "t:general.button.button_icon.options__23.label" + }, + { + "value": "close", + "label": "t:general.button.button_icon.options__4.label" + }, + { + "value": "home", + "label": "t:general.button.button_icon.options__5.label" + }, + { + "value": "search", + "label": "t:general.button.button_icon.options__6.label" + }, + { + "value": "hamburger", + "label": "t:general.button.button_icon.options__7.label" + }, + { + "value": "pencil", + "label": "t:general.button.button_icon.options__8.label" + }, + { + "value": "plus", + "label": "t:general.button.button_icon.options__9.label" + }, + { + "value": "cart", + "label": "t:general.button.button_icon.options__10.label" + }, + { + "value": "account", + "label": "t:general.button.button_icon.options__11.label" + }, + { + "value": "sign-in", + "label": "t:general.button.button_icon.options__12.label" + }, + { + "value": "chat", + "label": "t:general.button.button_icon.options__13.label" + }, + { + "value": "download", + "label": "t:general.button.button_icon.options__14.label" + }, + { + "value": "upload", + "label": "t:general.button.button_icon.options__15.label" + }, + { + "value": "heart", + "label": "t:general.button.button_icon.options__16.label" + }, + { + "value": "play-outline", + "label": "t:general.button.button_icon.options__17.label" + }, + { + "value": "pause", + "label": "t:general.button.button_icon.options__18.label" + }, + { + "value": "stop", + "label": "t:general.button.button_icon.options__19.label" + }, + { + "value": "speaker", + "label": "t:general.button.button_icon.options__20.label" + }, + { + "value": "setting", + "label": "t:general.button.button_icon.options__21.label" + } + ], + "default": "none" + }, + { + "type": "header", + "content": "t:sections.collapsible-tabs.settings.header__image_card.content" + }, + { + "type": "select", + "id": "column_gap", + "options": [ + { + "value": "none", + "label": "t:general.grid.gap.options__none.label" + }, + { + "value": "2xs", + "label": "t:general.grid.gap.options__2xs.label" + }, + { + "value": "extra-small", + "label": "t:general.grid.gap.options__xs.label" + }, + { + "value": "small", + "label": "t:general.grid.gap.options__sm.label" + }, + { + "value": "medium", + "label": "t:general.grid.gap.options__md.label" + }, + { + "value": "large", + "label": "t:general.grid.gap.options__lg.label" + }, + { + "value": "extra-large", + "label": "t:general.grid.gap.options__xl.label" + } + ], + "default": "large", + "label": "t:general.grid.column_gap.label" + }, + { + "type": "select", + "id": "row_gap", + "options": [ + { + "value": "inherit", + "label": "t:general.grid.gap.options__inherit.label" + }, + { + "value": "none", + "label": "t:general.grid.gap.options__none.label" + }, + { + "value": "2xs", + "label": "t:general.grid.gap.options__2xs.label" + }, + { + "value": "extra-small", + "label": "t:general.grid.gap.options__xs.label" + }, + { + "value": "small", + "label": "t:general.grid.gap.options__sm.label" + }, + { + "value": "medium", + "label": "t:general.grid.gap.options__md.label" + }, + { + "value": "large", + "label": "t:general.grid.gap.options__lg.label" + }, + { + "value": "extra-large", + "label": "t:general.grid.gap.options__xl.label" + } + ], + "default": "inherit", + "label": "t:general.grid.row_gap.label" + }, + { + "type": "header", + "content": "t:sections.collapsible-tabs.settings.header__collapsible_tab.content" + }, + { + "type": "select", + "id": "item_style", + "label": "t:sections.collapsible-tabs.settings.item_style.label", + "default": "standard", + "options": [ + { + "value": "standard", + "label": "t:sections.collapsible-tabs.settings.item_style.options__1.label" + }, + { + "value": "card", + "label": "t:sections.collapsible-tabs.settings.item_style.options__2.label" + } + ] + }, + { + "type": "color_scheme", + "id": "item_color_scheme", + "label": "t:general.colors.label", + "default": "scheme-2" + }, + { + "type": "select", + "id": "item_heading_font", + "label": "t:general.font_family.label", + "default": "heading", + "options": [ + { + "value": "body", + "label": "t:general.font_family.options__1.label" + }, + { + "value": "heading", + "label": "t:general.font_family.options__2.label" + } + ] + }, + { + "type": "select", + "id": "item_heading_size", + "label": "t:general.text_size.heading.label", + "default": "h4", + "options": [ + { + "value": "text-base", + "label": "t:general.text_size.options__base.label" + }, + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + } + ] + }, + { + "type": "select", + "id": "item_icon_size", + "label": "t:general.icon_size.label", + "options": [ + { + "value": "extra-small", + "label": "t:general.icon_size.options__xs.label" + }, + { + "value": "small", + "label": "t:general.icon_size.options__sm.label" + }, + { + "value": "extra-medium", + "label": "t:general.icon_size.options__xmd.label" + }, + { + "value": "medium", + "label": "t:general.icon_size.options__md.label" + }, + { + "value": "large", + "label": "t:general.icon_size.options__lg.label" + }, + { + "value": "extra-large", + "label": "t:general.icon_size.options__xl.label" + } + ], + "default": "extra-large" + }, + { + "type": "header", + "content": "t:general.padding.section_heading.content" + }, + { + "type": "range", + "id": "padding_top", + "label": "t:general.padding.top.label", + "default": 50, + "min": 0, + "max": 100, + "step": 2, + "unit": "px" + }, + { + "type": "range", + "id": "padding_bottom", + "label": "t:general.padding.bottom.label", + "default": 50, + "min": 0, + "max": 100, + "step": 2, + "unit": "px" + }, + { + "type": "header", + "content": "t:general.divider.section_heading.content" + }, + { + "type": "checkbox", + "id": "show_section_divider", + "default": false, + "label": "t:general.divider.show_divider.label" + }, + { + "type": "select", + "id": "divider_width", + "label": "t:general.divider.width.label", + "options": [ + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + }, + { + "value": "full", + "label": "t:general.container.options__full.label" + } + ], + "default": "fixed" + } + ], + "blocks": [ + { + "type": "collapsible_item", + "name": "t:sections.collapsible-tabs.blocks.collapsible_item.name", + "settings": [ + { + "type": "select", + "id": "icon", + "label": "t:general.icon.label", + "options": [ + { + "value": "none", + "label": "t:general.icon.options__1.label" + }, + { + "value": "car-simple", + "label": "t:general.icon.options__2.label" + }, + { + "value": "truck", + "label": "t:general.icon.options__3.label" + }, + { + "value": "package", + "label": "t:general.icon.options__4.label" + }, + { + "value": "currency-circle-dollar", + "label": "t:general.icon.options__5.label" + }, + { + "value": "gift", + "label": "t:general.icon.options__6.label" + }, + { + "value": "heart", + "label": "t:general.icon.options__7.label" + }, + { + "value": "globe", + "label": "t:general.icon.options__8.label" + }, + { + "value": "check", + "label": "t:general.icon.options__9.label" + }, + { + "value": "arrow-up-left", + "label": "t:general.icon.options__10.label" + }, + { + "value": "lightning", + "label": "t:general.icon.options__11.label" + }, + { + "value": "calendar-blank", + "label": "t:general.icon.options__12.label" + }, + { + "value": "bell-ringing", + "label": "t:general.icon.options__13.label" + }, + { + "value": "location", + "label": "t:general.icon.options__14.label" + }, + { + "value": "tag", + "label": "t:general.icon.options__15.label" + }, + { + "value": "map-pin", + "label": "t:general.icon.options__16.label" + }, + { + "value": "smiley", + "label": "t:general.icon.options__17.label" + }, + { + "value": "stool", + "label": "t:general.icon.options__18.label" + }, + { + "value": "clock", + "label": "t:general.icon.options__19.label" + }, + { + "value": "phone", + "label": "t:general.icon.options__20.label" + }, + { + "value": "chat", + "label": "t:general.icon.options__21.label" + }, + { + "value": "paperplane", + "label": "t:general.icon.options__22.label" + }, + { + "value": "sliders", + "label": "t:general.icon.options__23.label" + }, + { + "value": "sound", + "label": "t:general.icon.options__24.label" + }, + { + "value": "music", + "label": "t:general.icon.options__25.label" + }, + { + "value": "airplane", + "label": "t:general.icon.options__26.label" + }, + { + "value": "alarm", + "label": "t:general.icon.options__27.label" + }, + { + "value": "play-list", + "label": "t:general.icon.options__28.label" + }, + { + "value": "drop-slash", + "label": "t:general.icon.options__29.label" + }, + { + "value": "pause-circle", + "label": "t:general.icon.options__30.label" + }, + { + "value": "acorn", + "label": "t:general.icon.options__34.label" + }, + { + "value": "leaf", + "label": "t:general.icon.options__35.label" + } + ], + "default": "none" + }, + { + "type": "text", + "id": "heading", + "label": "t:general.heading.label", + "default": "Collapsible tab heading" + }, + { + "type": "richtext", + "id": "content", + "label": "t:general.tab_content.label", + "default": "

Fill in the text content of the collapsible item here. You can provide details and explanation for the question here.

" + }, + { + "type": "liquid", + "id": "custom_liquid", + "label": "t:general.custom_liquid.label" + }, + { + "type": "page", + "id": "page", + "label": "t:general.page.content.label" + }, + { + "type": "checkbox", + "id": "open", + "label": "t:sections.collapsible-tabs.blocks.collapsible_item.settings.open.label" + }, + { + "type": "checkbox", + "id": "use_subtext_color", + "label": "t:general.use_subtext_color.label" + } + ] + }, + { + "type": "heading", + "name": "t:sections.collapsible-tabs.blocks.heading.name", + "limit": 1, + "settings": [ + { + "type": "text", + "id": "sub_heading", + "label": "t:general.subheading.label" + }, + { + "type": "inline_richtext", + "id": "heading", + "label": "t:general.heading.label", + "default": "Collapsible tabs", + "info": "t:general.heading.info" + }, + { + "type": "select", + "id": "highlight_style", + "label": "t:general.highlight_text.highlight_style.label", + "options": [ + { + "value": "none", + "label": "t:general.highlight_text.highlight_style.options.option__1.label" + }, + { + "value": "hand_drawn_circle", + "label": "t:general.highlight_text.highlight_style.options.option__2.label" + }, + { + "value": "thick_underline", + "label": "t:general.highlight_text.highlight_style.options.option__3.label" + }, + { + "value": "wave_underline", + "label": "t:general.highlight_text.highlight_style.options.option__4.label" + } + ] + }, + { + "type": "select", + "id": "highlight_font_style", + "label": "t:general.highlight_text.highlight_font_style.label", + "options": [ + { + "value": "italic", + "label": "t:general.highlight_text.highlight_font_style.options.option__1.label" + }, + { + "value": "normal", + "label": "t:general.highlight_text.highlight_font_style.options.option__2.label" + } + ] + }, + { + "type": "color", + "id": "highlight_style_color", + "label": "t:general.highlight_text.highlight_style_color.label" + }, + { + "type": "color", + "id": "highlight_text_color", + "label": "t:general.highlight_text.highlight_text_color.label" + }, + { + "type": "select", + "id": "heading_size", + "label": "t:general.text_size.heading.label", + "default": "h1", + "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ] + } + ] + }, + { + "type": "image_card", + "name": "t:sections.collapsible-tabs.blocks.image_card.name", + "limit": 1, + "settings": [ + { + "type": "color_scheme", + "id": "color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "header", + "content": "t:general.header__block_settings.content" + }, + { + "type": "select", + "id": "desktop_image_position", + "label": "t:general.image_position.desktop.label", + "default": "left", + "options": [ + { + "value": "left", + "label": "t:general.image_position.options__left.label" + }, + { + "value": "right", + "label": "t:general.image_position.options__right.label" + } + ] + }, + { + "type": "range", + "id": "image_width", + "label": "t:general.image_width.desktop.label", + "default": 50, + "min": 30, + "max": 70, + "step": 1, + "unit": "%" + }, + { + "type": "select", + "id": "alignment", + "label": "t:general.vertical_alignment.label", + "default": "center", + "options": [ + { + "value": "start", + "label": "t:general.vertical_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.vertical_alignment.options__2.label" + }, + { + "value": "end", + "label": "t:general.vertical_alignment.options__3.label" + } + ] + }, + { + "type": "header", + "content": "t:general.header__image_settings.content" + }, + { + "type": "image_picker", + "id": "image", + "label": "t:general.image.label" + }, + { + "type": "select", + "id": "image_ratio", + "label": "t:general.image_ratio.label", + "default": "adapt", + "options": [ + { + "value": "adapt", + "label": "t:general.image_ratio.options__1.label" + }, + { + "value": "1/1", + "label": "t:general.image_ratio.options__2.label" + }, + { + "value": "3/4", + "label": "t:general.image_ratio.options__3.label" + }, + { + "value": "4/3", + "label": "t:general.image_ratio.options__4.label" + } + ] + }, + { + "type": "range", + "id": "image_overlay_opacity", + "min": 0, + "max": 100, + "step": 2, + "unit": "%", + "label": "t:general.image_overlay_opacity.label", + "default": 0 + }, + { + "type": "header", + "content": "t:general.header__content_settings.content" + }, + { + "type": "select", + "id": "content_position", + "label": "t:general.content_position.label", + "options": [ + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__top_left.label", + "value": "top-left" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__top_center.label", + "value": "top-center" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__top_right.label", + "value": "top-right" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__middle_left.label", + "value": "middle-left" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__middle_center.label", + "value": "middle-center" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__middle_right.label", + "value": "middle-right" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__bottom_left.label", + "value": "bottom-left" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__bottom_center.label", + "value": "bottom-center" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__bottom_right.label", + "value": "bottom-right" + }, + { + "group": "t:general.content_position.optgroup__split.label", + "label": "t:general.content_position.options__middle_content.label", + "value": "split-middle-content" + }, + { + "group": "t:general.content_position.optgroup__split.label", + "label": "t:general.content_position.options__bottom_button.label", + "value": "split-bottom-button" + }, + { + "group": "t:general.content_position.optgroup__split.label", + "label": "t:general.content_position.options__top_subheading.label", + "value": "split-top-subheading" + } + ], + "default": "top-center" + }, + { + "type": "select", + "id": "content_alignment", + "label": "t:general.content_alignment.label", + "default": "center", + "options": [ + { + "value": "left", + "label": "t:general.content_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.content_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.content_alignment.options__3.label" + } + ] + }, + { + "type": "select", + "id": "content_spacing", + "label": "t:general.content_spacing.label", + "default": "medium", + "options": [ + { + "value": "extra-small", + "label": "t:general.content_spacing.options__4.label" + }, + { + "value": "small", + "label": "t:general.content_spacing.options__1.label" + }, + { + "value": "medium", + "label": "t:general.content_spacing.options__2.label" + }, + { + "value": "large", + "label": "t:general.content_spacing.options__3.label" + } + ] + }, + { + "type": "select", + "id": "content_gap", + "label": "t:general.content_gap.label", + "default": "fitted", + "options": [ + { + "value": "tight", + "label": "t:general.content_gap.options__xs.label" + }, + { + "value": "fitted", + "label": "t:general.content_gap.options__sm.label" + }, + { + "value": "standard", + "label": "t:general.content_gap.options__md.label" + } + ] + }, + { + "type": "url", + "id": "card_link", + "label": "t:general.card_link.label" + }, + { + "type": "inline_richtext", + "id": "subheading", + "label": "t:general.subheading.label" + }, + { + "type": "select", + "id": "subheading_style", + "label": "t:general.subheading_style.label", + "default": "", + "options": [ + { + "value": "", + "label": "t:general.subheading_style.options__1.label" + }, + { + "value": "border", + "label": "t:general.subheading_style.options__2.label" + }, + { + "value": "thick-border", + "label": "t:general.subheading_style.options__3.label" + } + ] + }, + { + "type": "inline_richtext", + "id": "heading", + "label": "t:general.heading.label", + "default": "Image card", + "info": "t:general.heading.info" + }, + { + "type": "select", + "id": "highlight_style", + "label": "t:general.highlight_text.highlight_style.label", + "options": [ + { + "value": "none", + "label": "t:general.highlight_text.highlight_style.options.option__1.label" + }, + { + "value": "hand_drawn_circle", + "label": "t:general.highlight_text.highlight_style.options.option__2.label" + }, + { + "value": "thick_underline", + "label": "t:general.highlight_text.highlight_style.options.option__3.label" + }, + { + "value": "wave_underline", + "label": "t:general.highlight_text.highlight_style.options.option__4.label" + } + ] + }, + { + "type": "select", + "id": "highlight_font_style", + "label": "t:general.highlight_text.highlight_font_style.label", + "options": [ + { + "value": "italic", + "label": "t:general.highlight_text.highlight_font_style.options.option__1.label" + }, + { + "value": "normal", + "label": "t:general.highlight_text.highlight_font_style.options.option__2.label" + } + ] + }, + { + "type": "color", + "id": "highlight_style_color", + "label": "t:general.highlight_text.highlight_style_color.label" + }, + { + "type": "color", + "id": "highlight_text_color", + "label": "t:general.highlight_text.highlight_text_color.label" + }, + { + "type": "select", + "id": "heading_size", + "label": "t:general.text_size.heading.label", + "default": "h1", + "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ] + }, + { + "type": "select", + "id": "heading_size_mobile", + "label": "t:general.text_size.heading_mobile.label", + "options": [ + { + "value": "inherit", + "label": "t:general.text_size.options__inherit.label" + }, + { + "value": "custom", + "label": "t:general.text_size.options__custom.label" + } + ], + "default": "inherit" + }, + { + "type": "range", + "id": "heading_size_custom", + "label": "t:general.text_size.heading_size_custom.label", + "min": 12, + "max": 100, + "step": 1, + "unit": "px", + "default": 18, + "visible_if": "{{ block.settings.heading_size_mobile == 'custom' }}" + }, + { + "type": "richtext", + "id": "description", + "label": "t:general.text.label", + "default": "

Combine images with text and a stand-out offer

" + }, + { + "type": "text", + "id": "button_label", + "label": "t:general.button.button_label.label", + "default": "Button label" + }, + { + "type": "select", + "id": "button_style", + "label": "t:general.button.button_style.label", + "options": [ + { + "value": "btn--primary", + "label": "t:general.button.button_style.options__1.label" + }, + { + "value": "btn--secondary", + "label": "t:general.button.button_style.options__2.label" + }, + { + "value": "btn--underline", + "label": "t:general.button.button_style.options__4.label" + }, + { + "value": "btn--plain", + "label": "t:general.button.button_style.options__7.label" + } + ], + "default": "btn--primary" + }, + { + "type": "select", + "id": "button_icon", + "label": "t:general.button.button_icon.label", + "options": [ + { + "value": "none", + "label": "t:general.button.button_icon.options__1.label" + }, + { + "value": "caret-right", + "label": "t:general.button.button_icon.options__2.label" + }, + { + "value": "caret-left", + "label": "t:general.button.button_icon.options__22.label" + }, + { + "value": "arrow-right", + "label": "t:general.button.button_icon.options__3.label" + }, + { + "value": "arrow-left", + "label": "t:general.button.button_icon.options__23.label" + }, + { + "value": "close", + "label": "t:general.button.button_icon.options__4.label" + }, + { + "value": "home", + "label": "t:general.button.button_icon.options__5.label" + }, + { + "value": "search", + "label": "t:general.button.button_icon.options__6.label" + }, + { + "value": "hamburger", + "label": "t:general.button.button_icon.options__7.label" + }, + { + "value": "pencil", + "label": "t:general.button.button_icon.options__8.label" + }, + { + "value": "plus", + "label": "t:general.button.button_icon.options__9.label" + }, + { + "value": "cart", + "label": "t:general.button.button_icon.options__10.label" + }, + { + "value": "account", + "label": "t:general.button.button_icon.options__11.label" + }, + { + "value": "sign-in", + "label": "t:general.button.button_icon.options__12.label" + }, + { + "value": "chat", + "label": "t:general.button.button_icon.options__13.label" + }, + { + "value": "download", + "label": "t:general.button.button_icon.options__14.label" + }, + { + "value": "upload", + "label": "t:general.button.button_icon.options__15.label" + }, + { + "value": "heart", + "label": "t:general.button.button_icon.options__16.label" + }, + { + "value": "play-outline", + "label": "t:general.button.button_icon.options__17.label" + }, + { + "value": "pause", + "label": "t:general.button.button_icon.options__18.label" + }, + { + "value": "stop", + "label": "t:general.button.button_icon.options__19.label" + }, + { + "value": "speaker", + "label": "t:general.button.button_icon.options__20.label" + }, + { + "value": "setting", + "label": "t:general.button.button_icon.options__21.label" + } + ], + "default": "none" + }, + { + "type": "header", + "content": "t:general.mobile.name" + }, + { + "type": "image_picker", + "id": "image_mobile", + "label": "t:general.image.label" + }, + { + "type": "checkbox", + "id": "order_first", + "label": "t:sections.collapsible-tabs.blocks.image_card.settings.order_first.label", + "default": false + } + ] + } + ], + "presets": [ + { + "name": "t:sections.collapsible-tabs.name", + "blocks": [ + { + "type": "collapsible_item" + }, + { + "type": "collapsible_item" + }, + { + "type": "collapsible_item" + } + ] + } + ] +} +{% endschema %} diff --git a/sections/collection-cards.liquid b/sections/collection-cards.liquid new file mode 100644 index 00000000000..25559828e13 --- /dev/null +++ b/sections/collection-cards.liquid @@ -0,0 +1,653 @@ +{{ 'section-collection-cards.css' | asset_url | stylesheet_tag }} + + +{% liquid + assign columns_mobile_int = section.settings.columns_mobile | plus: 0 + assign enable_swipe_mobile = false + if section.settings.swipe_on_mobile and section.blocks.size > columns_mobile_int + assign enable_swipe_mobile = true + endif + + assign columns_desktop = section.settings.columns_desktop + assign columns_latop = columns_desktop + assign columns_tablet = 2 + if columns_desktop > 3 + assign columns_latop = columns_desktop | divided_by: 2.0 | ceil + endif + + if section.blocks.size < 2 + assign columns_desktop = 1 + assign columns_latop = 1 + assign columns_tablet = 1 + endif + + assign enable_slider = section.settings.enable_slider + + if section.blocks.size <= columns_desktop + assign enable_slider = false + endif + assign has_richtext = false + if section.settings.heading != blank or section.settings.description != blank or section.settings.subheading != blank + assign has_richtext = true + endif + + assign header_empty = true + if has_richtext or enable_slider + assign header_empty = false + endif + + assign header_alignment = section.settings.section_header_alignment + assign header_alignment_mobile = section.settings.section_header_alignment_mobile + if header_alignment_mobile == 'inherit' + assign header_alignment_mobile = header_alignment + endif + + assign motion_delay = 50 + + assign is_control_on_header = true +%} + +{% style %} + .section-{{ section.id }} { + --section-padding-top: {{ section.settings.padding_top }}px; + --section-padding-bottom: {{ section.settings.padding_bottom }}px; + --f-columns-mobile: {{ columns_mobile_int }}; + --f-columns-md: {{ columns_tablet }}; + --f-columns-lg: {{ columns_latop }}; + --f-columns-xl: {{ columns_desktop }}; + } +{% endstyle %} + +{% render 'divider', + show_divider: section.settings.show_section_divider, + divider_width: section.settings.divider_width +%} + +
+
+
+ {%- unless header_empty -%} +
+ {% if has_richtext %} +
+ {% if section.settings.subheading != blank %} + + {{- section.settings.subheading -}} + + {%- assign motion_delay = motion_delay | plus: 50 -%} + {% endif %} + {% if section.settings.heading != blank %} +

+ + {% render 'highlight-text', + hl_text: section.settings.heading, + hl_style: section.settings.highlight_style, + hl_font_style: section.settings.highlight_font_style, + hl_style_color: section.settings.highlight_style_color, + hl_text_color: section.settings.highlight_text_color + %} + +

+ {%- assign motion_delay = motion_delay | plus: 50 -%} + {% endif %} + {% if section.settings.description != blank %} + + {{- section.settings.description -}} + + {%- assign motion_delay = motion_delay | plus: 50 -%} + {% endif %} +
+ {% endif %} + + {% if enable_slider and is_control_on_header %} + + {% endif %} +
+ {%- endunless -%} +
+ +
+ {%- for block in section.blocks -%} +
+ {% capture current %}{% cycle 1, 2, 3, 4, 5, 6 %}{% endcapture %} + {% render 'collection-cards-item', + current: current, + color_scheme: section.settings.card_color_scheme, + collection: block.settings.collection, + featured_image: block.settings.image, + title: block.settings.title, + image_ratio: section.settings.image_ratio, + show_product_count: section.settings.show_product_count + %} +
+ {%- endfor -%} +
+ +
+
+
+
+ +{% schema %} +{ + "name": "t:sections.collection-cards.name", + "tag": "section", + "class": "section", + "disabled_on": { + "groups": ["footer", "header", "custom.overlay"] + }, + "settings": [ + { + "type": "header", + "content": "t:general.general.name" + }, + { + "type": "select", + "id": "container", + "label": "t:general.container.label", + "options": [ + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + }, + { + "value": "full", + "label": "t:general.container.options__full.label" + } + ], + "default": "fixed" + }, + { + "type": "color_scheme", + "id": "color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "select", + "id": "section_header_alignment", + "label": "t:general.text_alignment.label", + "options": [ + { + "value": "left", + "label": "t:general.text_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.text_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.text_alignment.options__3.label" + } + ], + "default": "left" + }, + { + "type": "select", + "id": "section_header_alignment_mobile", + "label": "t:general.text_alignment.mobile.label", + "options": [ + { + "value": "inherit", + "label": "t:general.text_alignment.options__4.label" + }, + { + "value": "left", + "label": "t:general.text_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.text_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.text_alignment.options__3.label" + } + ], + "default": "inherit" + }, + { + "type": "inline_richtext", + "id": "subheading", + "label": "t:general.subheading.label" + }, + { + "type": "inline_richtext", + "id": "heading", + "label": "t:general.heading.label", + "default": "Shop By Campaign", + "info": "t:general.heading.info" + }, + { + "type": "select", + "id": "highlight_style", + "label": "t:general.highlight_text.highlight_style.label", + "options": [ + { + "value": "none", + "label": "t:general.highlight_text.highlight_style.options.option__1.label" + }, + { + "value": "hand_drawn_circle", + "label": "t:general.highlight_text.highlight_style.options.option__2.label" + }, + { + "value": "thick_underline", + "label": "t:general.highlight_text.highlight_style.options.option__3.label" + }, + { + "value": "wave_underline", + "label": "t:general.highlight_text.highlight_style.options.option__4.label" + } + ] + }, + { + "type": "select", + "id": "highlight_font_style", + "label": "t:general.highlight_text.highlight_font_style.label", + "options": [ + { + "value": "italic", + "label": "t:general.highlight_text.highlight_font_style.options.option__1.label" + }, + { + "value": "normal", + "label": "t:general.highlight_text.highlight_font_style.options.option__2.label" + } + ] + }, + { + "type": "color", + "id": "highlight_style_color", + "label": "t:general.highlight_text.highlight_style_color.label" + }, + { + "type": "color", + "id": "highlight_text_color", + "label": "t:general.highlight_text.highlight_text_color.label" + }, + { + "type": "select", + "id": "heading_size", + "label": "t:general.text_size.heading.label", + "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ], + "default": "h2" + }, + { + "type": "richtext", + "id": "description", + "label": "t:general.text.label" + }, + { + "type": "select", + "id": "text_size", + "label": "t:general.text_size.description.label", + "options": [ + { + "value": "text-sm", + "label": "t:general.text_size.options__small.label" + }, + { + "value": "text-base", + "label": "t:general.text_size.options__base.label" + }, + { + "value": "text-lg", + "label": "t:general.text_size.options__large.label" + }, + { + "value": "text-inherit", + "label": "t:general.text_size.options__inherit.label" + } + ] + }, + { + "type": "range", + "id": "columns_desktop", + "label": "t:general.grid.columns_desktop.label", + "min": 2, + "max": 6, + "step": 1, + "default": 4 + }, + { + "type": "select", + "id": "column_gap", + "label": "t:general.grid.column_gap.label", + "options": [ + { + "value": "none", + "label": "t:general.grid.gap.options__none.label" + }, + { + "value": "2xs", + "label": "t:general.grid.gap.options__2xs.label" + }, + { + "value": "extra-small", + "label": "t:general.grid.gap.options__xs.label" + }, + { + "value": "small", + "label": "t:general.grid.gap.options__sm.label" + }, + { + "value": "medium", + "label": "t:general.grid.gap.options__md.label" + }, + { + "value": "large", + "label": "t:general.grid.gap.options__lg.label" + }, + { + "value": "extra-large", + "label": "t:general.grid.gap.options__xl.label" + } + ], + "default": "medium" + }, + { + "type": "select", + "id": "row_gap", + "label": "t:general.grid.row_gap.label", + "options": [ + { + "value": "inherit", + "label": "t:general.grid.gap.options__inherit.label" + }, + { + "value": "none", + "label": "t:general.grid.gap.options__none.label" + }, + { + "value": "2xs", + "label": "t:general.grid.gap.options__2xs.label" + }, + { + "value": "extra-small", + "label": "t:general.grid.gap.options__xs.label" + }, + { + "value": "small", + "label": "t:general.grid.gap.options__sm.label" + }, + { + "value": "medium", + "label": "t:general.grid.gap.options__md.label" + }, + { + "value": "large", + "label": "t:general.grid.gap.options__lg.label" + }, + { + "value": "extra-large", + "label": "t:general.grid.gap.options__xl.label" + } + ], + "default": "inherit" + }, + { + "type": "header", + "content": "t:general.carousel.name" + }, + { + "type": "checkbox", + "id": "enable_slider", + "label": "t:general.carousel.enable_carousel.label", + "default": true + }, + { + "type": "header", + "content": "t:general.mobile.name" + }, + { + "type": "select", + "id": "columns_mobile", + "options": [ + { + "value": "1", + "label": "t:general.mobile.columns_mobile.options__1.label" + }, + { + "value": "2", + "label": "t:general.mobile.columns_mobile.options__2.label" + } + ], + "default": "1", + "label": "t:general.mobile.columns_mobile.label" + }, + { + "type": "checkbox", + "id": "swipe_on_mobile", + "default": true, + "label": "t:general.mobile.swipe_on_mobile.label" + }, + { + "type": "header", + "content": "t:general.header__card_settings.content" + }, + { + "type": "color_scheme", + "id": "card_color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "select", + "id": "image_ratio", + "label": "t:general.image_ratio.label", + "default": "3/4", + "options": [ + { + "value": "adapt", + "label": "t:general.image_ratio.options__1.label" + }, + { + "value": "1/1", + "label": "t:general.image_ratio.options__2.label" + }, + { + "value": "3/4", + "label": "t:general.image_ratio.options__3.label" + }, + { + "value": "4/3", + "label": "t:general.image_ratio.options__4.label" + } + ] + }, + { + "type": "checkbox", + "id": "show_product_count", + "label": "t:sections.collection-cards.settings.show_product_count.label", + "default": true + }, + { + "type": "header", + "content": "t:general.padding.section_heading.content" + }, + { + "type": "range", + "id": "padding_top", + "label": "t:general.padding.top.label", + "min": 0, + "max": 100, + "step": 2, + "unit": "px", + "default": 50 + }, + { + "type": "range", + "id": "padding_bottom", + "label": "t:general.padding.bottom.label", + "min": 0, + "max": 100, + "step": 2, + "unit": "px", + "default": 50 + }, + { + "type": "header", + "content": "t:general.divider.section_heading.content" + }, + { + "type": "checkbox", + "id": "show_section_divider", + "label": "t:general.divider.show_divider.label", + "default": false + }, + { + "type": "select", + "id": "divider_width", + "label": "t:general.divider.width.label", + "options": [ + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + }, + { + "value": "full", + "label": "t:general.container.options__full.label" + } + ], + "default": "fixed" + } + ], + "blocks": [ + { + "type": "collection", + "name": "t:general.collection.label", + "settings": [ + { + "type": "collection", + "id": "collection", + "label": "t:general.collection.label" + }, + { + "type": "image_picker", + "id": "image", + "label": "t:general.image.label" + }, + { + "type": "text", + "id": "title", + "label": "t:general.collection.title.label", + "info": "t:general.collection.title.info" + }, + { + "type": "header", + "content": "t:sections.collection-cards.blocks.settings.image.custom.content", + "info": "t:sections.collection-cards.blocks.settings.image.custom.info" + }, + { + "type": "paragraph", + "content": "t:sections.collection-cards.blocks.settings.image.paragraph.content" + } + ] + } + ], + "presets": [ + { + "name": "t:sections.collection-cards.presets", + "blocks": [ + { + "type": "collection" + }, + { + "type": "collection" + }, + { + "type": "collection" + }, + { + "type": "collection" + }, + { + "type": "collection" + }, + { + "type": "collection" + } + ] + } + ] +} +{% endschema %} diff --git a/sections/collection-list-slider.liquid b/sections/collection-list-slider.liquid new file mode 100644 index 00000000000..e57cae3017b --- /dev/null +++ b/sections/collection-list-slider.liquid @@ -0,0 +1,736 @@ + +{%- liquid + assign button_style = section.settings.button_style + assign button_label = section.settings.button_label + assign button_link = section.settings.button_link + assign button_icon = section.settings.button_icon + + assign card_has_bg = false + if section.settings.color_scheme != section.settings.card_color_scheme + assign card_has_bg = true + endif +-%} + +{%- style -%} + .section-{{ section.id }} { + --swiper-navigation-size: 3.8rem; + } + .section-{{ section.id }} .swiper-slide { + width: var(--slide-width, 12rem); + } + @media (max-width: 767px) { + .section-{{ section.id }} .swiper-slide { + --slide-width: 9rem; + } + .section-{{ section.id }} [data-mobile-layout="horizontal"] .swiper-slide { + --slide-width: 16rem; + } + .section-{{ section.id }} .swipe-mobile__inner { + --f-column-gap: .8rem; + } + } + @media (min-width: 1280px) { + .section-{{ section.id }} .swiper-slide { + width: var(--slide-width, 13rem); + } + } +{%- endstyle -%} + +{% render 'divider', + show_divider: section.settings.show_section_divider, + divider_width: section.settings.divider_width +%} +
+
+
+ {% render 'section-heading', + section_settings: section.settings, + description_size: section.settings.text_size, + button_visible: true, + button_link: button_link, + button_style: button_style, + button_label: button_label, + button_icon: button_icon + %} +
+ +
+ {%- for block in section.blocks -%} + {%- liquid + assign collection = collections[block.settings.collection] + assign title = block.settings.title + -%} +
+ {% render 'card-collection', + collection: collection, + featured_image: block.settings.image, + title: title, + image_ratio: section.settings.card_image_ratio, + has_bg: card_has_bg, + rounded_image: section.settings.rounded_card_image, + card_style: section.settings.card_style, + color_scheme: section.settings.card_color_scheme, + image_width: section.settings.card_image_width, + image_padding: section.settings.card_image_padding, + mobile_layout: section.settings.mobile_layout, + heading_size: section.settings.card_heading_size + %} +
+ {%- endfor -%} +
+ + +
+
+
+
+{% schema %} +{ + "name": "t:sections.collection-list-slider.name", + "tag": "section", + "class": "section-collection-list-slider", + "max_blocks": 18, + "disabled_on": { + "groups": ["footer", "header", "custom.overlay"] + }, + "settings": [ + { + "type": "header", + "content": "t:general.general.name" + }, + { + "type": "select", + "id": "container", + "options": [ + { + "value": "full", + "label": "t:general.container.options__full.label" + }, + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + } + ], + "default": "fixed", + "label": "t:general.container.label" + }, + { + "type": "color_scheme", + "id": "color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "header", + "content": "t:general.section_header.content" + }, + { + "id": "section_header_alignment", + "type": "select", + "label": "t:general.text_alignment.label", + "default": "center", + "options": [ + { + "value": "left", + "label": "t:general.text_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.text_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.text_alignment.options__3.label" + } + ] + }, + { + "id": "section_header_alignment_mobile", + "type": "select", + "label": "t:general.text_alignment.mobile.label", + "default": "inherit", + "options": [ + { + "value": "inherit", + "label": "t:general.text_alignment.options__4.label" + }, + { + "value": "left", + "label": "t:general.text_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.text_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.text_alignment.options__3.label" + } + ] + }, + { + "type": "inline_richtext", + "id": "subheading", + "label": "t:general.subheading.label" + }, + { + "type": "inline_richtext", + "id": "heading", + "default": "Collections", + "label": "t:general.heading.label", + "info": "t:general.heading.info" + }, + { + "type": "select", + "id": "highlight_style", + "label": "t:general.highlight_text.highlight_style.label", + "options": [ + { + "value": "none", + "label": "t:general.highlight_text.highlight_style.options.option__1.label" + }, + { + "value": "hand_drawn_circle", + "label": "t:general.highlight_text.highlight_style.options.option__2.label" + }, + { + "value": "thick_underline", + "label": "t:general.highlight_text.highlight_style.options.option__3.label" + }, + { + "value": "wave_underline", + "label": "t:general.highlight_text.highlight_style.options.option__4.label" + } + ] + }, + { + "type": "select", + "id": "highlight_font_style", + "label": "t:general.highlight_text.highlight_font_style.label", + "options": [ + { + "value": "italic", + "label": "t:general.highlight_text.highlight_font_style.options.option__1.label" + }, + { + "value": "normal", + "label": "t:general.highlight_text.highlight_font_style.options.option__2.label" + } + ] + }, + { + "type": "color", + "id": "highlight_style_color", + "label": "t:general.highlight_text.highlight_style_color.label" + }, + { + "type": "color", + "id": "highlight_text_color", + "label": "t:general.highlight_text.highlight_text_color.label" + }, + { + "type": "select", + "id": "heading_size", + "label": "t:general.text_size.heading.label", + "default": "h1", + "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ] + }, + { + "type": "richtext", + "id": "description", + "label": "t:general.text.label" + }, + { + "type": "select", + "id": "text_size", + "label": "t:general.text_size.text.label", + "default": "text-base", + "options": [ + { + "value": "text-sm", + "label": "t:general.text_size.options__small.label" + }, + { + "value": "text-base", + "label": "t:general.text_size.options__base.label" + }, + { + "value": "text-lg", + "label": "t:general.text_size.options__large.label" + }, + { + "value": "text-inherit", + "label": "t:general.text_size.options__inherit.label" + } + ] + }, + { + "type": "text", + "id": "button_label", + "label": "t:general.button.button_label.label" + }, + { + "type": "url", + "id": "button_link", + "label": "t:general.button.button_link.label" + }, + { + "type": "select", + "id": "button_style", + "label": "t:general.button.button_style.label", + "options": [ + { + "value": "btn--primary", + "label": "t:general.button.button_style.options__1.label" + }, + { + "value": "btn--secondary", + "label": "t:general.button.button_style.options__2.label" + }, + { + "value": "btn--underline", + "label": "t:general.button.button_style.options__4.label" + }, + { + "value": "btn--plain", + "label": "t:general.button.button_style.options__7.label" + } + ], + "default": "btn--underline" + }, + { + "type": "select", + "id": "button_icon", + "label": "t:general.button.button_icon.label", + "options": [ + { + "value": "none", + "label": "t:general.button.button_icon.options__1.label" + }, + { + "value": "caret-right", + "label": "t:general.button.button_icon.options__2.label" + }, + { + "value": "caret-left", + "label": "t:general.button.button_icon.options__22.label" + }, + { + "value": "arrow-right", + "label": "t:general.button.button_icon.options__3.label" + }, + { + "value": "arrow-left", + "label": "t:general.button.button_icon.options__23.label" + }, + { + "value": "close", + "label": "t:general.button.button_icon.options__4.label" + }, + { + "value": "home", + "label": "t:general.button.button_icon.options__5.label" + }, + { + "value": "search", + "label": "t:general.button.button_icon.options__6.label" + }, + { + "value": "hamburger", + "label": "t:general.button.button_icon.options__7.label" + }, + { + "value": "pencil", + "label": "t:general.button.button_icon.options__8.label" + }, + { + "value": "plus", + "label": "t:general.button.button_icon.options__9.label" + }, + { + "value": "cart", + "label": "t:general.button.button_icon.options__10.label" + }, + { + "value": "account", + "label": "t:general.button.button_icon.options__11.label" + }, + { + "value": "sign-in", + "label": "t:general.button.button_icon.options__12.label" + }, + { + "value": "chat", + "label": "t:general.button.button_icon.options__13.label" + }, + { + "value": "download", + "label": "t:general.button.button_icon.options__14.label" + }, + { + "value": "upload", + "label": "t:general.button.button_icon.options__15.label" + }, + { + "value": "heart", + "label": "t:general.button.button_icon.options__16.label" + }, + { + "value": "play-outline", + "label": "t:general.button.button_icon.options__17.label" + }, + { + "value": "pause", + "label": "t:general.button.button_icon.options__18.label" + }, + { + "value": "stop", + "label": "t:general.button.button_icon.options__19.label" + }, + { + "value": "speaker", + "label": "t:general.button.button_icon.options__20.label" + }, + { + "value": "setting", + "label": "t:general.button.button_icon.options__21.label" + } + ], + "default": "none" + }, + { + "type": "header", + "content": "t:general.header__card_settings.content" + }, + { + "type": "color_scheme", + "id": "card_color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "select", + "id": "card_style", + "label": "t:sections.collection-list.settings.card_style.label", + "options": [ + { + "value": "standard", + "label": "t:sections.collection-list.settings.card_style.options__1.label" + }, + { + "value": "card", + "label": "t:sections.collection-list.settings.card_style.options__2.label" + } + ], + "default": "standard" + }, + { + "type": "select", + "id": "card_heading_size", + "label": "t:general.text_size.heading.label", + "default": "text-base", + "options": [ + { + "value": "text-base", + "label": "t:general.text_size.options__base.label" + }, + { + "value": "h6", + "label": "t:general.text_size.options__h6.label" + }, + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + } + ] + }, + { + "type": "select", + "id": "card_image_ratio", + "label": "t:general.image_ratio.label", + "default": "1/1", + "options": [ + { + "value": "adapt", + "label": "t:general.image_ratio.options__1.label" + }, + { + "value": "1/1", + "label": "t:general.image_ratio.options__2.label" + }, + { + "value": "3/4", + "label": "t:general.image_ratio.options__3.label" + }, + { + "value": "4/3", + "label": "t:general.image_ratio.options__4.label" + } + ] + }, + { + "type": "select", + "id": "card_image_width", + "label": "t:general.image_width.label", + "options": [ + { + "value": "medium", + "label": "t:general.image_width.options__md.label" + }, + { + "value": "large", + "label": "t:general.image_width.options__lg.label" + }, + { + "value": "full", + "label": "t:general.image_width.options__full.label" + } + ], + "default": "medium" + }, + { + "type": "select", + "id": "card_image_padding", + "label": "t:general.image_padding.label", + "options": [ + { + "value": "none", + "label": "t:general.image_padding.options__none.label" + }, + { + "value": "small", + "label": "t:general.image_padding.options__small.label" + }, + { + "value": "medium", + "label": "t:general.image_padding.options__medium.label" + } + ], + "default": "none", + "visible_if": "{{ section.settings.card_style == 'card' }}" + }, + { + "type": "checkbox", + "id": "rounded_card_image", + "label": "t:sections.collection-list.settings.rounded_card_image.label", + "default": true + }, + { + "type": "select", + "id": "mobile_layout", + "label": "t:sections.collection-list.settings.mobile_layout.label", + "options": [ + { + "value": "horizontal", + "label": "t:sections.collection-list.settings.mobile_layout.options__1.label" + }, + { + "value": "vertical", + "label": "t:sections.collection-list.settings.mobile_layout.options__2.label" + } + ], + "default": "vertical", + "visible_if": "{{ section.settings.card_style == 'card' }}" + }, + { + "type": "header", + "content": "t:general.carousel.name" + }, + { + "type": "select", + "id": "carousel_item_size", + "label": "t:general.carousel.item_size.label", + "options": [ + { + "value": "auto", + "label": "t:general.carousel.item_size.options__auto.label" + }, + { + "value": "fixed", + "label": "t:general.carousel.item_size.options__fixed.label" + } + ], + "default": "auto" + }, + { + "type": "range", + "id": "columns_desktop", + "min": 2, + "max": 10, + "step": 1, + "default": 6, + "label": "t:general.grid.columns_desktop.label", + "visible_if": "{{ section.settings.carousel_item_size == 'fixed' }}" + }, + { + "type": "color_scheme", + "id": "carousel_control_color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "header", + "content": "t:general.padding.section_heading.content" + }, + { + "type": "range", + "id": "padding_top", + "min": 0, + "max": 100, + "step": 2, + "unit": "px", + "label": "t:general.padding.top.label", + "default": 50 + }, + { + "type": "range", + "id": "padding_bottom", + "min": 0, + "max": 100, + "step": 2, + "unit": "px", + "label": "t:general.padding.bottom.label", + "default": 50 + }, + { + "type": "header", + "content": "t:general.divider.section_heading.content" + }, + { + "type": "checkbox", + "id": "show_section_divider", + "default": false, + "label": "t:general.divider.show_divider.label" + }, + { + "type": "select", + "id": "divider_width", + "options": [ + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + }, + { + "value": "full", + "label": "t:general.container.options__full.label" + } + ], + "default": "fixed", + "label": "t:general.divider.width.label" + } + ], + "blocks": [ + { + "type": "featured_collection", + "name": "t:general.collection.label", + "settings": [ + { + "type": "collection", + "id": "collection", + "label": "t:general.collection.label" + }, + { + "type": "image_picker", + "id": "image", + "label": "t:general.image.label" + }, + { + "type": "text", + "id": "title", + "label": "t:general.collection.title.label", + "info": "t:general.collection.title.info" + } + ] + } + ], + "presets": [ + { + "name": "t:sections.collection-list-slider.name", + "blocks": [ + { + "type": "featured_collection" + }, + { + "type": "featured_collection" + }, + { + "type": "featured_collection" + }, + { + "type": "featured_collection" + }, + { + "type": "featured_collection" + }, + { + "type": "featured_collection" + }, + { + "type": "featured_collection" + }, + { + "type": "featured_collection" + } + ] + } + ] +} +{% endschema %} diff --git a/sections/collection-list-with-banner.liquid b/sections/collection-list-with-banner.liquid new file mode 100644 index 00000000000..c74fb6882a3 --- /dev/null +++ b/sections/collection-list-with-banner.liquid @@ -0,0 +1,1386 @@ +{{ 'section-collection-list-with-banner.css' | asset_url | stylesheet_tag }} +{%- liquid + assign banner_block = section.blocks | find: 'type', 'image_card' + assign collection_block = section.blocks | where: 'type', 'featured_collection' + assign columns_mobile_int = section.settings.columns_mobile | plus: 0 + assign enable_swipe_mobile = false + if section.settings.swipe_on_mobile and collection_block.size > columns_mobile_int + assign enable_swipe_mobile = true + endif + + assign image = banner_block.settings.image + assign image_mobile = banner_block.settings.image_mobile + assign image_ratio = image.aspect_ratio | default: '2.333' + assign image_mobile_ratio = image_mobile.aspect_ratio | default: '1' + assign columns_desktop = section.settings.columns_desktop + assign tablet_items = columns_desktop | at_most: 2 + assign laptop_items = columns_desktop | at_most: 5 + + assign button_style = section.settings.button_style + assign button_label = section.settings.button_label + assign button_link = section.settings.button_link + assign button_icon = section.settings.button_icon +-%} + +{% style %} + .section-{{ section.id }} { + --section-padding-top: {{ section.settings.padding_top }}px; + --section-padding-bottom: {{ section.settings.padding_bottom }}px; + --f-columns-mobile: {{ columns_mobile_int }}; + --f-columns-md: {{ tablet_items }}; + --f-columns-lg: {{ laptop_items }}; + --f-columns-xl: {{ columns_desktop }}; + } +{% endstyle %} + +{% render 'divider', + show_divider: section.settings.show_section_divider, + divider_width: section.settings.divider_width +%} +
+
+
+ {% render 'section-heading', + section_settings: section.settings, + description_size: section.settings.text_size, + button_visible: true, + button_link: button_link, + button_style: button_style, + button_icon: button_icon, + button_label: button_label + %} + +
+
+
+ +{% schema %} +{ + "name": "t:sections.collection-list-banner.name", + "tag": "section", + "class": "section-collection-list-banner", + "disabled_on": { + "groups": ["footer", "header", "custom.overlay"] + }, + "settings": [ + { + "type": "header", + "content": "t:general.general.name" + }, + { + "type": "select", + "id": "container", + "options": [ + { + "value": "full", + "label": "t:general.container.options__full.label" + }, + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + } + ], + "default": "fixed", + "label": "t:general.container.label" + }, + { + "type": "color_scheme", + "id": "color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "header", + "content": "t:general.section_header.content" + }, + { + "id": "section_header_alignment", + "type": "select", + "label": "t:general.text_alignment.label", + "default": "center", + "options": [ + { + "value": "left", + "label": "t:general.text_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.text_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.text_alignment.options__3.label" + } + ] + }, + { + "id": "section_header_alignment_mobile", + "type": "select", + "label": "t:general.text_alignment.mobile.label", + "default": "inherit", + "options": [ + { + "value": "inherit", + "label": "t:general.text_alignment.options__4.label" + }, + { + "value": "left", + "label": "t:general.text_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.text_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.text_alignment.options__3.label" + } + ] + }, + { + "type": "inline_richtext", + "id": "subheading", + "label": "t:general.subheading.label" + }, + { + "type": "inline_richtext", + "id": "heading", + "default": "Collections", + "label": "t:general.heading.label", + "info": "t:general.heading.info" + }, + { + "type": "select", + "id": "highlight_style", + "label": "t:general.highlight_text.highlight_style.label", + "options": [ + { + "value": "none", + "label": "t:general.highlight_text.highlight_style.options.option__1.label" + }, + { + "value": "hand_drawn_circle", + "label": "t:general.highlight_text.highlight_style.options.option__2.label" + }, + { + "value": "thick_underline", + "label": "t:general.highlight_text.highlight_style.options.option__3.label" + }, + { + "value": "wave_underline", + "label": "t:general.highlight_text.highlight_style.options.option__4.label" + } + ] + }, + { + "type": "select", + "id": "highlight_font_style", + "label": "t:general.highlight_text.highlight_font_style.label", + "options": [ + { + "value": "italic", + "label": "t:general.highlight_text.highlight_font_style.options.option__1.label" + }, + { + "value": "normal", + "label": "t:general.highlight_text.highlight_font_style.options.option__2.label" + } + ] + }, + { + "type": "color", + "id": "highlight_style_color", + "label": "t:general.highlight_text.highlight_style_color.label" + }, + { + "type": "color", + "id": "highlight_text_color", + "label": "t:general.highlight_text.highlight_text_color.label" + }, + { + "type": "select", + "id": "heading_size", + "label": "t:general.text_size.heading.label", + "default": "h1", + "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ] + }, + { + "type": "richtext", + "id": "description", + "label": "t:general.text.label" + }, + { + "type": "select", + "id": "text_size", + "label": "t:general.text_size.text.label", + "default": "text-base", + "options": [ + { + "value": "text-sm", + "label": "t:general.text_size.options__small.label" + }, + { + "value": "text-base", + "label": "t:general.text_size.options__base.label" + }, + { + "value": "text-lg", + "label": "t:general.text_size.options__large.label" + }, + { + "value": "text-inherit", + "label": "t:general.text_size.options__inherit.label" + } + ] + }, + { + "type": "text", + "id": "button_label", + "label": "t:general.button.button_label.label" + }, + { + "type": "url", + "id": "button_link", + "label": "t:general.button.button_link.label" + }, + { + "type": "select", + "id": "button_style", + "label": "t:general.button.button_style.label", + "options": [ + { + "value": "btn--primary", + "label": "t:general.button.button_style.options__1.label" + }, + { + "value": "btn--secondary", + "label": "t:general.button.button_style.options__2.label" + }, + { + "value": "btn--underline", + "label": "t:general.button.button_style.options__4.label" + }, + { + "value": "btn--plain", + "label": "t:general.button.button_style.options__7.label" + } + ], + "default": "btn--underline" + }, + { + "type": "select", + "id": "button_icon", + "label": "t:general.button.button_icon.label", + "options": [ + { + "value": "none", + "label": "t:general.button.button_icon.options__1.label" + }, + { + "value": "caret-right", + "label": "t:general.button.button_icon.options__2.label" + }, + { + "value": "caret-left", + "label": "t:general.button.button_icon.options__22.label" + }, + { + "value": "arrow-right", + "label": "t:general.button.button_icon.options__3.label" + }, + { + "value": "arrow-left", + "label": "t:general.button.button_icon.options__23.label" + }, + { + "value": "close", + "label": "t:general.button.button_icon.options__4.label" + }, + { + "value": "home", + "label": "t:general.button.button_icon.options__5.label" + }, + { + "value": "search", + "label": "t:general.button.button_icon.options__6.label" + }, + { + "value": "hamburger", + "label": "t:general.button.button_icon.options__7.label" + }, + { + "value": "pencil", + "label": "t:general.button.button_icon.options__8.label" + }, + { + "value": "plus", + "label": "t:general.button.button_icon.options__9.label" + }, + { + "value": "cart", + "label": "t:general.button.button_icon.options__10.label" + }, + { + "value": "account", + "label": "t:general.button.button_icon.options__11.label" + }, + { + "value": "sign-in", + "label": "t:general.button.button_icon.options__12.label" + }, + { + "value": "chat", + "label": "t:general.button.button_icon.options__13.label" + }, + { + "value": "download", + "label": "t:general.button.button_icon.options__14.label" + }, + { + "value": "upload", + "label": "t:general.button.button_icon.options__15.label" + }, + { + "value": "heart", + "label": "t:general.button.button_icon.options__16.label" + }, + { + "value": "play-outline", + "label": "t:general.button.button_icon.options__17.label" + }, + { + "value": "pause", + "label": "t:general.button.button_icon.options__18.label" + }, + { + "value": "stop", + "label": "t:general.button.button_icon.options__19.label" + }, + { + "value": "speaker", + "label": "t:general.button.button_icon.options__20.label" + }, + { + "value": "setting", + "label": "t:general.button.button_icon.options__21.label" + } + ], + "default": "none" + }, + { + "type": "header", + "content": "t:general.header__card_settings.content" + }, + { + "type": "color_scheme", + "id": "card_color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "select", + "id": "card_image_ratio", + "label": "t:general.image_ratio.label", + "default": "1/1", + "options": [ + { + "value": "adapt", + "label": "t:general.image_ratio.options__1.label" + }, + { + "value": "1/1", + "label": "t:general.image_ratio.options__2.label" + }, + { + "value": "3/4", + "label": "t:general.image_ratio.options__3.label" + }, + { + "value": "4/3", + "label": "t:general.image_ratio.options__4.label" + } + ] + }, + { + "type": "checkbox", + "id": "rounded_card_image", + "label": "t:sections.collection-list.settings.rounded_card_image.label", + "default": true + }, + { + "type": "header", + "content": "t:general.grid.name" + }, + { + "type": "range", + "id": "columns_desktop", + "min": 2, + "max": 6, + "step": 1, + "default": 3, + "label": "t:general.grid.columns_desktop.label" + }, + { + "type": "checkbox", + "id": "grid_bordered", + "label": "t:sections.collection-list.settings.show_grid_border.label", + "default": true + }, + { + "type": "select", + "id": "column_gap", + "visible_if": "{{ section.settings.grid_bordered == false }}", + "options": [ + { + "value": "none", + "label": "t:general.grid.gap.options__none.label" + }, + { + "value": "2xs", + "label": "t:general.grid.gap.options__2xs.label" + }, + { + "value": "extra-small", + "label": "t:general.grid.gap.options__xs.label" + }, + { + "value": "small", + "label": "t:general.grid.gap.options__sm.label" + }, + { + "value": "medium", + "label": "t:general.grid.gap.options__md.label" + }, + { + "value": "large", + "label": "t:general.grid.gap.options__lg.label" + }, + { + "value": "extra-large", + "label": "t:general.grid.gap.options__xl.label" + } + ], + "default": "medium", + "label": "t:general.grid.column_gap.label" + }, + { + "type": "select", + "id": "row_gap", + "visible_if": "{{ section.settings.grid_bordered == false }}", + "options": [ + { + "value": "inherit", + "label": "t:general.grid.gap.options__inherit.label" + }, + { + "value": "none", + "label": "t:general.grid.gap.options__none.label" + }, + { + "value": "2xs", + "label": "t:general.grid.gap.options__2xs.label" + }, + { + "value": "extra-small", + "label": "t:general.grid.gap.options__xs.label" + }, + { + "value": "small", + "label": "t:general.grid.gap.options__sm.label" + }, + { + "value": "medium", + "label": "t:general.grid.gap.options__md.label" + }, + { + "value": "large", + "label": "t:general.grid.gap.options__lg.label" + }, + { + "value": "extra-large", + "label": "t:general.grid.gap.options__xl.label" + } + ], + "default": "inherit", + "label": "t:general.grid.row_gap.label" + }, + { + "type": "header", + "content": "t:general.mobile.name" + }, + { + "type": "select", + "id": "columns_mobile", + "options": [ + { + "value": "1", + "label": "t:general.mobile.columns_mobile.options__1.label" + }, + { + "value": "2", + "label": "t:general.mobile.columns_mobile.options__2.label" + } + ], + "default": "2", + "label": "t:general.mobile.columns_mobile.label" + }, + { + "type": "checkbox", + "id": "swipe_on_mobile", + "default": true, + "label": "t:general.mobile.swipe_on_mobile.label" + }, + { + "type": "header", + "content": "t:general.padding.section_heading.content" + }, + { + "type": "range", + "id": "padding_top", + "min": 0, + "max": 100, + "step": 2, + "unit": "px", + "label": "t:general.padding.top.label", + "default": 50 + }, + { + "type": "range", + "id": "padding_bottom", + "min": 0, + "max": 100, + "step": 2, + "unit": "px", + "label": "t:general.padding.bottom.label", + "default": 50 + }, + { + "type": "header", + "content": "t:general.divider.section_heading.content" + }, + { + "type": "checkbox", + "id": "show_section_divider", + "default": false, + "label": "t:general.divider.show_divider.label" + }, + { + "type": "select", + "id": "divider_width", + "options": [ + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + }, + { + "value": "full", + "label": "t:general.container.options__full.label" + } + ], + "default": "fixed", + "label": "t:general.divider.width.label" + } + ], + "blocks": [ + { + "type": "image_card", + "name": "t:sections.custom-content.blocks.image_card.name", + "limit": 1, + "settings": [ + { + "type": "color_scheme", + "id": "color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "header", + "content": "t:general.image.content" + }, + { + "type": "image_picker", + "id": "image", + "label": "t:general.image.label" + }, + { + "type": "range", + "id": "image_overlay_opacity", + "min": 0, + "max": 100, + "step": 2, + "unit": "%", + "label": "t:general.image_overlay_opacity.label", + "default": 0 + }, + { + "type": "header", + "content": "t:general.header__content_settings.content" + }, + { + "type": "select", + "id": "content_position", + "label": "t:general.content_position.label", + "options": [ + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__top_left.label", + "value": "top-left" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__top_center.label", + "value": "top-center" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__top_right.label", + "value": "top-right" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__middle_left.label", + "value": "middle-left" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__middle_center.label", + "value": "middle-center" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__middle_right.label", + "value": "middle-right" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__bottom_left.label", + "value": "bottom-left" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__bottom_center.label", + "value": "bottom-center" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__bottom_right.label", + "value": "bottom-right" + }, + { + "group": "t:general.content_position.optgroup__split.label", + "label": "t:general.content_position.options__middle_content.label", + "value": "split-middle-content" + }, + { + "group": "t:general.content_position.optgroup__split.label", + "label": "t:general.content_position.options__bottom_button.label", + "value": "split-bottom-button" + }, + { + "group": "t:general.content_position.optgroup__split.label", + "label": "t:general.content_position.options__top_subheading.label", + "value": "split-top-subheading" + }, + { + "group": "t:general.content_position.optgroup__below_image.label", + "label": "t:general.content_position.options__below_image.label", + "value": "below" + } + ], + "default": "bottom-center" + }, + { + "type": "select", + "id": "content_alignment", + "label": "t:general.content_alignment.label", + "default": "center", + "options": [ + { + "value": "left", + "label": "t:general.content_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.content_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.content_alignment.options__3.label" + } + ] + }, + { + "type": "select", + "id": "content_spacing", + "label": "t:general.content_spacing.label", + "default": "medium", + "options": [ + { + "value": "extra-small", + "label": "t:general.content_spacing.options__4.label" + }, + { + "value": "small", + "label": "t:general.content_spacing.options__1.label" + }, + { + "value": "medium", + "label": "t:general.content_spacing.options__2.label" + }, + { + "value": "large", + "label": "t:general.content_spacing.options__3.label" + } + ] + }, + { + "type": "select", + "id": "content_gap", + "label": "t:general.content_gap.label", + "default": "fitted", + "options": [ + { + "value": "tight", + "label": "t:general.content_gap.options__xs.label" + }, + { + "value": "fitted", + "label": "t:general.content_gap.options__sm.label" + }, + { + "value": "standard", + "label": "t:general.content_gap.options__md.label" + } + ] + }, + { + "type": "url", + "id": "card_link", + "label": "t:general.card_link.label" + }, + { + "type": "inline_richtext", + "id": "subheading", + "label": "t:general.subheading.label" + }, + { + "type": "select", + "id": "subheading_style", + "label": "t:general.subheading_style.label", + "default": "", + "options": [ + { + "value": "", + "label": "t:general.subheading_style.options__1.label" + }, + { + "value": "border", + "label": "t:general.subheading_style.options__2.label" + }, + { + "value": "thick-border", + "label": "t:general.subheading_style.options__3.label" + } + ] + }, + { + "type": "inline_richtext", + "id": "heading", + "label": "t:general.heading.label", + "default": "Image card", + "info": "t:general.heading.info" + }, + { + "type": "select", + "id": "highlight_style", + "label": "t:general.highlight_text.highlight_style.label", + "options": [ + { + "value": "none", + "label": "t:general.highlight_text.highlight_style.options.option__1.label" + }, + { + "value": "hand_drawn_circle", + "label": "t:general.highlight_text.highlight_style.options.option__2.label" + }, + { + "value": "thick_underline", + "label": "t:general.highlight_text.highlight_style.options.option__3.label" + }, + { + "value": "wave_underline", + "label": "t:general.highlight_text.highlight_style.options.option__4.label" + } + ] + }, + { + "type": "select", + "id": "highlight_font_style", + "label": "t:general.highlight_text.highlight_font_style.label", + "options": [ + { + "value": "italic", + "label": "t:general.highlight_text.highlight_font_style.options.option__1.label" + }, + { + "value": "normal", + "label": "t:general.highlight_text.highlight_font_style.options.option__2.label" + } + ] + }, + { + "type": "color", + "id": "highlight_style_color", + "label": "t:general.highlight_text.highlight_style_color.label" + }, + { + "type": "color", + "id": "highlight_text_color", + "label": "t:general.highlight_text.highlight_text_color.label" + }, + { + "type": "select", + "id": "heading_size", + "label": "t:general.text_size.heading.label", + "default": "h1", + "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ] + }, + { + "type": "select", + "id": "heading_size_mobile", + "label": "t:general.text_size.heading_mobile.label", + "options": [ + { + "value": "inherit", + "label": "t:general.text_size.options__inherit.label" + }, + { + "value": "custom", + "label": "t:general.text_size.options__custom.label" + } + ], + "default": "inherit" + }, + { + "type": "range", + "id": "heading_size_custom", + "label": "t:general.text_size.heading_size_custom.label", + "min": 12, + "max": 100, + "step": 1, + "unit": "px", + "default": 18, + "visible_if": "{{ block.settings.heading_size_mobile == 'custom' }}" + }, + { + "type": "richtext", + "id": "description", + "label": "t:general.text.label" + }, + { + "type": "text", + "id": "button_label", + "label": "t:general.button.button_label.label", + "default": "Button label" + }, + { + "type": "select", + "id": "button_style", + "label": "t:general.button.button_style.label", + "options": [ + { + "value": "btn--primary", + "label": "t:general.button.button_style.options__1.label" + }, + { + "value": "btn--secondary", + "label": "t:general.button.button_style.options__2.label" + }, + { + "value": "btn--underline", + "label": "t:general.button.button_style.options__4.label" + }, + { + "value": "btn--plain", + "label": "t:general.button.button_style.options__7.label" + } + ], + "default": "btn--primary" + }, + { + "type": "select", + "id": "button_icon", + "label": "t:general.button.button_icon.label", + "options": [ + { + "value": "none", + "label": "t:general.button.button_icon.options__1.label" + }, + { + "value": "caret-right", + "label": "t:general.button.button_icon.options__2.label" + }, + { + "value": "caret-left", + "label": "t:general.button.button_icon.options__22.label" + }, + { + "value": "arrow-right", + "label": "t:general.button.button_icon.options__3.label" + }, + { + "value": "arrow-left", + "label": "t:general.button.button_icon.options__23.label" + }, + { + "value": "close", + "label": "t:general.button.button_icon.options__4.label" + }, + { + "value": "home", + "label": "t:general.button.button_icon.options__5.label" + }, + { + "value": "search", + "label": "t:general.button.button_icon.options__6.label" + }, + { + "value": "hamburger", + "label": "t:general.button.button_icon.options__7.label" + }, + { + "value": "pencil", + "label": "t:general.button.button_icon.options__8.label" + }, + { + "value": "plus", + "label": "t:general.button.button_icon.options__9.label" + }, + { + "value": "cart", + "label": "t:general.button.button_icon.options__10.label" + }, + { + "value": "account", + "label": "t:general.button.button_icon.options__11.label" + }, + { + "value": "sign-in", + "label": "t:general.button.button_icon.options__12.label" + }, + { + "value": "chat", + "label": "t:general.button.button_icon.options__13.label" + }, + { + "value": "download", + "label": "t:general.button.button_icon.options__14.label" + }, + { + "value": "upload", + "label": "t:general.button.button_icon.options__15.label" + }, + { + "value": "heart", + "label": "t:general.button.button_icon.options__16.label" + }, + { + "value": "play-outline", + "label": "t:general.button.button_icon.options__17.label" + }, + { + "value": "pause", + "label": "t:general.button.button_icon.options__18.label" + }, + { + "value": "stop", + "label": "t:general.button.button_icon.options__19.label" + }, + { + "value": "speaker", + "label": "t:general.button.button_icon.options__20.label" + }, + { + "value": "setting", + "label": "t:general.button.button_icon.options__21.label" + } + ], + "default": "none" + }, + { + "type": "header", + "content": "t:sections.custom-content.blocks.image_card.settings.header__badge_settings.content" + }, + { + "type": "checkbox", + "id": "show_badge", + "label": "t:sections.custom-content.blocks.image_card.settings.show_badge.label", + "default": false + }, + { + "type": "color_scheme", + "id": "badge_color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "select", + "id": "badge_shape", + "label": "t:sections.custom-content.blocks.image_card.settings.badge_shape.label", + "default": "circle", + "options": [ + { + "value": "circle", + "label": "t:sections.custom-content.blocks.image_card.settings.badge_shape.options__1.label" + }, + { + "value": "square", + "label": "t:sections.custom-content.blocks.image_card.settings.badge_shape.options__2.label" + } + ] + }, + { + "type": "select", + "id": "badge_position", + "label": "t:sections.custom-content.blocks.image_card.settings.badge_position.label", + "default": "top-right", + "options": [ + { + "value": "top-right", + "label": "t:general.content_position.options__top_right.label" + }, + { + "value": "top-left", + "label": "t:general.content_position.options__top_left.label" + }, + { + "value": "bottom-right", + "label": "t:general.content_position.options__bottom_right.label" + }, + { + "value": "bottom-left", + "label": "t:general.content_position.options__bottom_left.label" + } + ] + }, + { + "type": "inline_richtext", + "id": "badge_subtext", + "label": "t:general.subtext.label", + "default": "Save" + }, + { + "type": "inline_richtext", + "id": "badge_text", + "label": "t:general.text.label", + "default": "99$" + }, + { + "type": "header", + "content": "t:general.header__mobile_settings.content" + }, + { + "type": "color_scheme", + "id": "color_scheme_mobile", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "image_picker", + "id": "image_mobile", + "label": "t:general.image.label" + }, + { + "type": "select", + "id": "content_alignment_mobile", + "label": "t:general.content_alignment.label", + "default": "center", + "options": [ + { + "value": "left", + "label": "t:general.content_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.content_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.content_alignment.options__3.label" + } + ] + }, + { + "type": "header", + "content": "t:general.header__advanced.content" + }, + { + "type": "checkbox", + "id": "enable_preload_image", + "label": "t:general.enable_preload_image.label", + "info": "t:general.enable_preload_image.info" + } + ] + }, + { + "type": "featured_collection", + "name": "t:general.collection.label", + "settings": [ + { + "type": "collection", + "id": "collection", + "label": "t:general.collection.label" + }, + { + "type": "image_picker", + "id": "image", + "label": "t:general.image.label" + }, + { + "type": "text", + "id": "title", + "label": "t:general.collection.title.label", + "info": "t:general.collection.title.info" + } + ] + } + ], + "presets": [ + { + "name": "t:sections.collection-list-banner.name", + "blocks": [ + { + "type": "image_card" + }, + { + "type": "featured_collection" + }, + { + "type": "featured_collection" + }, + { + "type": "featured_collection" + }, + { + "type": "featured_collection" + }, + { + "type": "featured_collection" + }, + { + "type": "featured_collection" + } + ] + } + ] +} +{% endschema %} \ No newline at end of file diff --git a/sections/collection-list.liquid b/sections/collection-list.liquid index 4c159d0387e..a0de8303bd7 100644 --- a/sections/collection-list.liquid +++ b/sections/collection-list.liquid @@ -1,232 +1,723 @@ {{ 'section-collection-list.css' | asset_url | stylesheet_tag }} -{{ 'component-card.css' | asset_url | stylesheet_tag }} -{{ 'component-slider.css' | asset_url | stylesheet_tag }} - -{%- style -%} - .section-{{ section.id }}-padding { - padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px; - padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px; - } - - @media screen and (min-width: 750px) { - .section-{{ section.id }}-padding { - padding-top: {{ section.settings.padding_top }}px; - padding-bottom: {{ section.settings.padding_bottom }}px; - } - } -{%- endstyle -%} - {%- liquid assign columns_mobile_int = section.settings.columns_mobile | plus: 0 - assign show_mobile_slider = false + assign enable_swipe_mobile = false if section.settings.swipe_on_mobile and section.blocks.size > columns_mobile_int - assign show_mobile_slider = true + assign enable_swipe_mobile = true endif --%} -
-
- {%- unless section.settings.title == blank -%} -
-

- {{ section.settings.title }} -

+ assign columns_desktop = section.settings.columns_desktop + assign tablet_items = columns_desktop | at_most: 3 + assign laptop_items = columns_desktop | at_most: 7 - {%- if section.settings.show_view_all and show_mobile_slider -%} - - {{- 'sections.collection_list.view_all' | t -}} - - {%- endif -%} -
- {%- endunless -%} + assign button_style = section.settings.button_style + assign button_label = section.settings.button_label + assign button_link = section.settings.button_link + assign button_icon = section.settings.button_icon - -
    - {%- liquid - assign columns = section.blocks.size - if columns > 3 - assign columns = 3 - endif - -%} - {%- for block in section.blocks -%} -
  • - {%- assign placeholder_image_index = forloop.index0 | modulo: 4 | plus: 1 -%} - {%- assign placeholder_image = 'collection-apparel-' | append: placeholder_image_index -%} - {% render 'card-collection', - card_collection: block.settings.collection, - media_aspect_ratio: section.settings.image_ratio, - columns: columns, - placeholder_image: placeholder_image - %} -
    • - {%- endfor -%} -
- {%- if show_mobile_slider -%} -
- -
- 1 - - - {{ section.blocks.size }} +
+ {%- for block in section.blocks -%} + {%- liquid + assign collection = collections[block.settings.collection] + assign title = block.settings.title + assign mod_desktop = forloop.index | modulo: columns_desktop + assign mod_laptop = forloop.index | modulo: laptop_items + assign mod_tablet = forloop.index | modulo: tablet_items + assign mod_mobile = forloop.index | modulo: columns_mobile_int + assign classes = '' + if mod_desktop == 0 and section.settings.grid_bordered + assign classes = classes | append: ' desktop-hide-border' + endif + if mod_laptop == 0 and section.settings.grid_bordered + assign classes = classes | append: ' laptop-hide-border' + endif + if mod_tablet == 0 and section.settings.grid_bordered + assign classes = classes | append: ' tablet-hide-border' + endif + if mod_mobile == 0 and section.settings.grid_bordered and enable_swipe_mobile == false + assign classes = classes | append: ' mobile-hide-border' + endif + -%} +
+ {% render 'card-collection', + collection: collection, + featured_image: block.settings.image, + title: title, + has_bg: card_has_bg, + card_text_line_limit: section.settings.card_text_line_limit, + card_style: section.settings.card_style, + color_scheme: section.settings.card_color_scheme, + image_ratio: section.settings.card_image_ratio, + image_width: section.settings.card_image_width, + image_padding: section.settings.card_image_padding, + mobile_layout: section.settings.mobile_layout, + rounded_image: section.settings.rounded_card_image, + show_border: card_show_border, + heading_size: section.settings.card_heading_size, + classes: classes + %} +
+ {%- endfor -%} +
-
- {%- endif -%} - - - {%- if section.settings.show_view_all and section.blocks.size < collections.size -%} -
- - {{- 'sections.collection_list.view_all' | t -}} -
- {%- endif -%} +
- {% schema %} { "name": "t:sections.collection-list.name", "tag": "section", - "class": "section section-collection-list", - "max_blocks": 15, + "class": "section-collection-list", + "max_blocks": 18, "disabled_on": { - "groups": ["header", "footer"] + "groups": ["footer", "header", "custom.overlay"] }, "settings": [ + { + "type": "header", + "content": "t:general.general.name" + }, + { + "type": "select", + "id": "container", + "options": [ + { + "value": "full", + "label": "t:general.container.options__full.label" + }, + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + } + ], + "default": "fixed", + "label": "t:general.container.label" + }, + { + "type": "color_scheme", + "id": "color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "header", + "content": "t:general.section_header.content" + }, + { + "id": "section_header_alignment", + "type": "select", + "label": "t:general.text_alignment.label", + "default": "center", + "options": [ + { + "value": "left", + "label": "t:general.text_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.text_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.text_alignment.options__3.label" + } + ] + }, + { + "id": "section_header_alignment_mobile", + "type": "select", + "label": "t:general.text_alignment.mobile.label", + "default": "inherit", + "options": [ + { + "value": "inherit", + "label": "t:general.text_alignment.options__4.label" + }, + { + "value": "left", + "label": "t:general.text_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.text_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.text_alignment.options__3.label" + } + ] + }, { "type": "inline_richtext", - "id": "title", - "default": "t:sections.collection-list.settings.title.default", - "label": "t:sections.collection-list.settings.title.label" + "id": "subheading", + "label": "t:general.subheading.label" + }, + { + "type": "inline_richtext", + "id": "heading", + "default": "Collections", + "label": "t:general.heading.label", + "info": "t:general.heading.info" + }, + { + "type": "select", + "id": "highlight_style", + "label": "t:general.highlight_text.highlight_style.label", + "options": [ + { + "value": "none", + "label": "t:general.highlight_text.highlight_style.options.option__1.label" + }, + { + "value": "hand_drawn_circle", + "label": "t:general.highlight_text.highlight_style.options.option__2.label" + }, + { + "value": "thick_underline", + "label": "t:general.highlight_text.highlight_style.options.option__3.label" + }, + { + "value": "wave_underline", + "label": "t:general.highlight_text.highlight_style.options.option__4.label" + } + ] + }, + { + "type": "select", + "id": "highlight_font_style", + "label": "t:general.highlight_text.highlight_font_style.label", + "options": [ + { + "value": "italic", + "label": "t:general.highlight_text.highlight_font_style.options.option__1.label" + }, + { + "value": "normal", + "label": "t:general.highlight_text.highlight_font_style.options.option__2.label" + } + ] + }, + { + "type": "color", + "id": "highlight_style_color", + "label": "t:general.highlight_text.highlight_style_color.label" + }, + { + "type": "color", + "id": "highlight_text_color", + "label": "t:general.highlight_text.highlight_text_color.label" }, { "type": "select", "id": "heading_size", + "label": "t:general.text_size.heading.label", + "default": "h1", "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, { "value": "h2", - "label": "t:sections.all.heading_size.options__1.label" + "label": "t:general.text_size.options__h2.label" }, { "value": "h1", - "label": "t:sections.all.heading_size.options__2.label" + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ] + }, + { + "type": "richtext", + "id": "description", + "label": "t:general.text.label" + }, + { + "type": "select", + "id": "text_size", + "label": "t:general.text_size.text.label", + "default": "text-base", + "options": [ + { + "value": "text-sm", + "label": "t:general.text_size.options__small.label" + }, + { + "value": "text-base", + "label": "t:general.text_size.options__base.label" + }, + { + "value": "text-lg", + "label": "t:general.text_size.options__large.label" + }, + { + "value": "text-inherit", + "label": "t:general.text_size.options__inherit.label" + } + ] + }, + { + "type": "text", + "id": "button_label", + "label": "t:general.button.button_label.label" + }, + { + "type": "url", + "id": "button_link", + "label": "t:general.button.button_link.label" + }, + { + "type": "select", + "id": "button_style", + "label": "t:general.button.button_style.label", + "options": [ + { + "value": "btn--primary", + "label": "t:general.button.button_style.options__1.label" }, { - "value": "h0", - "label": "t:sections.all.heading_size.options__3.label" + "value": "btn--secondary", + "label": "t:general.button.button_style.options__2.label" }, { - "value": "hxl", - "label": "t:sections.all.heading_size.options__4.label" + "value": "btn--underline", + "label": "t:general.button.button_style.options__4.label" }, { - "value": "hxxl", - "label": "t:sections.all.heading_size.options__5.label" + "value": "btn--plain", + "label": "t:general.button.button_style.options__7.label" } ], - "default": "h1", - "label": "t:sections.all.heading_size.label" + "default": "btn--underline" + }, + { + "type": "select", + "id": "button_icon", + "label": "t:general.button.button_icon.label", + "options": [ + { + "value": "none", + "label": "t:general.button.button_icon.options__1.label" + }, + { + "value": "caret-right", + "label": "t:general.button.button_icon.options__2.label" + }, + { + "value": "caret-left", + "label": "t:general.button.button_icon.options__22.label" + }, + { + "value": "arrow-right", + "label": "t:general.button.button_icon.options__3.label" + }, + { + "value": "arrow-left", + "label": "t:general.button.button_icon.options__23.label" + }, + { + "value": "close", + "label": "t:general.button.button_icon.options__4.label" + }, + { + "value": "home", + "label": "t:general.button.button_icon.options__5.label" + }, + { + "value": "search", + "label": "t:general.button.button_icon.options__6.label" + }, + { + "value": "hamburger", + "label": "t:general.button.button_icon.options__7.label" + }, + { + "value": "pencil", + "label": "t:general.button.button_icon.options__8.label" + }, + { + "value": "plus", + "label": "t:general.button.button_icon.options__9.label" + }, + { + "value": "cart", + "label": "t:general.button.button_icon.options__10.label" + }, + { + "value": "account", + "label": "t:general.button.button_icon.options__11.label" + }, + { + "value": "sign-in", + "label": "t:general.button.button_icon.options__12.label" + }, + { + "value": "chat", + "label": "t:general.button.button_icon.options__13.label" + }, + { + "value": "download", + "label": "t:general.button.button_icon.options__14.label" + }, + { + "value": "upload", + "label": "t:general.button.button_icon.options__15.label" + }, + { + "value": "heart", + "label": "t:general.button.button_icon.options__16.label" + }, + { + "value": "play-outline", + "label": "t:general.button.button_icon.options__17.label" + }, + { + "value": "pause", + "label": "t:general.button.button_icon.options__18.label" + }, + { + "value": "stop", + "label": "t:general.button.button_icon.options__19.label" + }, + { + "value": "speaker", + "label": "t:general.button.button_icon.options__20.label" + }, + { + "value": "setting", + "label": "t:general.button.button_icon.options__21.label" + } + ], + "default": "none" }, { "type": "header", - "content": "t:sections.collection-list.settings.header_layout.content" - }, + "content": "t:general.header__card_settings.content" + }, + { + "type": "color_scheme", + "id": "card_color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "select", + "id": "card_style", + "label": "t:sections.collection-list.settings.card_style.label", + "options": [ + { + "value": "standard", + "label": "t:sections.collection-list.settings.card_style.options__1.label" + }, + { + "value": "card", + "label": "t:sections.collection-list.settings.card_style.options__2.label" + } + ], + "default": "standard" + }, + { + "type": "select", + "id": "card_heading_size", + "label": "t:general.text_size.heading.label", + "default": "text-base", + "options": [ + { + "value": "text-base", + "label": "t:general.text_size.options__base.label" + }, + { + "value": "h6", + "label": "t:general.text_size.options__h6.label" + }, + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + } + ] + }, + { + "type": "select", + "id": "card_text_line_limit", + "label": "t:general.text_line_limit.label", + "options": [ + { + "value": "none", + "label": "t:general.text_line_limit.options__none.label" + }, + { + "value": "1", + "label": "t:general.text_line_limit.options__1.label" + }, + { + "value": "2", + "label": "t:general.text_line_limit.options__2.label" + }, + { + "value": "3", + "label": "t:general.text_line_limit.options__3.label" + } + ], + "default": "none" + }, { "type": "select", - "id": "image_ratio", + "id": "card_image_ratio", + "label": "t:general.image_ratio.label", + "default": "1/1", "options": [ { "value": "adapt", - "label": "t:sections.collection-list.settings.image_ratio.options__1.label" + "label": "t:general.image_ratio.options__1.label" + }, + { + "value": "1/1", + "label": "t:general.image_ratio.options__2.label" + }, + { + "value": "3/4", + "label": "t:general.image_ratio.options__3.label" + }, + { + "value": "4/3", + "label": "t:general.image_ratio.options__4.label" + } + ] + }, + { + "type": "select", + "id": "card_image_width", + "label": "t:general.image_width.label", + "options": [ + { + "value": "medium", + "label": "t:general.image_width.options__md.label" + }, + { + "value": "large", + "label": "t:general.image_width.options__lg.label" }, { - "value": "portrait", - "label": "t:sections.collection-list.settings.image_ratio.options__2.label" + "value": "full", + "label": "t:general.image_width.options__full.label" + } + ], + "default": "large" + }, + { + "type": "select", + "id": "card_image_padding", + "label": "t:general.image_padding.label", + "options": [ + { + "value": "none", + "label": "t:general.image_padding.options__none.label" + }, + { + "value": "small", + "label": "t:general.image_padding.options__small.label" + }, + { + "value": "medium", + "label": "t:general.image_padding.options__medium.label" + } + ], + "default": "none", + "visible_if": "{{ section.settings.card_style == 'card' }}" + }, + { + "type": "checkbox", + "id": "rounded_card_image", + "label": "t:sections.collection-list.settings.rounded_card_image.label", + "default": true + }, + { + "type": "checkbox", + "id": "card_show_border", + "label": "t:sections.collection-list.settings.show_border.label", + "default": false + }, + { + "type": "select", + "id": "mobile_layout", + "label": "t:sections.collection-list.settings.mobile_layout.label", + "options": [ + { + "value": "horizontal", + "label": "t:sections.collection-list.settings.mobile_layout.options__1.label" }, { - "value": "square", - "label": "t:sections.collection-list.settings.image_ratio.options__3.label" + "value": "vertical", + "label": "t:sections.collection-list.settings.mobile_layout.options__2.label" } ], - "default": "square", - "label": "t:sections.collection-list.settings.image_ratio.label" + "default": "vertical", + "visible_if": "{{ section.settings.card_style == 'card' }}" + }, + { + "type": "header", + "content": "t:general.grid.name" }, { "type": "range", "id": "columns_desktop", - "min": 1, - "max": 6, + "min": 2, + "max": 10, "step": 1, - "default": 3, - "label": "t:sections.collection-list.settings.columns_desktop.label" + "default": 6, + "label": "t:general.grid.columns_desktop.label" }, { - "type": "color_scheme", - "id": "color_scheme", - "label": "t:sections.all.colors.label", - "info": "t:sections.all.colors.has_cards_info", - "default": "scheme-1" + "type": "select", + "id": "column_gap", + "options": [ + { + "value": "none", + "label": "t:general.grid.gap.options__none.label" + }, + { + "value": "2xs", + "label": "t:general.grid.gap.options__2xs.label" + }, + { + "value": "extra-small", + "label": "t:general.grid.gap.options__xs.label" + }, + { + "value": "small", + "label": "t:general.grid.gap.options__sm.label" + }, + { + "value": "medium", + "label": "t:general.grid.gap.options__md.label" + }, + { + "value": "large", + "label": "t:general.grid.gap.options__lg.label" + }, + { + "value": "extra-large", + "label": "t:general.grid.gap.options__xl.label" + } + ], + "default": "medium", + "label": "t:general.grid.column_gap.label" + }, + { + "type": "select", + "id": "row_gap", + "options": [ + { + "value": "inherit", + "label": "t:general.grid.gap.options__inherit.label" + }, + { + "value": "none", + "label": "t:general.grid.gap.options__none.label" + }, + { + "value": "2xs", + "label": "t:general.grid.gap.options__2xs.label" + }, + { + "value": "extra-small", + "label": "t:general.grid.gap.options__xs.label" + }, + { + "value": "small", + "label": "t:general.grid.gap.options__sm.label" + }, + { + "value": "medium", + "label": "t:general.grid.gap.options__md.label" + }, + { + "value": "large", + "label": "t:general.grid.gap.options__lg.label" + }, + { + "value": "extra-large", + "label": "t:general.grid.gap.options__xl.label" + } + ], + "default": "inherit", + "label": "t:general.grid.row_gap.label" }, { "type": "checkbox", - "id": "show_view_all", - "default": false, - "label": "t:sections.collection-list.settings.show_view_all.label", - "info": "t:sections.collection-list.settings.show_view_all.info" + "id": "grid_bordered", + "label": "t:sections.collection-list.settings.show_grid_border.label", + "default": false }, { "type": "header", - "content": "t:sections.collection-list.settings.header_mobile.content" + "content": "t:general.mobile.name" }, { "type": "select", @@ -234,64 +725,120 @@ "options": [ { "value": "1", - "label": "t:sections.collection-list.settings.columns_mobile.options__1.label" + "label": "t:general.mobile.columns_mobile.options__1.label" }, { "value": "2", - "label": "t:sections.collection-list.settings.columns_mobile.options__2.label" + "label": "t:general.mobile.columns_mobile.options__2.label" + }, + { + "value": "3", + "label": "t:general.mobile.columns_mobile.options__3.label" } ], - "default": "1", - "label": "t:sections.collection-list.settings.columns_mobile.label" + "default": "3", + "label": "t:general.mobile.columns_mobile.label" }, { "type": "checkbox", "id": "swipe_on_mobile", - "default": false, - "label": "t:sections.collection-list.settings.swipe_on_mobile.label" + "default": true, + "label": "t:general.mobile.swipe_on_mobile.label" }, { "type": "header", - "content": "t:sections.all.padding.section_padding_heading" + "content": "t:general.padding.section_heading.content" }, { "type": "range", "id": "padding_top", "min": 0, "max": 100, - "step": 4, + "step": 2, "unit": "px", - "label": "t:sections.all.padding.padding_top", - "default": 36 + "label": "t:general.padding.top.label", + "default": 50 }, { "type": "range", "id": "padding_bottom", "min": 0, "max": 100, - "step": 4, + "step": 2, "unit": "px", - "label": "t:sections.all.padding.padding_bottom", - "default": 36 + "label": "t:general.padding.bottom.label", + "default": 50 + }, + { + "type": "header", + "content": "t:general.divider.section_heading.content" + }, + { + "type": "checkbox", + "id": "show_section_divider", + "default": false, + "label": "t:general.divider.show_divider.label" + }, + { + "type": "select", + "id": "divider_width", + "options": [ + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + }, + { + "value": "full", + "label": "t:general.container.options__full.label" + } + ], + "default": "fixed", + "label": "t:general.divider.width.label" } ], "blocks": [ { "type": "featured_collection", - "name": "t:sections.collection-list.blocks.featured_collection.name", + "name": "t:general.collection.label", "settings": [ { "type": "collection", "id": "collection", - "label": "t:sections.collection-list.blocks.featured_collection.settings.collection.label" + "label": "t:general.collection.label" + }, + { + "type": "image_picker", + "id": "image", + "label": "t:general.image.label" + }, + { + "type": "text", + "id": "title", + "label": "t:general.collection.title.label", + "info": "t:general.collection.title.info" } ] } ], "presets": [ { - "name": "t:sections.collection-list.presets.name", + "name": "t:sections.collection-list.name", "blocks": [ + { + "type": "featured_collection" + }, + { + "type": "featured_collection" + }, + { + "type": "featured_collection" + }, + { + "type": "featured_collection" + }, + { + "type": "featured_collection" + }, { "type": "featured_collection" }, diff --git a/sections/collection-tabs.liquid b/sections/collection-tabs.liquid new file mode 100644 index 00000000000..ba10cb3fd8e --- /dev/null +++ b/sections/collection-tabs.liquid @@ -0,0 +1,702 @@ +{{ 'section-collection-tabs.css' | asset_url | stylesheet_tag }} + + +{%- liquid + assign image_aspect_ratio = section.settings.image_ratio + if section.settings.image_ratio == 'adapt' + assign first_block = section.blocks | first + assign first_image = blank + + if first_block.settings.image != blank + assign first_image = first_block.settings.image + else + assign first_collection = collections[first_block.settings.collection] + if first_collection.image != blank + assign first_image = first_collection.image + elsif first_collection.products.first and first_collection.products.first.images != empty + assign first_image = first_collection.products.first.featured_image + endif + endif + + if first_image != blank + assign image_aspect_ratio = first_image.aspect_ratio + else + assign image_aspect_ratio = '1/1' + endif + endif + + assign motion_delay = 0 +-%} +{% render 'divider', + show_divider: section.settings.show_section_divider, + divider_width: section.settings.divider_width +%} + +
+ + +
+

+ + {% render 'highlight-text', + hl_text: section.settings.heading, + hl_style: section.settings.highlight_style, + hl_font_style: section.settings.highlight_font_style, + hl_style_color: section.settings.highlight_style_color, + hl_text_color: section.settings.highlight_text_color + %} + +

+ {%- assign motion_delay = motion_delay | plus: 50 -%} +
+ + {%- for block in section.blocks -%} + {%- liquid + assign collection = block.settings.collection + assign collection_title = block.settings.title | default: collection.title + assign default_label = 'onboarding.collection_title' | t + -%} + + + {{- collection_title | default: default_label -}} + + + {%- endfor -%} + +
+
+
+ {%- for block in section.blocks -%} + {% liquid + assign collection = block.settings.collection + assign button_style = block.settings.button_style + assign button_label = block.settings.button_label + assign collection_desc = block.settings.text + if collection_desc == blank + assign collection_desc = collection.description + endif + %} + + {%- endfor -%} +
+ +
+ {%- for block in section.blocks %} + {% liquid + assign collection = collections[block.settings.collection] + + assign tab_image = blank + if block.settings.image != blank + assign tab_image = block.settings.image + elsif collection.image != blank + assign tab_image = collection.image + elsif collection.products.first and collection.products.first.images != empty + assign tab_image = collection.products.first.featured_image + endif + + assign alt_image = tab_image.alt | default: shop.name | escape + + assign loading = 'lazy' + assign fetchpriority = 'low' + if section.index < 2 and forloop.first + assign loading = 'eager' + assign fetchpriority = 'high' + endif + + assign collection_title = block.settings.title | default: collection.title + assign default_label = 'onboarding.collection_title' | t + %} + + + {%- if tab_image != blank -%} + + {{- + tab_image + | image_url: width: 1800 + | image_tag: + loading: loading, + fetchpriority: fetchpriority, + sizes: '(max-width: 767px) 100vw, 50vw', + width: tab_image.width, + height: tab_image.height, + widths: '300,400,500,600,700,800,900,1000,1200,1400,1600,1800', + alt: alt_image, + is: 'image-lazy', + class: 'motion-reduce hover-scale-up' + -}} + + {%- else -%} + {% capture current %}{% cycle 1, 2, 3 %}{% endcapture %} + {{ + 'collection-' + | append: current + | placeholder_svg_tag: 'placeholder-svg motion-reduce hover-scale-up' + }} + {%- endif -%} + + + {%- endfor -%} +
+
+ +
+{% schema %} +{ + "name": "t:sections.collection-tabs.name", + "disabled_on": { + "groups": ["footer", "header", "custom.overlay"] + }, + "settings": [ + { + "type": "header", + "content": "t:general.general.name" + }, + { + "type": "select", + "id": "container", + "options": [ + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + }, + { + "value": "full", + "label": "t:general.container.options__full.label" + } + ], + "default": "fixed", + "label": "t:general.container.label" + }, + { + "type": "color_scheme", + "id": "color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "header", + "content": "t:general.section_header.content" + }, + { + "type": "inline_richtext", + "id": "heading", + "label": "t:general.heading.label", + "default": "Collection tabs", + "info": "t:general.heading.info" + }, + { + "type": "select", + "id": "highlight_style", + "label": "t:general.highlight_text.highlight_style.label", + "options": [ + { + "value": "none", + "label": "t:general.highlight_text.highlight_style.options.option__1.label" + }, + { + "value": "hand_drawn_circle", + "label": "t:general.highlight_text.highlight_style.options.option__2.label" + }, + { + "value": "thick_underline", + "label": "t:general.highlight_text.highlight_style.options.option__3.label" + }, + { + "value": "wave_underline", + "label": "t:general.highlight_text.highlight_style.options.option__4.label" + } + ] + }, + { + "type": "select", + "id": "highlight_font_style", + "label": "t:general.highlight_text.highlight_font_style.label", + "options": [ + { + "value": "italic", + "label": "t:general.highlight_text.highlight_font_style.options.option__1.label" + }, + { + "value": "normal", + "label": "t:general.highlight_text.highlight_font_style.options.option__2.label" + } + ] + }, + { + "type": "color", + "id": "highlight_style_color", + "label": "t:general.highlight_text.highlight_style_color.label" + }, + { + "type": "color", + "id": "highlight_text_color", + "label": "t:general.highlight_text.highlight_text_color.label" + }, + { + "type": "select", + "id": "heading_size", + "label": "t:general.text_size.heading.label", + "default": "h5", + "options": [ + { + "value": "h6", + "label": "t:general.text_size.options__h6.label" + }, + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ] + }, + { + "type": "header", + "content": "t:sections.collection-tabs.settings.header__tabs_settings.content" + }, + { + "type": "select", + "id": "image_position", + "label": "t:general.image_position.desktop.label", + "default": "right", + "options": [ + { + "value": "left", + "label": "t:general.image_position.options__left.label" + }, + { + "value": "right", + "label": "t:general.image_position.options__right.label" + } + ] + }, + { + "type": "select", + "id": "image_ratio", + "label": "t:general.image_ratio.label", + "default": "adapt", + "options": [ + { + "value": "adapt", + "label": "t:general.image_ratio.options__1.label" + }, + { + "value": "1/1", + "label": "t:general.image_ratio.options__2.label" + }, + { + "value": "3/4", + "label": "t:general.image_ratio.options__3.label" + }, + { + "value": "4/3", + "label": "t:general.image_ratio.options__4.label" + } + ] + }, + { + "type": "select", + "id": "collection_heading_size", + "label": "t:general.text_size.title.label", + "default": "h1", + "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ] + }, + { + "type": "header", + "content": "t:general.padding.section_heading.content" + }, + { + "type": "range", + "id": "padding_top", + "min": 0, + "max": 100, + "step": 2, + "unit": "px", + "label": "t:general.padding.top.label", + "default": 0 + }, + { + "type": "range", + "id": "padding_bottom", + "min": 0, + "max": 100, + "step": 2, + "unit": "px", + "label": "t:general.padding.bottom.label", + "default": 0 + }, + { + "type": "header", + "content": "t:general.divider.section_heading.content" + }, + { + "type": "checkbox", + "id": "show_section_divider", + "default": false, + "label": "t:general.divider.show_divider.label" + }, + { + "type": "select", + "id": "divider_width", + "options": [ + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + }, + { + "value": "full", + "label": "t:general.container.options__full.label" + } + ], + "default": "fixed", + "label": "t:general.divider.width.label" + } + ], + "max_blocks": 5, + "blocks": [ + { + "type": "collection", + "name": "t:general.collection.label", + "settings": [ + { + "type": "collection", + "id": "collection", + "label": "t:general.collection.label" + }, + { + "type": "image_picker", + "id": "image", + "label": "t:general.image.label", + "info": "t:general.collection.image.info" + }, + { + "type": "text", + "id": "title", + "label": "t:general.collection.title.label", + "info": "t:general.collection.title.info" + }, + { + "type": "richtext", + "id": "text", + "label": "t:general.description.label", + "info": "t:general.collection.description.info" + }, + { + "type": "text", + "id": "button_label", + "label": "t:general.button.button_label.label", + "info": "t:general.button.button_label.info", + "default": "Button label" + }, + { + "type": "select", + "id": "button_style", + "label": "t:general.button.button_style.label", + "options": [ + { + "value": "btn--primary", + "label": "t:general.button.button_style.options__1.label" + }, + { + "value": "btn--secondary", + "label": "t:general.button.button_style.options__2.label" + }, + { + "value": "btn--underline", + "label": "t:general.button.button_style.options__4.label" + }, + { + "value": "btn--plain", + "label": "t:general.button.button_style.options__7.label" + } + ], + "default": "btn--primary" + }, + { + "type": "select", + "id": "button_icon", + "label": "t:general.button.button_icon.label", + "options": [ + { + "value": "none", + "label": "t:general.button.button_icon.options__1.label" + }, + { + "value": "caret-right", + "label": "t:general.button.button_icon.options__2.label" + }, + { + "value": "caret-left", + "label": "t:general.button.button_icon.options__22.label" + }, + { + "value": "arrow-right", + "label": "t:general.button.button_icon.options__3.label" + }, + { + "value": "arrow-left", + "label": "t:general.button.button_icon.options__23.label" + }, + { + "value": "close", + "label": "t:general.button.button_icon.options__4.label" + }, + { + "value": "home", + "label": "t:general.button.button_icon.options__5.label" + }, + { + "value": "search", + "label": "t:general.button.button_icon.options__6.label" + }, + { + "value": "hamburger", + "label": "t:general.button.button_icon.options__7.label" + }, + { + "value": "pencil", + "label": "t:general.button.button_icon.options__8.label" + }, + { + "value": "plus", + "label": "t:general.button.button_icon.options__9.label" + }, + { + "value": "cart", + "label": "t:general.button.button_icon.options__10.label" + }, + { + "value": "account", + "label": "t:general.button.button_icon.options__11.label" + }, + { + "value": "sign-in", + "label": "t:general.button.button_icon.options__12.label" + }, + { + "value": "chat", + "label": "t:general.button.button_icon.options__13.label" + }, + { + "value": "download", + "label": "t:general.button.button_icon.options__14.label" + }, + { + "value": "upload", + "label": "t:general.button.button_icon.options__15.label" + }, + { + "value": "heart", + "label": "t:general.button.button_icon.options__16.label" + }, + { + "value": "play-outline", + "label": "t:general.button.button_icon.options__17.label" + }, + { + "value": "pause", + "label": "t:general.button.button_icon.options__18.label" + }, + { + "value": "stop", + "label": "t:general.button.button_icon.options__19.label" + }, + { + "value": "speaker", + "label": "t:general.button.button_icon.options__20.label" + }, + { + "value": "setting", + "label": "t:general.button.button_icon.options__21.label" + } + ], + "default": "none" + } + ] + } + ], + "presets": [ + { + "name": "t:sections.collection-tabs.name", + "blocks": [ + { + "type": "collection" + }, + { + "type": "collection" + }, + { + "type": "collection" + } + ] + } + ] +} +{% endschema %} diff --git a/sections/comparison-table.liquid b/sections/comparison-table.liquid new file mode 100644 index 00000000000..067f4db80e8 --- /dev/null +++ b/sections/comparison-table.liquid @@ -0,0 +1,2268 @@ +{{ 'section-quick-comparison-table.css' | asset_url | stylesheet_tag }} +{{ 'section-comparison-table.css' | asset_url | stylesheet_tag }} +{%- liquid + assign header_layout = section.settings.header_layout + assign side_button = true + if header_layout == 'standing-column' or header_layout == 'vertical' + assign header_layout = 'vertical' + assign side_button = false + endif + + assign heading_block = section.blocks | find: 'type', 'heading' + assign content_block = section.blocks | where: 'type', 'content' + + assign featured_media = product.featured_media + if featured_media.media_type == 'model' or featured_media.media_type == 'video' + assign featured_media = product.featured_media.preview_image + endif +-%} +{%- render 'divider', + show_divider: section.settings.show_section_divider, + divider_width: section.settings.divider_width +-%} +
+ +
+ {%- render 'section-heading', + section_settings: section.settings, + header_layout: section.settings.header_layout, + button_label: section.settings.button_label, + button_link: section.settings.button_link, + button_style: section.settings.button_style, + button_icon: section.settings.button_icon, + button_visible: true, + side_button: side_button, + custom_css_class: 'sticky-element' + -%} +
+
+ + {% comment %} Row with Product Images {% endcomment %} + + + {% for block in content_block %} + {% assign product = block.settings.product %} + {% assign featured_media = product.featured_media %} + + {% endfor %} + + + {% comment %} Dynamic Feature Rows {% endcomment %} + {% for i in (1..10) %} + {%- liquid + assign title_key = 'title-' | append: i + assign text_key = 'text-' | append: i + assign has_content = false + if heading_block.settings[title_key] != blank + assign has_content = true + endif + -%} + {% if has_content %} + + {% comment %} Heading Column {% endcomment %} + {% assign title = heading_block.settings[title_key] %} + {% assign icon_key = 'icon-' | append: i %} + {% assign image_key = 'image-' | append: i %} + {% assign icon = heading_block.settings[icon_key] %} + {% assign image = heading_block.settings[image_key] %} + + + + {% comment %} Content Columns {% endcomment %} + {% for block in content_block %} + {% assign text = block.settings[text_key] %} + + {% endfor %} + + {% endif %} + {% endfor %} +
+
+
+ {% if featured_media %} + {{ + featured_media + | image_url: width: featured_media.width + | image_tag: + loading: 'lazy', + fetchpriority: 'low', + class: 'motion-reduce hover-scale-up', + widths: '60, 70, 80, 100, 120, 140, 160, 240, 320, 450,', + sizes: "450px", + is: 'image-lazy' + }} + {% else %} + {{ 'product-1' | placeholder_svg_tag: 'placeholder-svg w-full h-full hover-scale-up' }} + {% endif %} +
+
+
+

+ + {% if product != blank %} + {{ product.title }} + {% else %} + {{- 'onboarding.product_title' | t -}} + {% endif %} + +

+ + {{- 'products.product.shop' | t -}} + +
+
+ {% if title != blank %} +
+ +
+
+ {{ title }} +
+
+
+ {% endif %} + 		+ {% comment %}
{{ text }}
{% endcomment %} + {%- if text != blank -%} + {%- if section.settings.show_view_more_button and section.settings.text_line_limit != 'none' -%} + +
+ {{- text -}} +
+ + + {%- else -%} +
+ {{- text -}} +
+ {%- endif -%} + {%- endif -%} +
+
+ +
+{% schema %} +{ + "name": "t:sections.comparison-table.name", + "disabled_on": { + "groups": ["header", "footer", "custom.overlay"] + }, + "settings": [ + { + "type": "header", + "content": "t:general.general.name" + }, + { + "type": "select", + "id": "container", + "label": "t:general.container.label", + "default": "fixed", + "options": [ + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + }, + { + "value": "full", + "label": "t:general.container.options__full.label" + } + ] + }, + { + "type": "color_scheme", + "id": "color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "header", + "content": "t:general.section_header.content" + }, + { + "type": "select", + "id": "header_layout", + "label": "t:general.layout.label", + "default": "standing-column", + "options": [ + { + "value": "vertical", + "label": "t:general.layout.options__1.label" + }, + { + "value": "horizontal", + "label": "t:general.layout.options__2.label" + }, + { + "value": "standing-column", + "label": "t:general.layout.options__3.label" + } + ] + }, + { + "id": "section_header_alignment", + "type": "select", + "label": "t:general.text_alignment.label", + "default": "left", + "options": [ + { + "value": "left", + "label": "t:general.text_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.text_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.text_alignment.options__3.label" + } + ] + }, + { + "id": "section_header_alignment_mobile", + "type": "select", + "label": "t:general.text_alignment.mobile.label", + "default": "inherit", + "options": [ + { + "value": "inherit", + "label": "t:general.text_alignment.options__4.label" + }, + { + "value": "left", + "label": "t:general.text_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.text_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.text_alignment.options__3.label" + } + ] + }, + { + "type": "inline_richtext", + "id": "subheading", + "label": "t:general.subheading.label", + "default": "Subheading" + }, + { + "type": "inline_richtext", + "id": "heading", + "label": "t:general.heading.label", + "default": "Comparison table", + "info": "t:general.heading.info" + }, + { + "type": "select", + "id": "highlight_style", + "label": "t:general.highlight_text.highlight_style.label", + "options": [ + { + "value": "none", + "label": "t:general.highlight_text.highlight_style.options.option__1.label" + }, + { + "value": "hand_drawn_circle", + "label": "t:general.highlight_text.highlight_style.options.option__2.label" + }, + { + "value": "thick_underline", + "label": "t:general.highlight_text.highlight_style.options.option__3.label" + }, + { + "value": "wave_underline", + "label": "t:general.highlight_text.highlight_style.options.option__4.label" + } + ] + }, + { + "type": "select", + "id": "highlight_font_style", + "label": "t:general.highlight_text.highlight_font_style.label", + "options": [ + { + "value": "italic", + "label": "t:general.highlight_text.highlight_font_style.options.option__1.label" + }, + { + "value": "normal", + "label": "t:general.highlight_text.highlight_font_style.options.option__2.label" + } + ] + }, + { + "type": "color", + "id": "highlight_style_color", + "label": "t:general.highlight_text.highlight_style_color.label" + }, + { + "type": "color", + "id": "highlight_text_color", + "label": "t:general.highlight_text.highlight_text_color.label" + }, + { + "type": "select", + "id": "heading_size", + "label": "t:general.text_size.heading.label", + "default": "h1", + "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ] + }, + { + "type": "richtext", + "id": "description", + "label": "t:general.text.label", + "default": "

Displays a quick comparison table for the current product and its related products

" + }, + { + "type": "select", + "id": "text_size", + "label": "t:general.text_size.text.label", + "default": "text-base", + "options": [ + { + "value": "text-sm", + "label": "t:general.text_size.options__small.label" + }, + { + "value": "text-base", + "label": "t:general.text_size.options__base.label" + }, + { + "value": "text-lg", + "label": "t:general.text_size.options__large.label" + }, + { + "value": "text-inherit", + "label": "t:general.text_size.options__inherit.label" + } + ] + }, + { + "type": "text", + "id": "button_label", + "label": "t:general.button.button_label.label", + "default": "Button label" + }, + { + "type": "url", + "id": "button_link", + "label": "t:general.button.button_link.label" + }, + { + "type": "select", + "id": "button_style", + "label": "t:general.button.button_style.label", + "options": [ + { + "value": "btn--primary", + "label": "t:general.button.button_style.options__1.label" + }, + { + "value": "btn--secondary", + "label": "t:general.button.button_style.options__2.label" + }, + { + "value": "btn--underline", + "label": "t:general.button.button_style.options__4.label" + }, + { + "value": "btn--plain", + "label": "t:general.button.button_style.options__7.label" + } + ], + "default": "btn--primary" + }, + { + "type": "select", + "id": "button_icon", + "label": "t:general.button.button_icon.label", + "options": [ + { + "value": "none", + "label": "t:general.button.button_icon.options__1.label" + }, + { + "value": "caret-right", + "label": "t:general.button.button_icon.options__2.label" + }, + { + "value": "caret-left", + "label": "t:general.button.button_icon.options__22.label" + }, + { + "value": "arrow-right", + "label": "t:general.button.button_icon.options__3.label" + }, + { + "value": "arrow-left", + "label": "t:general.button.button_icon.options__23.label" + }, + { + "value": "close", + "label": "t:general.button.button_icon.options__4.label" + }, + { + "value": "home", + "label": "t:general.button.button_icon.options__5.label" + }, + { + "value": "search", + "label": "t:general.button.button_icon.options__6.label" + }, + { + "value": "hamburger", + "label": "t:general.button.button_icon.options__7.label" + }, + { + "value": "pencil", + "label": "t:general.button.button_icon.options__8.label" + }, + { + "value": "plus", + "label": "t:general.button.button_icon.options__9.label" + }, + { + "value": "cart", + "label": "t:general.button.button_icon.options__10.label" + }, + { + "value": "account", + "label": "t:general.button.button_icon.options__11.label" + }, + { + "value": "sign-in", + "label": "t:general.button.button_icon.options__12.label" + }, + { + "value": "chat", + "label": "t:general.button.button_icon.options__13.label" + }, + { + "value": "download", + "label": "t:general.button.button_icon.options__14.label" + }, + { + "value": "upload", + "label": "t:general.button.button_icon.options__15.label" + }, + { + "value": "heart", + "label": "t:general.button.button_icon.options__16.label" + }, + { + "value": "play-outline", + "label": "t:general.button.button_icon.options__17.label" + }, + { + "value": "pause", + "label": "t:general.button.button_icon.options__18.label" + }, + { + "value": "stop", + "label": "t:general.button.button_icon.options__19.label" + }, + { + "value": "speaker", + "label": "t:general.button.button_icon.options__20.label" + }, + { + "value": "setting", + "label": "t:general.button.button_icon.options__21.label" + } + ], + "default": "none" + }, + { + "type": "header", + "content": "t:sections.comparison-table.setting.table-content.content" + }, + { + "type": "range", + "id": "icon_size", + "min": 10, + "max": 50, + "step": 2, + "unit": "px", + "label": "t:sections.comparison-table.setting.table-content.icon_size.label", + "default": 28 + }, + { + "type": "select", + "id": "text_line_limit", + "label": "t:general.text_line_limit.label", + "default": "2-lines", + "options": [ + { + "value": "none", + "label": "t:general.text_line_limit.options__none.label" + }, + { + "value": "1-line", + "label": "t:general.text_line_limit.options__1.label" + }, + { + "value": "2-lines", + "label": "t:general.text_line_limit.options__2.label" + }, + { + "value": "3-lines", + "label": "t:general.text_line_limit.options__3.label" + }, + { + "value": "4-lines", + "label": "t:general.text_line_limit.options__4.label" + }, + { + "value": "5-lines", + "label": "t:general.text_line_limit.options__5.label" + } + ] + }, + { + "type": "checkbox", + "id": "show_view_more_button", + "label": "t:general.show_view_more_button.label", + "info": "t:general.show_view_more_button.info", + "default": false + }, + { + "type": "header", + "content": "t:general.divider.section_heading.content" + }, + { + "type": "checkbox", + "id": "show_section_divider", + "default": false, + "label": "t:general.divider.show_divider.label" + }, + { + "type": "select", + "id": "divider_width", + "options": [ + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + }, + { + "value": "full", + "label": "t:general.container.options__full.label" + } + ], + "default": "fixed", + "label": "t:general.divider.width.label" + }, + { + "type": "header", + "content": "t:general.padding.section_heading.content" + }, + { + "type": "range", + "id": "padding_top", + "label": "t:general.padding.top.label", + "default": 50, + "min": 0, + "max": 120, + "step": 2, + "unit": "px" + }, + { + "type": "range", + "id": "padding_bottom", + "label": "t:general.padding.bottom.label", + "default": 50, + "min": 0, + "max": 120, + "step": 2, + "unit": "px" + } + ], + "blocks": [ + { + "type": "heading", + "limit": 1, + "name": "t:general.heading.name", + "settings": [ + { + "type": "header", + "content": "t:general.heading.label" + }, + { + "type": "select", + "id": "icon-1", + "label": "t:general.icon.label", + "default": "chat", + "options": [ + { + "value": "none", + "label": "t:general.icon.options__1.label" + }, + { + "value": "car-simple", + "label": "t:general.icon.options__2.label" + }, + { + "value": "truck", + "label": "t:general.icon.options__3.label" + }, + { + "value": "package", + "label": "t:general.icon.options__4.label" + }, + { + "value": "currency-circle-dollar", + "label": "t:general.icon.options__5.label" + }, + { + "value": "gift", + "label": "t:general.icon.options__6.label" + }, + { + "value": "heart", + "label": "t:general.icon.options__7.label" + }, + { + "value": "globe", + "label": "t:general.icon.options__8.label" + }, + { + "value": "check", + "label": "t:general.icon.options__9.label" + }, + { + "value": "arrow-up-left", + "label": "t:general.icon.options__10.label" + }, + { + "value": "lightning", + "label": "t:general.icon.options__11.label" + }, + { + "value": "calendar-blank", + "label": "t:general.icon.options__12.label" + }, + { + "value": "bell-ringing", + "label": "t:general.icon.options__13.label" + }, + { + "value": "location", + "label": "t:general.icon.options__14.label" + }, + { + "value": "tag", + "label": "t:general.icon.options__15.label" + }, + { + "value": "map-pin", + "label": "t:general.icon.options__16.label" + }, + { + "value": "smiley", + "label": "t:general.icon.options__17.label" + }, + { + "value": "stool", + "label": "t:general.icon.options__18.label" + }, + { + "value": "clock", + "label": "t:general.icon.options__19.label" + }, + { + "value": "phone", + "label": "t:general.icon.options__20.label" + }, + { + "value": "chat", + "label": "t:general.icon.options__21.label" + }, + { + "value": "paperplane", + "label": "t:general.icon.options__22.label" + }, + { + "value": "sliders", + "label": "t:general.icon.options__23.label" + }, + { + "value": "sound", + "label": "t:general.icon.options__24.label" + }, + { + "value": "music", + "label": "t:general.icon.options__25.label" + }, + { + "value": "airplane", + "label": "t:general.icon.options__26.label" + }, + { + "value": "alarm", + "label": "t:general.icon.options__27.label" + }, + { + "value": "play-list", + "label": "t:general.icon.options__28.label" + }, + { + "value": "drop-slash", + "label": "t:general.icon.options__29.label" + }, + { + "value": "pause-circle", + "label": "t:general.icon.options__30.label" + }, + { + "value": "acorn", + "label": "t:general.icon.options__34.label" + }, + { + "value": "leaf", + "label": "t:general.icon.options__35.label" + } + ] + }, + { + "type": "image_picker", + "id": "image-1", + "label": "t:general.image.label" + }, + { + "type": "text", + "id": "title-1", + "label": "t:general.collection.title.label", + "default": "Description" + }, + { + "type": "header", + "content": "t:sections.comparison-table.blocks.heading.rows.2" + }, + { + "type": "select", + "id": "icon-2", + "label": "t:general.icon.label", + "default": "chat", + "options": [ + { + "value": "none", + "label": "t:general.icon.options__1.label" + }, + { + "value": "car-simple", + "label": "t:general.icon.options__2.label" + }, + { + "value": "truck", + "label": "t:general.icon.options__3.label" + }, + { + "value": "package", + "label": "t:general.icon.options__4.label" + }, + { + "value": "currency-circle-dollar", + "label": "t:general.icon.options__5.label" + }, + { + "value": "gift", + "label": "t:general.icon.options__6.label" + }, + { + "value": "heart", + "label": "t:general.icon.options__7.label" + }, + { + "value": "globe", + "label": "t:general.icon.options__8.label" + }, + { + "value": "check", + "label": "t:general.icon.options__9.label" + }, + { + "value": "arrow-up-left", + "label": "t:general.icon.options__10.label" + }, + { + "value": "lightning", + "label": "t:general.icon.options__11.label" + }, + { + "value": "calendar-blank", + "label": "t:general.icon.options__12.label" + }, + { + "value": "bell-ringing", + "label": "t:general.icon.options__13.label" + }, + { + "value": "location", + "label": "t:general.icon.options__14.label" + }, + { + "value": "tag", + "label": "t:general.icon.options__15.label" + }, + { + "value": "map-pin", + "label": "t:general.icon.options__16.label" + }, + { + "value": "smiley", + "label": "t:general.icon.options__17.label" + }, + { + "value": "stool", + "label": "t:general.icon.options__18.label" + }, + { + "value": "clock", + "label": "t:general.icon.options__19.label" + }, + { + "value": "phone", + "label": "t:general.icon.options__20.label" + }, + { + "value": "chat", + "label": "t:general.icon.options__21.label" + }, + { + "value": "paperplane", + "label": "t:general.icon.options__22.label" + }, + { + "value": "sliders", + "label": "t:general.icon.options__23.label" + }, + { + "value": "sound", + "label": "t:general.icon.options__24.label" + }, + { + "value": "music", + "label": "t:general.icon.options__25.label" + }, + { + "value": "airplane", + "label": "t:general.icon.options__26.label" + }, + { + "value": "alarm", + "label": "t:general.icon.options__27.label" + }, + { + "value": "play-list", + "label": "t:general.icon.options__28.label" + }, + { + "value": "drop-slash", + "label": "t:general.icon.options__29.label" + }, + { + "value": "pause-circle", + "label": "t:general.icon.options__30.label" + }, + { + "value": "acorn", + "label": "t:general.icon.options__34.label" + }, + { + "value": "leaf", + "label": "t:general.icon.options__35.label" + } + ] + }, + { + "type": "image_picker", + "id": "image-2", + "label": "t:general.image.label" + }, + { + "type": "text", + "id": "title-2", + "label": "t:general.collection.title.label", + "default": "Aluminium Case" + }, + { + "type": "header", + "content": "t:sections.comparison-table.blocks.heading.rows.3" + }, + { + "type": "select", + "id": "icon-3", + "default": "chat", + "label": "t:general.icon.label", + "options": [ + { + "value": "none", + "label": "t:general.icon.options__1.label" + }, + { + "value": "car-simple", + "label": "t:general.icon.options__2.label" + }, + { + "value": "truck", + "label": "t:general.icon.options__3.label" + }, + { + "value": "package", + "label": "t:general.icon.options__4.label" + }, + { + "value": "currency-circle-dollar", + "label": "t:general.icon.options__5.label" + }, + { + "value": "gift", + "label": "t:general.icon.options__6.label" + }, + { + "value": "heart", + "label": "t:general.icon.options__7.label" + }, + { + "value": "globe", + "label": "t:general.icon.options__8.label" + }, + { + "value": "check", + "label": "t:general.icon.options__9.label" + }, + { + "value": "arrow-up-left", + "label": "t:general.icon.options__10.label" + }, + { + "value": "lightning", + "label": "t:general.icon.options__11.label" + }, + { + "value": "calendar-blank", + "label": "t:general.icon.options__12.label" + }, + { + "value": "bell-ringing", + "label": "t:general.icon.options__13.label" + }, + { + "value": "location", + "label": "t:general.icon.options__14.label" + }, + { + "value": "tag", + "label": "t:general.icon.options__15.label" + }, + { + "value": "map-pin", + "label": "t:general.icon.options__16.label" + }, + { + "value": "smiley", + "label": "t:general.icon.options__17.label" + }, + { + "value": "stool", + "label": "t:general.icon.options__18.label" + }, + { + "value": "clock", + "label": "t:general.icon.options__19.label" + }, + { + "value": "phone", + "label": "t:general.icon.options__20.label" + }, + { + "value": "chat", + "label": "t:general.icon.options__21.label" + }, + { + "value": "paperplane", + "label": "t:general.icon.options__22.label" + }, + { + "value": "sliders", + "label": "t:general.icon.options__23.label" + }, + { + "value": "sound", + "label": "t:general.icon.options__24.label" + }, + { + "value": "music", + "label": "t:general.icon.options__25.label" + }, + { + "value": "airplane", + "label": "t:general.icon.options__26.label" + }, + { + "value": "alarm", + "label": "t:general.icon.options__27.label" + }, + { + "value": "play-list", + "label": "t:general.icon.options__28.label" + }, + { + "value": "drop-slash", + "label": "t:general.icon.options__29.label" + }, + { + "value": "pause-circle", + "label": "t:general.icon.options__30.label" + }, + { + "value": "acorn", + "label": "t:general.icon.options__34.label" + }, + { + "value": "leaf", + "label": "t:general.icon.options__35.label" + } + ] + }, + { + "type": "image_picker", + "id": "image-3", + "label": "t:general.image.label" + }, + { + "type": "text", + "id": "title-3", + "label": "t:general.collection.title.label", + "default": "Battery" + }, + { + "type": "header", + "content": "t:sections.comparison-table.blocks.heading.rows.4" + }, + { + "type": "select", + "id": "icon-4", + "default": "chat", + "label": "t:general.icon.label", + "options": [ + { + "value": "none", + "label": "t:general.icon.options__1.label" + }, + { + "value": "car-simple", + "label": "t:general.icon.options__2.label" + }, + { + "value": "truck", + "label": "t:general.icon.options__3.label" + }, + { + "value": "package", + "label": "t:general.icon.options__4.label" + }, + { + "value": "currency-circle-dollar", + "label": "t:general.icon.options__5.label" + }, + { + "value": "gift", + "label": "t:general.icon.options__6.label" + }, + { + "value": "heart", + "label": "t:general.icon.options__7.label" + }, + { + "value": "globe", + "label": "t:general.icon.options__8.label" + }, + { + "value": "check", + "label": "t:general.icon.options__9.label" + }, + { + "value": "arrow-up-left", + "label": "t:general.icon.options__10.label" + }, + { + "value": "lightning", + "label": "t:general.icon.options__11.label" + }, + { + "value": "calendar-blank", + "label": "t:general.icon.options__12.label" + }, + { + "value": "bell-ringing", + "label": "t:general.icon.options__13.label" + }, + { + "value": "location", + "label": "t:general.icon.options__14.label" + }, + { + "value": "tag", + "label": "t:general.icon.options__15.label" + }, + { + "value": "map-pin", + "label": "t:general.icon.options__16.label" + }, + { + "value": "smiley", + "label": "t:general.icon.options__17.label" + }, + { + "value": "stool", + "label": "t:general.icon.options__18.label" + }, + { + "value": "clock", + "label": "t:general.icon.options__19.label" + }, + { + "value": "phone", + "label": "t:general.icon.options__20.label" + }, + { + "value": "chat", + "label": "t:general.icon.options__21.label" + }, + { + "value": "paperplane", + "label": "t:general.icon.options__22.label" + }, + { + "value": "sliders", + "label": "t:general.icon.options__23.label" + }, + { + "value": "sound", + "label": "t:general.icon.options__24.label" + }, + { + "value": "music", + "label": "t:general.icon.options__25.label" + }, + { + "value": "airplane", + "label": "t:general.icon.options__26.label" + }, + { + "value": "alarm", + "label": "t:general.icon.options__27.label" + }, + { + "value": "play-list", + "label": "t:general.icon.options__28.label" + }, + { + "value": "drop-slash", + "label": "t:general.icon.options__29.label" + }, + { + "value": "pause-circle", + "label": "t:general.icon.options__30.label" + }, + { + "value": "acorn", + "label": "t:general.icon.options__34.label" + }, + { + "value": "leaf", + "label": "t:general.icon.options__35.label" + } + ] + }, + { + "type": "image_picker", + "id": "image-4", + "label": "t:general.image.label" + }, + { + "type": "text", + "id": "title-4", + "label": "t:general.collection.title.label", + "default": "Screen" + }, + { + "type": "header", + "content": "t:sections.comparison-table.blocks.heading.rows.5" + }, + { + "type": "select", + "id": "icon-5", + "default": "chat", + "label": "t:general.icon.label", + "options": [ + { + "value": "none", + "label": "t:general.icon.options__1.label" + }, + { + "value": "car-simple", + "label": "t:general.icon.options__2.label" + }, + { + "value": "truck", + "label": "t:general.icon.options__3.label" + }, + { + "value": "package", + "label": "t:general.icon.options__4.label" + }, + { + "value": "currency-circle-dollar", + "label": "t:general.icon.options__5.label" + }, + { + "value": "gift", + "label": "t:general.icon.options__6.label" + }, + { + "value": "heart", + "label": "t:general.icon.options__7.label" + }, + { + "value": "globe", + "label": "t:general.icon.options__8.label" + }, + { + "value": "check", + "label": "t:general.icon.options__9.label" + }, + { + "value": "arrow-up-left", + "label": "t:general.icon.options__10.label" + }, + { + "value": "lightning", + "label": "t:general.icon.options__11.label" + }, + { + "value": "calendar-blank", + "label": "t:general.icon.options__12.label" + }, + { + "value": "bell-ringing", + "label": "t:general.icon.options__13.label" + }, + { + "value": "location", + "label": "t:general.icon.options__14.label" + }, + { + "value": "tag", + "label": "t:general.icon.options__15.label" + }, + { + "value": "map-pin", + "label": "t:general.icon.options__16.label" + }, + { + "value": "smiley", + "label": "t:general.icon.options__17.label" + }, + { + "value": "stool", + "label": "t:general.icon.options__18.label" + }, + { + "value": "clock", + "label": "t:general.icon.options__19.label" + }, + { + "value": "phone", + "label": "t:general.icon.options__20.label" + }, + { + "value": "chat", + "label": "t:general.icon.options__21.label" + }, + { + "value": "paperplane", + "label": "t:general.icon.options__22.label" + }, + { + "value": "sliders", + "label": "t:general.icon.options__23.label" + }, + { + "value": "sound", + "label": "t:general.icon.options__24.label" + }, + { + "value": "music", + "label": "t:general.icon.options__25.label" + }, + { + "value": "airplane", + "label": "t:general.icon.options__26.label" + }, + { + "value": "alarm", + "label": "t:general.icon.options__27.label" + }, + { + "value": "play-list", + "label": "t:general.icon.options__28.label" + }, + { + "value": "drop-slash", + "label": "t:general.icon.options__29.label" + }, + { + "value": "pause-circle", + "label": "t:general.icon.options__30.label" + }, + { + "value": "acorn", + "label": "t:general.icon.options__34.label" + }, + { + "value": "leaf", + "label": "t:general.icon.options__35.label" + } + ] + }, + { + "type": "image_picker", + "id": "image-5", + "label": "t:general.image.label" + }, + { + "type": "text", + "id": "title-5", + "label": "t:general.collection.title.label", + "default": "Display" + }, + { + "type": "header", + "content": "t:sections.comparison-table.blocks.heading.rows.6" + }, + { + "type": "select", + "id": "icon-6", + "default": "chat", + "label": "t:general.icon.label", + "options": [ + { + "value": "none", + "label": "t:general.icon.options__1.label" + }, + { + "value": "car-simple", + "label": "t:general.icon.options__2.label" + }, + { + "value": "truck", + "label": "t:general.icon.options__3.label" + }, + { + "value": "package", + "label": "t:general.icon.options__4.label" + }, + { + "value": "currency-circle-dollar", + "label": "t:general.icon.options__5.label" + }, + { + "value": "gift", + "label": "t:general.icon.options__6.label" + }, + { + "value": "heart", + "label": "t:general.icon.options__7.label" + }, + { + "value": "globe", + "label": "t:general.icon.options__8.label" + }, + { + "value": "check", + "label": "t:general.icon.options__9.label" + }, + { + "value": "arrow-up-left", + "label": "t:general.icon.options__10.label" + }, + { + "value": "lightning", + "label": "t:general.icon.options__11.label" + }, + { + "value": "calendar-blank", + "label": "t:general.icon.options__12.label" + }, + { + "value": "bell-ringing", + "label": "t:general.icon.options__13.label" + }, + { + "value": "location", + "label": "t:general.icon.options__14.label" + }, + { + "value": "tag", + "label": "t:general.icon.options__15.label" + }, + { + "value": "map-pin", + "label": "t:general.icon.options__16.label" + }, + { + "value": "smiley", + "label": "t:general.icon.options__17.label" + }, + { + "value": "stool", + "label": "t:general.icon.options__18.label" + }, + { + "value": "clock", + "label": "t:general.icon.options__19.label" + }, + { + "value": "phone", + "label": "t:general.icon.options__20.label" + }, + { + "value": "chat", + "label": "t:general.icon.options__21.label" + }, + { + "value": "paperplane", + "label": "t:general.icon.options__22.label" + }, + { + "value": "sliders", + "label": "t:general.icon.options__23.label" + }, + { + "value": "sound", + "label": "t:general.icon.options__24.label" + }, + { + "value": "music", + "label": "t:general.icon.options__25.label" + }, + { + "value": "airplane", + "label": "t:general.icon.options__26.label" + }, + { + "value": "alarm", + "label": "t:general.icon.options__27.label" + }, + { + "value": "play-list", + "label": "t:general.icon.options__28.label" + }, + { + "value": "drop-slash", + "label": "t:general.icon.options__29.label" + }, + { + "value": "pause-circle", + "label": "t:general.icon.options__30.label" + }, + { + "value": "acorn", + "label": "t:general.icon.options__34.label" + }, + { + "value": "leaf", + "label": "t:general.icon.options__35.label" + } + ] + }, + { + "type": "image_picker", + "id": "image-6", + "label": "t:general.image.label" + }, + { + "type": "text", + "id": "title-6", + "label": "t:general.collection.title.label" + }, + { + "type": "header", + "content": "t:sections.comparison-table.blocks.heading.rows.7" + }, + { + "type": "select", + "id": "icon-7", + "default": "chat", + "label": "t:general.icon.label", + "options": [ + { + "value": "none", + "label": "t:general.icon.options__1.label" + }, + { + "value": "car-simple", + "label": "t:general.icon.options__2.label" + }, + { + "value": "truck", + "label": "t:general.icon.options__3.label" + }, + { + "value": "package", + "label": "t:general.icon.options__4.label" + }, + { + "value": "currency-circle-dollar", + "label": "t:general.icon.options__5.label" + }, + { + "value": "gift", + "label": "t:general.icon.options__6.label" + }, + { + "value": "heart", + "label": "t:general.icon.options__7.label" + }, + { + "value": "globe", + "label": "t:general.icon.options__8.label" + }, + { + "value": "check", + "label": "t:general.icon.options__9.label" + }, + { + "value": "arrow-up-left", + "label": "t:general.icon.options__10.label" + }, + { + "value": "lightning", + "label": "t:general.icon.options__11.label" + }, + { + "value": "calendar-blank", + "label": "t:general.icon.options__12.label" + }, + { + "value": "bell-ringing", + "label": "t:general.icon.options__13.label" + }, + { + "value": "location", + "label": "t:general.icon.options__14.label" + }, + { + "value": "tag", + "label": "t:general.icon.options__15.label" + }, + { + "value": "map-pin", + "label": "t:general.icon.options__16.label" + }, + { + "value": "smiley", + "label": "t:general.icon.options__17.label" + }, + { + "value": "stool", + "label": "t:general.icon.options__18.label" + }, + { + "value": "clock", + "label": "t:general.icon.options__19.label" + }, + { + "value": "phone", + "label": "t:general.icon.options__20.label" + }, + { + "value": "chat", + "label": "t:general.icon.options__21.label" + }, + { + "value": "paperplane", + "label": "t:general.icon.options__22.label" + }, + { + "value": "sliders", + "label": "t:general.icon.options__23.label" + }, + { + "value": "sound", + "label": "t:general.icon.options__24.label" + }, + { + "value": "music", + "label": "t:general.icon.options__25.label" + }, + { + "value": "airplane", + "label": "t:general.icon.options__26.label" + }, + { + "value": "alarm", + "label": "t:general.icon.options__27.label" + }, + { + "value": "play-list", + "label": "t:general.icon.options__28.label" + }, + { + "value": "drop-slash", + "label": "t:general.icon.options__29.label" + }, + { + "value": "pause-circle", + "label": "t:general.icon.options__30.label" + }, + { + "value": "acorn", + "label": "t:general.icon.options__34.label" + }, + { + "value": "leaf", + "label": "t:general.icon.options__35.label" + } + ] + }, + { + "type": "image_picker", + "id": "image-7", + "label": "t:general.image.label" + }, + { + "type": "text", + "id": "title-7", + "label": "t:general.collection.title.label" + }, + { + "type": "header", + "content": "t:sections.comparison-table.blocks.heading.rows.8" + }, + { + "type": "select", + "id": "icon-8", + "default": "chat", + "label": "t:general.icon.label", + "options": [ + { + "value": "none", + "label": "t:general.icon.options__1.label" + }, + { + "value": "car-simple", + "label": "t:general.icon.options__2.label" + }, + { + "value": "truck", + "label": "t:general.icon.options__3.label" + }, + { + "value": "package", + "label": "t:general.icon.options__4.label" + }, + { + "value": "currency-circle-dollar", + "label": "t:general.icon.options__5.label" + }, + { + "value": "gift", + "label": "t:general.icon.options__6.label" + }, + { + "value": "heart", + "label": "t:general.icon.options__7.label" + }, + { + "value": "globe", + "label": "t:general.icon.options__8.label" + }, + { + "value": "check", + "label": "t:general.icon.options__9.label" + }, + { + "value": "arrow-up-left", + "label": "t:general.icon.options__10.label" + }, + { + "value": "lightning", + "label": "t:general.icon.options__11.label" + }, + { + "value": "calendar-blank", + "label": "t:general.icon.options__12.label" + }, + { + "value": "bell-ringing", + "label": "t:general.icon.options__13.label" + }, + { + "value": "location", + "label": "t:general.icon.options__14.label" + }, + { + "value": "tag", + "label": "t:general.icon.options__15.label" + }, + { + "value": "map-pin", + "label": "t:general.icon.options__16.label" + }, + { + "value": "smiley", + "label": "t:general.icon.options__17.label" + }, + { + "value": "stool", + "label": "t:general.icon.options__18.label" + }, + { + "value": "clock", + "label": "t:general.icon.options__19.label" + }, + { + "value": "phone", + "label": "t:general.icon.options__20.label" + }, + { + "value": "chat", + "label": "t:general.icon.options__21.label" + }, + { + "value": "paperplane", + "label": "t:general.icon.options__22.label" + }, + { + "value": "sliders", + "label": "t:general.icon.options__23.label" + }, + { + "value": "sound", + "label": "t:general.icon.options__24.label" + }, + { + "value": "music", + "label": "t:general.icon.options__25.label" + }, + { + "value": "airplane", + "label": "t:general.icon.options__26.label" + }, + { + "value": "alarm", + "label": "t:general.icon.options__27.label" + }, + { + "value": "play-list", + "label": "t:general.icon.options__28.label" + }, + { + "value": "drop-slash", + "label": "t:general.icon.options__29.label" + }, + { + "value": "pause-circle", + "label": "t:general.icon.options__30.label" + }, + { + "value": "acorn", + "label": "t:general.icon.options__34.label" + }, + { + "value": "leaf", + "label": "t:general.icon.options__35.label" + } + ] + }, + { + "type": "image_picker", + "id": "image-8", + "label": "t:general.image.label" + }, + { + "type": "text", + "id": "title-8", + "label": "t:general.collection.title.label" + }, + { + "type": "header", + "content": "t:sections.comparison-table.blocks.heading.rows.9" + }, + { + "type": "select", + "id": "icon-9", + "default": "chat", + "label": "t:general.icon.label", + "options": [ + { + "value": "none", + "label": "t:general.icon.options__1.label" + }, + { + "value": "car-simple", + "label": "t:general.icon.options__2.label" + }, + { + "value": "truck", + "label": "t:general.icon.options__3.label" + }, + { + "value": "package", + "label": "t:general.icon.options__4.label" + }, + { + "value": "currency-circle-dollar", + "label": "t:general.icon.options__5.label" + }, + { + "value": "gift", + "label": "t:general.icon.options__6.label" + }, + { + "value": "heart", + "label": "t:general.icon.options__7.label" + }, + { + "value": "globe", + "label": "t:general.icon.options__8.label" + }, + { + "value": "check", + "label": "t:general.icon.options__9.label" + }, + { + "value": "arrow-up-left", + "label": "t:general.icon.options__10.label" + }, + { + "value": "lightning", + "label": "t:general.icon.options__11.label" + }, + { + "value": "calendar-blank", + "label": "t:general.icon.options__12.label" + }, + { + "value": "bell-ringing", + "label": "t:general.icon.options__13.label" + }, + { + "value": "location", + "label": "t:general.icon.options__14.label" + }, + { + "value": "tag", + "label": "t:general.icon.options__15.label" + }, + { + "value": "map-pin", + "label": "t:general.icon.options__16.label" + }, + { + "value": "smiley", + "label": "t:general.icon.options__17.label" + }, + { + "value": "stool", + "label": "t:general.icon.options__18.label" + }, + { + "value": "clock", + "label": "t:general.icon.options__19.label" + }, + { + "value": "phone", + "label": "t:general.icon.options__20.label" + }, + { + "value": "chat", + "label": "t:general.icon.options__21.label" + }, + { + "value": "paperplane", + "label": "t:general.icon.options__22.label" + }, + { + "value": "sliders", + "label": "t:general.icon.options__23.label" + }, + { + "value": "sound", + "label": "t:general.icon.options__24.label" + }, + { + "value": "music", + "label": "t:general.icon.options__25.label" + }, + { + "value": "airplane", + "label": "t:general.icon.options__26.label" + }, + { + "value": "alarm", + "label": "t:general.icon.options__27.label" + }, + { + "value": "play-list", + "label": "t:general.icon.options__28.label" + }, + { + "value": "drop-slash", + "label": "t:general.icon.options__29.label" + }, + { + "value": "pause-circle", + "label": "t:general.icon.options__30.label" + }, + { + "value": "acorn", + "label": "t:general.icon.options__34.label" + }, + { + "value": "leaf", + "label": "t:general.icon.options__35.label" + } + ] + }, + { + "type": "image_picker", + "id": "image-9", + "label": "t:general.image.label" + }, + { + "type": "text", + "id": "title-9", + "label": "t:general.collection.title.label" + }, + { + "type": "header", + "content": "t:sections.comparison-table.blocks.heading.rows.10" + }, + { + "type": "select", + "id": "icon-10", + "default": "chat", + "label": "t:general.icon.label", + "options": [ + { + "value": "none", + "label": "t:general.icon.options__1.label" + }, + { + "value": "car-simple", + "label": "t:general.icon.options__2.label" + }, + { + "value": "truck", + "label": "t:general.icon.options__3.label" + }, + { + "value": "package", + "label": "t:general.icon.options__4.label" + }, + { + "value": "currency-circle-dollar", + "label": "t:general.icon.options__5.label" + }, + { + "value": "gift", + "label": "t:general.icon.options__6.label" + }, + { + "value": "heart", + "label": "t:general.icon.options__7.label" + }, + { + "value": "globe", + "label": "t:general.icon.options__8.label" + }, + { + "value": "check", + "label": "t:general.icon.options__9.label" + }, + { + "value": "arrow-up-left", + "label": "t:general.icon.options__10.label" + }, + { + "value": "lightning", + "label": "t:general.icon.options__11.label" + }, + { + "value": "calendar-blank", + "label": "t:general.icon.options__12.label" + }, + { + "value": "bell-ringing", + "label": "t:general.icon.options__13.label" + }, + { + "value": "location", + "label": "t:general.icon.options__14.label" + }, + { + "value": "tag", + "label": "t:general.icon.options__15.label" + }, + { + "value": "map-pin", + "label": "t:general.icon.options__16.label" + }, + { + "value": "smiley", + "label": "t:general.icon.options__17.label" + }, + { + "value": "stool", + "label": "t:general.icon.options__18.label" + }, + { + "value": "clock", + "label": "t:general.icon.options__19.label" + }, + { + "value": "phone", + "label": "t:general.icon.options__20.label" + }, + { + "value": "chat", + "label": "t:general.icon.options__21.label" + }, + { + "value": "paperplane", + "label": "t:general.icon.options__22.label" + }, + { + "value": "sliders", + "label": "t:general.icon.options__23.label" + }, + { + "value": "sound", + "label": "t:general.icon.options__24.label" + }, + { + "value": "music", + "label": "t:general.icon.options__25.label" + }, + { + "value": "airplane", + "label": "t:general.icon.options__26.label" + }, + { + "value": "alarm", + "label": "t:general.icon.options__27.label" + }, + { + "value": "play-list", + "label": "t:general.icon.options__28.label" + }, + { + "value": "drop-slash", + "label": "t:general.icon.options__29.label" + }, + { + "value": "pause-circle", + "label": "t:general.icon.options__30.label" + }, + { + "value": "acorn", + "label": "t:general.icon.options__34.label" + }, + { + "value": "leaf", + "label": "t:general.icon.options__35.label" + } + ] + }, + { + "type": "image_picker", + "id": "image-10", + "label": "t:general.image.label" + }, + { + "type": "text", + "id": "title-10", + "label": "t:general.collection.title.label" + } + ] + }, + { + "type": "content", + "name": "t:general.content.label", + "settings": [ + { + "type": "product", + "id": "product", + "label": "t:general.product.label" + }, + { + "type": "richtext", + "id": "text-1", + "label": "t:general.text.label" + }, + { + "type": "richtext", + "id": "text-2", + "label": "t:sections.comparison-table.blocks.content.rows.2" + }, + { + "type": "richtext", + "id": "text-3", + "label": "t:sections.comparison-table.blocks.content.rows.3" + }, + { + "type": "richtext", + "id": "text-4", + "label": "t:sections.comparison-table.blocks.content.rows.4" + }, + { + "type": "richtext", + "id": "text-5", + "label": "t:sections.comparison-table.blocks.content.rows.5" + }, + { + "type": "richtext", + "id": "text-6", + "label": "t:sections.comparison-table.blocks.content.rows.6" + }, + { + "type": "richtext", + "id": "text-7", + "label": "t:sections.comparison-table.blocks.content.rows.7" + }, + { + "type": "richtext", + "id": "text-8", + "label": "t:sections.comparison-table.blocks.content.rows.8" + }, + { + "type": "richtext", + "id": "text-9", + "label": "t:sections.comparison-table.blocks.content.rows.9" + }, + { + "type": "richtext", + "id": "text-10", + "label": "t:sections.comparison-table.blocks.content.rows.10" + } + ] + } + ], + "presets": [ + { + "name": "t:sections.comparison-table.name", + "blocks": [ + { + "type": "heading" + }, + { + "type": "content", + "settings": { + "text-1": "

Hecht and Colin describe employing a process similar

", + "text-2": "

44mm or 40mm

", + "text-3": "

Up to 18 hours

", + "text-4": "

S8 SiP

", + "text-5": "

Up to 1,000 nits

" + } + }, + { + "type": "content", + "settings": { + "text-1": "

Inspired to create a chair where the back and arms are moulded

", + "text-2": "

46mm or 42mm

", + "text-3": "

Up to 18 hours

", + "text-4": "

S10 SiP

", + "text-5": "

Up to 2,000 nits

" + } + }, + { + "type": "content", + "settings": { + "text-1": "

Inspired to create a chair where the back and arms are moulded

", + "text-2": "

49mm

", + "text-3": "

Up to 36 hours

", + "text-4": "

S9 SiP

", + "text-5": "

Up to 3,000 nits

" + } + } + ] + } + ] +} +{% endschema %} diff --git a/sections/contact-form.liquid b/sections/contact-form.liquid index 3a5679cf19f..8d67d1f7de2 100644 --- a/sections/contact-form.liquid +++ b/sections/contact-form.liquid @@ -1,217 +1,1454 @@ -{{ 'section-contact-form.css' | asset_url | stylesheet_tag }} - -{%- style -%} - .section-{{ section.id }}-padding { - padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px; - padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px; - } +{%- liquid + assign color_inherit = false + if section.settings.color_scheme == section.settings.section_color_scheme + assign color_inherit = true + endif - @media screen and (min-width: 750px) { - .section-{{ section.id }}-padding { - padding-top: {{ section.settings.padding_top }}px; - padding-bottom: {{ section.settings.padding_bottom }}px; - } - } -{%- endstyle -%} + assign custom_field_blocks = section.blocks | where: 'type', 'custom_field' + assign sidebar = section.blocks | where: 'type', 'sidebar' | first -
-
- {%- if section.settings.heading != blank -%} -

- {{ section.settings.heading }} -

- {%- else -%} - - {%- endif -%} - {%- liquid - assign contact_form_class = 'isolate' - if settings.animations_reveal_on_scroll - assign contact_form_class = 'isolate scroll-trigger animate--slide-in' - endif - -%} - {%- form 'contact', id: 'ContactForm', class: contact_form_class -%} - {%- if form.posted_successfully? -%} -

- {{- 'icon-success.svg' | inline_asset_content -}} - {{ 'templates.contact.form.post_success' | t }} + assign form_id = 'ContactForm-' | append: section.id + assign phone_field_index = 1 +-%} +{{ 'section-contact-form.css' | asset_url | stylesheet_tag }} +{%- if sidebar -%} + {{ 'component-help-sidebar.css' | asset_url | stylesheet_tag }} +{%- endif -%} +{% render 'divider', + show_divider: section.settings.show_section_divider, + divider_width: section.settings.divider_width +%} +
+
+
+ {%- if section.settings.heading != blank -%} +

+ + {% render 'highlight-text', + hl_text: section.settings.heading, + hl_style: section.settings.highlight_style, + hl_font_style: section.settings.highlight_font_style, + hl_style_color: section.settings.highlight_style_color, + hl_text_color: section.settings.highlight_text_color + %} +

- {%- elsif form.errors -%} -
- -
- + {%- else -%} + {%- endif -%} -
-
- - -
-
- - - {%- if form.errors contains 'email' -%} - - - - - {{- 'icon-error.svg' | inline_asset_content -}} - + {%- form 'contact', id: form_id, class: 'w-full' -%} + {%- if form.posted_successfully? -%} +
+

+ {% render 'icon-success', size: 'small' %} + {{ 'templates.contact.form.post_success' | t }} +

+
+ {%- elsif form.errors -%} +
+ + + +
+ {%- endif -%} +
+
+ + +
+ + + {%- for block in custom_field_blocks -%} + {%- liquid + assign field_name_default = 'Custom field ' | append: forloop.index + assign field_name = block.settings.heading | default: field_name_default + -%} + {%- if block.settings.field_type == 'phone' -%} + {%- liquid + assign placeholder = 'templates.contact.form.phone' | t + if block.settings.placeholder != blank + assign placeholder = block.settings.placeholder + endif + + if phone_field_index > 1 + continue + endif + -%} +
+ {%- if block.settings.heading != blank -%} + + {%- endif -%} + +
+ {% assign phone_field_index = phone_field_index | plus: 1 %} + {%- elsif block.settings.field_type == 'text' -%} +
+ {%- if block.settings.heading != blank -%} + + {%- endif -%} + +
+ {%- elsif block.settings.field_type == 'textarea' -%} +
+ {%- if block.settings.heading != blank -%} + + {%- endif -%} + +
+ {%- elsif block.settings.field_type == 'select' -%} + {% assign options = block.settings.select_options | split: ',' %} +
+ {%- if block.settings.heading != blank -%} + + {%- endif -%} +
+ + {%- render 'icon-caret-down', size: '2xs' -%} +
+
+ {%- elsif block.settings.field_type == 'checkbox' -%} +
+
+ + + {%- if block.settings.heading != blank -%} + + {%- endif -%} +
+
+ {%- elsif block.settings.field_type == 'radio' -%} + {% assign options = block.settings.radio_options | split: ',' %} +
+ {%- if block.settings.heading != blank -%} + + {%- endif -%} +
    + {%- for option in options -%} +
  • + + +
    • + {%- endfor -%} +
+
+ {%- endif -%} + {%- endfor -%} +
+ + +
+
+ +
-
-
- - -
-
- - -
-
- -
- {%- endform -%} + {%- endform -%} +
+ {%- if sidebar != blank -%} + {% render 'help-sidebar', sidebar: sidebar %} + {%- endif -%}
- {% schema %} { "name": "t:sections.contact-form.name", "tag": "section", "class": "section", "disabled_on": { - "groups": ["header", "footer"] + "groups": ["footer", "header", "custom.overlay"] }, "settings": [ + { + "type": "header", + "content": "t:general.general.name" + }, + { + "type": "select", + "id": "container", + "options": [ + { + "value": "full", + "label": "t:general.container.options__full.label" + }, + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + } + ], + "default": "fixed", + "label": "t:general.container.label" + }, + { + "type": "color_scheme", + "id": "section_color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "header", + "content": "t:general.section_header.content" + }, { "type": "inline_richtext", "id": "heading", - "default": "t:sections.contact-form.settings.title.default", - "label": "t:sections.contact-form.settings.title.label" + "default": "Contact form", + "label": "t:general.heading.label", + "info": "t:general.heading.info" }, { "type": "select", - "id": "heading_size", + "id": "highlight_style", + "label": "t:general.highlight_text.highlight_style.label", "options": [ { - "value": "h2", - "label": "t:sections.all.heading_size.options__1.label" + "value": "none", + "label": "t:general.highlight_text.highlight_style.options.option__1.label" }, { - "value": "h1", - "label": "t:sections.all.heading_size.options__2.label" + "value": "hand_drawn_circle", + "label": "t:general.highlight_text.highlight_style.options.option__2.label" }, { - "value": "h0", - "label": "t:sections.all.heading_size.options__3.label" + "value": "thick_underline", + "label": "t:general.highlight_text.highlight_style.options.option__3.label" }, { - "value": "hxl", - "label": "t:sections.all.heading_size.options__4.label" + "value": "wave_underline", + "label": "t:general.highlight_text.highlight_style.options.option__4.label" + } + ] + }, + { + "type": "select", + "id": "highlight_font_style", + "label": "t:general.highlight_text.highlight_font_style.label", + "options": [ + { + "value": "italic", + "label": "t:general.highlight_text.highlight_font_style.options.option__1.label" }, { - "value": "hxxl", - "label": "t:sections.all.heading_size.options__5.label" + "value": "normal", + "label": "t:general.highlight_text.highlight_font_style.options.option__2.label" } - ], - "default": "h1", - "label": "t:sections.all.heading_size.label" + ] }, { - "type": "color_scheme", - "id": "color_scheme", - "label": "t:sections.all.colors.label", - "default": "scheme-1" + "type": "color", + "id": "highlight_style_color", + "label": "t:general.highlight_text.highlight_style_color.label" + }, + { + "type": "color", + "id": "highlight_text_color", + "label": "t:general.highlight_text.highlight_text_color.label" + }, + { + "type": "select", + "id": "heading_size", + "label": "t:general.text_size.heading.label", + "default": "h1", + "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ] }, { "type": "header", - "content": "t:sections.all.padding.section_padding_heading" + "content": "t:general.padding.section_heading.content" }, { "type": "range", "id": "padding_top", "min": 0, "max": 100, - "step": 4, + "step": 2, "unit": "px", - "label": "t:sections.all.padding.padding_top", - "default": 36 + "label": "t:general.padding.top.label", + "default": 50 }, { "type": "range", "id": "padding_bottom", "min": 0, "max": 100, - "step": 4, + "step": 2, "unit": "px", - "label": "t:sections.all.padding.padding_bottom", - "default": 36 + "label": "t:general.padding.bottom.label", + "default": 50 + }, + { + "type": "header", + "content": "t:general.divider.section_heading.content" + }, + { + "type": "checkbox", + "id": "show_section_divider", + "default": false, + "label": "t:general.divider.show_divider.label" + }, + { + "type": "select", + "id": "divider_width", + "options": [ + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + }, + { + "value": "full", + "label": "t:general.container.options__full.label" + } + ], + "default": "fixed", + "label": "t:general.divider.width.label" + } + ], + "blocks": [ + { + "type": "custom_field", + "name": "t:sections.contact-form.blocks.custom_field.name", + "settings": [ + { + "type": "paragraph", + "content": "t:sections.contact-form.blocks.custom_field.paragraph" + }, + { + "type": "select", + "id": "field_type", + "label": "t:sections.contact-form.blocks.custom_field.settings.field_type.label", + "default": "text", + "info": "t:sections.contact-form.blocks.custom_field.settings.field_type.info", + "options": [ + { + "value": "text", + "label": "t:general.form.text.name" + }, + { + "value": "textarea", + "label": "t:general.form.textarea.name" + }, + { + "value": "phone", + "label": "t:general.form.phone.name" + }, + { + "value": "select", + "label": "t:general.form.select.name" + }, + { + "value": "checkbox", + "label": "t:general.form.checkbox.name" + }, + { + "value": "radio", + "label": "t:general.form.radio.name" + } + ] + }, + { + "type": "text", + "id": "heading", + "label": "t:general.form.label.label" + }, + { + "type": "text", + "id": "placeholder", + "label": "t:general.form.placeholder.label" + }, + { + "type": "checkbox", + "id": "required", + "label": "t:general.form.required.label", + "default": false + }, + { + "type": "checkbox", + "id": "full_width", + "label": "t:sections.contact-form.blocks.custom_field.settings.full_width.label", + "default": false + }, + { + "type": "header", + "content": "t:sections.contact-form.blocks.custom_field.select_header.content", + "info": "t:sections.contact-form.blocks.custom_field.select_header.info" + }, + { + "type": "text", + "id": "select_options", + "label": "t:sections.contact-form.blocks.custom_field.settings.select_options.label", + "info": "t:sections.contact-form.blocks.custom_field.settings.select_options.info" + }, + { + "type": "header", + "content": "t:sections.contact-form.blocks.custom_field.checkbox_header.content", + "info": "t:sections.contact-form.blocks.custom_field.checkbox_header.info" + }, + { + "type": "text", + "id": "checkbox_checked_value", + "label": "t:sections.contact-form.blocks.custom_field.settings.checkbox_checked_value.label", + "default": "Yes" + }, + { + "type": "text", + "id": "checkbox_uncheck_value", + "label": "t:sections.contact-form.blocks.custom_field.settings.checkbox_uncheck_value.label", + "default": "No" + }, + { + "type": "header", + "content": "t:sections.contact-form.blocks.custom_field.radio_header.content", + "info": "t:sections.contact-form.blocks.custom_field.radio_header.info" + }, + { + "type": "text", + "id": "radio_options", + "label": "t:sections.contact-form.blocks.custom_field.settings.radio_options.label", + "info": "t:sections.contact-form.blocks.custom_field.settings.radio_options.info" + } + ] + }, + { + "type": "sidebar", + "name": "t:general.help_sidebar.name", + "limit": 1, + "settings": [ + { + "type": "header", + "content": "t:general.general.name" + }, + { + "type": "select", + "id": "position", + "label": "t:general.help_sidebar.position.label", + "options": [ + { + "value": "right", + "label": "t:general.content_alignment.options__3.label" + }, + { + "value": "left", + "label": "t:general.content_alignment.options__1.label" + } + ], + "default": "right" + }, + { + "type": "header", + "content": "t:general.content.label" + }, + { + "type": "inline_richtext", + "id": "heading", + "default": "Sidebar", + "label": "t:general.heading.label" + }, + { + "type": "select", + "id": "heading_size", + "label": "t:general.text_size.heading.label", + "default": "h2", + "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ] + }, + { + "type": "richtext", + "id": "text", + "label": "t:general.text.label" + }, + { + "type": "select", + "id": "text_size", + "label": "t:general.text_size.text.label", + "default": "text-base", + "options": [ + { + "value": "text-sm", + "label": "t:general.text_size.options__small.label" + }, + { + "value": "text-base", + "label": "t:general.text_size.options__base.label" + }, + { + "value": "text-lg", + "label": "t:general.text_size.options__large.label" + }, + { + "value": "text-inherit", + "label": "t:general.text_size.options__inherit.label" + } + ] + }, + { + "type": "header", + "content": "t:general.help_sidebar.header__item_1.content" + }, + { + "type": "select", + "id": "icon_1", + "label": "t:general.icon.label", + "options": [ + { + "value": "none", + "label": "t:general.icon.options__1.label" + }, + { + "value": "car-simple", + "label": "t:general.icon.options__2.label" + }, + { + "value": "truck", + "label": "t:general.icon.options__3.label" + }, + { + "value": "package", + "label": "t:general.icon.options__4.label" + }, + { + "value": "currency-circle-dollar", + "label": "t:general.icon.options__5.label" + }, + { + "value": "gift", + "label": "t:general.icon.options__6.label" + }, + { + "value": "heart", + "label": "t:general.icon.options__7.label" + }, + { + "value": "globe", + "label": "t:general.icon.options__8.label" + }, + { + "value": "check", + "label": "t:general.icon.options__9.label" + }, + { + "value": "arrow-up-left", + "label": "t:general.icon.options__10.label" + }, + { + "value": "lightning", + "label": "t:general.icon.options__11.label" + }, + { + "value": "calendar-blank", + "label": "t:general.icon.options__12.label" + }, + { + "value": "bell-ringing", + "label": "t:general.icon.options__13.label" + }, + { + "value": "location", + "label": "t:general.icon.options__14.label" + }, + { + "value": "tag", + "label": "t:general.icon.options__15.label" + }, + { + "value": "map-pin", + "label": "t:general.icon.options__16.label" + }, + { + "value": "smiley", + "label": "t:general.icon.options__17.label" + }, + { + "value": "stool", + "label": "t:general.icon.options__18.label" + }, + { + "value": "clock", + "label": "t:general.icon.options__19.label" + }, + { + "value": "phone", + "label": "t:general.icon.options__20.label" + }, + { + "value": "chat", + "label": "t:general.icon.options__21.label" + }, + { + "value": "paperplane", + "label": "t:general.icon.options__22.label" + } + ], + "default": "heart" + }, + { + "type": "image_picker", + "id": "icon_custom_1", + "label": "t:general.custom_image.label" + }, + { + "type": "range", + "id": "icon_width_1", + "label": "t:general.help_sidebar.icon_width.label", + "min": 10, + "max": 50, + "step": 2, + "unit": "px", + "default": 24 + }, + { + "type": "color", + "id": "icon_color_1", + "label": "t:general.help_sidebar.icon_color.label", + "default": "#000000" + }, + { + "type": "text", + "id": "icon_heading_1", + "label": "t:general.heading.label", + "default": "Icon with text" + }, + { + "type": "select", + "id": "icon_heading_size_1", + "label": "t:general.text_size.heading.label", + "default": "h5", + "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ] + }, + { + "type": "richtext", + "id": "icon_text_1", + "label": "t:general.text.label" + }, + { + "type": "select", + "id": "icon_vertical_alignment_1", + "label": "t:general.vertical_alignment.label", + "default": "start", + "options": [ + { + "value": "start", + "label": "t:general.vertical_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.vertical_alignment.options__2.label" + }, + { + "value": "end", + "label": "t:general.vertical_alignment.options__3.label" + } + ] + }, + { + "type": "header", + "content": "t:general.help_sidebar.header__item_2.content" + }, + { + "type": "select", + "id": "icon_2", + "label": "t:general.icon.label", + "options": [ + { + "value": "none", + "label": "t:general.icon.options__1.label" + }, + { + "value": "car-simple", + "label": "t:general.icon.options__2.label" + }, + { + "value": "truck", + "label": "t:general.icon.options__3.label" + }, + { + "value": "package", + "label": "t:general.icon.options__4.label" + }, + { + "value": "currency-circle-dollar", + "label": "t:general.icon.options__5.label" + }, + { + "value": "gift", + "label": "t:general.icon.options__6.label" + }, + { + "value": "heart", + "label": "t:general.icon.options__7.label" + }, + { + "value": "globe", + "label": "t:general.icon.options__8.label" + }, + { + "value": "check", + "label": "t:general.icon.options__9.label" + }, + { + "value": "arrow-up-left", + "label": "t:general.icon.options__10.label" + }, + { + "value": "lightning", + "label": "t:general.icon.options__11.label" + }, + { + "value": "calendar-blank", + "label": "t:general.icon.options__12.label" + }, + { + "value": "bell-ringing", + "label": "t:general.icon.options__13.label" + }, + { + "value": "location", + "label": "t:general.icon.options__14.label" + }, + { + "value": "tag", + "label": "t:general.icon.options__15.label" + }, + { + "value": "map-pin", + "label": "t:general.icon.options__16.label" + }, + { + "value": "smiley", + "label": "t:general.icon.options__17.label" + }, + { + "value": "stool", + "label": "t:general.icon.options__18.label" + }, + { + "value": "clock", + "label": "t:general.icon.options__19.label" + }, + { + "value": "phone", + "label": "t:general.icon.options__20.label" + }, + { + "value": "chat", + "label": "t:general.icon.options__21.label" + }, + { + "value": "paperplane", + "label": "t:general.icon.options__22.label" + } + ], + "default": "heart" + }, + { + "type": "image_picker", + "id": "icon_custom_2", + "label": "t:general.custom_image.label" + }, + { + "type": "range", + "id": "icon_width_2", + "label": "t:general.help_sidebar.icon_width.label", + "min": 10, + "max": 50, + "step": 2, + "unit": "px", + "default": 24 + }, + { + "type": "color", + "id": "icon_color_2", + "label": "t:general.help_sidebar.icon_color.label", + "default": "#000000" + }, + { + "type": "text", + "id": "icon_heading_2", + "label": "t:general.heading.label", + "default": "Icon with text" + }, + { + "type": "select", + "id": "icon_heading_size_2", + "label": "t:general.text_size.heading.label", + "default": "h5", + "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ] + }, + { + "type": "richtext", + "id": "icon_text_2", + "label": "t:general.text.label" + }, + { + "type": "select", + "id": "icon_vertical_alignment_2", + "label": "t:general.vertical_alignment.label", + "default": "start", + "options": [ + { + "value": "start", + "label": "t:general.vertical_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.vertical_alignment.options__2.label" + }, + { + "value": "end", + "label": "t:general.vertical_alignment.options__3.label" + } + ] + }, + { + "type": "header", + "content": "t:general.help_sidebar.header__item_3.content" + }, + { + "type": "select", + "id": "icon_3", + "label": "t:general.icon.label", + "options": [ + { + "value": "none", + "label": "t:general.icon.options__1.label" + }, + { + "value": "car-simple", + "label": "t:general.icon.options__2.label" + }, + { + "value": "truck", + "label": "t:general.icon.options__3.label" + }, + { + "value": "package", + "label": "t:general.icon.options__4.label" + }, + { + "value": "currency-circle-dollar", + "label": "t:general.icon.options__5.label" + }, + { + "value": "gift", + "label": "t:general.icon.options__6.label" + }, + { + "value": "heart", + "label": "t:general.icon.options__7.label" + }, + { + "value": "globe", + "label": "t:general.icon.options__8.label" + }, + { + "value": "check", + "label": "t:general.icon.options__9.label" + }, + { + "value": "arrow-up-left", + "label": "t:general.icon.options__10.label" + }, + { + "value": "lightning", + "label": "t:general.icon.options__11.label" + }, + { + "value": "calendar-blank", + "label": "t:general.icon.options__12.label" + }, + { + "value": "bell-ringing", + "label": "t:general.icon.options__13.label" + }, + { + "value": "location", + "label": "t:general.icon.options__14.label" + }, + { + "value": "tag", + "label": "t:general.icon.options__15.label" + }, + { + "value": "map-pin", + "label": "t:general.icon.options__16.label" + }, + { + "value": "smiley", + "label": "t:general.icon.options__17.label" + }, + { + "value": "stool", + "label": "t:general.icon.options__18.label" + }, + { + "value": "clock", + "label": "t:general.icon.options__19.label" + }, + { + "value": "phone", + "label": "t:general.icon.options__20.label" + }, + { + "value": "chat", + "label": "t:general.icon.options__21.label" + }, + { + "value": "paperplane", + "label": "t:general.icon.options__22.label" + } + ], + "default": "heart" + }, + { + "type": "image_picker", + "id": "icon_custom_3", + "label": "t:general.custom_image.label" + }, + { + "type": "range", + "id": "icon_width_3", + "label": "t:general.help_sidebar.icon_width.label", + "min": 10, + "max": 50, + "step": 2, + "unit": "px", + "default": 24 + }, + { + "type": "color", + "id": "icon_color_3", + "label": "t:general.help_sidebar.icon_color.label", + "default": "#000000" + }, + { + "type": "text", + "id": "icon_heading_3", + "label": "t:general.heading.label", + "default": "Icon with text" + }, + { + "type": "select", + "id": "icon_heading_size_3", + "label": "t:general.text_size.heading.label", + "default": "h5", + "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ] + }, + { + "type": "richtext", + "id": "icon_text_3", + "label": "t:general.text.label" + }, + { + "type": "select", + "id": "icon_vertical_alignment_3", + "label": "t:general.vertical_alignment.label", + "default": "start", + "options": [ + { + "value": "start", + "label": "t:general.vertical_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.vertical_alignment.options__2.label" + }, + { + "value": "end", + "label": "t:general.vertical_alignment.options__3.label" + } + ] + }, + { + "type": "header", + "content": "t:general.button.header.content" + }, + { + "type": "text", + "id": "button_label", + "label": "t:general.button.button_label.label", + "default": "Button label" + }, + { + "type": "url", + "id": "button_link", + "label": "t:general.button.button_link.label" + }, + { + "type": "select", + "id": "button_style", + "label": "t:general.button.button_style.label", + "options": [ + { + "value": "btn--primary", + "label": "t:general.button.button_style.options__1.label" + }, + { + "value": "btn--secondary", + "label": "t:general.button.button_style.options__2.label" + }, + { + "value": "btn--underline", + "label": "t:general.button.button_style.options__4.label" + }, + { + "value": "btn--plain", + "label": "t:general.button.button_style.options__7.label" + } + ], + "default": "btn--primary" + }, + { + "type": "select", + "id": "button_icon", + "label": "t:general.button.button_icon.label", + "options": [ + { + "value": "none", + "label": "t:general.button.button_icon.options__1.label" + }, + { + "value": "caret-right", + "label": "t:general.button.button_icon.options__2.label" + }, + { + "value": "caret-left", + "label": "t:general.button.button_icon.options__22.label" + }, + { + "value": "arrow-right", + "label": "t:general.button.button_icon.options__3.label" + }, + { + "value": "arrow-left", + "label": "t:general.button.button_icon.options__23.label" + }, + { + "value": "close", + "label": "t:general.button.button_icon.options__4.label" + }, + { + "value": "home", + "label": "t:general.button.button_icon.options__5.label" + }, + { + "value": "search", + "label": "t:general.button.button_icon.options__6.label" + }, + { + "value": "hamburger", + "label": "t:general.button.button_icon.options__7.label" + }, + { + "value": "pencil", + "label": "t:general.button.button_icon.options__8.label" + }, + { + "value": "plus", + "label": "t:general.button.button_icon.options__9.label" + }, + { + "value": "cart", + "label": "t:general.button.button_icon.options__10.label" + }, + { + "value": "account", + "label": "t:general.button.button_icon.options__11.label" + }, + { + "value": "sign-in", + "label": "t:general.button.button_icon.options__12.label" + }, + { + "value": "chat", + "label": "t:general.button.button_icon.options__13.label" + }, + { + "value": "download", + "label": "t:general.button.button_icon.options__14.label" + }, + { + "value": "upload", + "label": "t:general.button.button_icon.options__15.label" + }, + { + "value": "heart", + "label": "t:general.button.button_icon.options__16.label" + }, + { + "value": "play-outline", + "label": "t:general.button.button_icon.options__17.label" + }, + { + "value": "pause", + "label": "t:general.button.button_icon.options__18.label" + }, + { + "value": "stop", + "label": "t:general.button.button_icon.options__19.label" + }, + { + "value": "speaker", + "label": "t:general.button.button_icon.options__20.label" + }, + { + "value": "setting", + "label": "t:general.button.button_icon.options__21.label" + } + ], + "default": "none" + } + ] } ], "presets": [ { - "name": "t:sections.contact-form.presets.name" + "name": "t:sections.contact-form.name", + "blocks": [ + { + "type": "custom_field", + "settings": { + "field_type": "phone", + "full_width": true, + "heading": "Phone" + } + } + ] } ] } diff --git a/sections/countdown-timer.liquid b/sections/countdown-timer.liquid new file mode 100644 index 00000000000..981be4121fd --- /dev/null +++ b/sections/countdown-timer.liquid @@ -0,0 +1,845 @@ +{{ 'section-countdown-timer.css' | asset_url | stylesheet_tag }} +{%- liquid + assign container = section.settings.container + assign content_alignment = section.settings.content_alignment + assign text_alignment = section.settings.text_alignment + assign background_image = section.settings.background_image + assign image_overlay_opacity = section.settings.image_overlay_opacity + + assign loading = 'lazy' + assign fetchpriority = 'low' + if section.index < 2 + assign loading = 'eager' + assign fetchpriority = 'high' + endif + + assign image_blocks = section.blocks | where: 'type', 'image' + + assign motion_delay = 0 +-%} + +
+
+
+ {%- if background_image != blank -%} +
+ {%- liquid + assign image_height = background_image.width | divided_by: background_image.aspect_ratio + -%} + {{ + background_image + | image_url: width: background_image.width + | image_tag: + loading: loading, + fetchpriority: fetchpriority, + width: background_image.width, + height: image_height, + sizes: '100vw', + widths: '375, 550, 750, 1100, 1500, 1780, 2000, 3000, 3840', + is: 'image-lazy', + alt: background_image.alt + | escape + }} +
+ {%- endif -%} + {%- if image_overlay_opacity > 0 -%} +
+ {%- endif -%} + {%- if image_blocks.size > 0 -%} +
+ + {%- for block in section.blocks -%} + {%- if block.type == 'image' -%} + {%- liquid + assign block_image = block.settings.image + assign block_image_mobile = block.settings.image_mobile + + if block_image == blank + assign image_ratio = '1/1' + else + assign image_ratio = block_image.aspect_ratio + endif + + if block_image_mobile == blank + assign image_mobile_ratio = image_ratio + else + assign image_mobile_ratio = block_image_mobile.aspect_ratio + endif + + assign image_width = block.settings.image_width | append: 'px' + assign vertical = block.settings.image_desktop_vertical | append: '%' + assign horizontal = block.settings.image_desktop_horizontal | append: '%' + -%} +
+ + + {%- if block_image != blank -%} + {%- if block_image_mobile -%} + + {%- endif -%} + {% assign alt_image = block_image.alt | escape %} + {{ + block_image + | image_url: width: 1100 + | image_tag: + loading: 'lazy', + class: 'motion-reduce', + sizes: image_width, + widths: '165, 360, 535, 750, 940, 1100', + is: 'image-lazy', + class: 'absolute inset-0 w-full h-full', + alt: alt_image + }} + {%- else -%} + {{ 'image' | placeholder_svg_tag: 'placeholder-svg' }} + {%- endif -%} + + +
+ {%- endif -%} + {%- endfor -%} + +
+ {%- endif -%} +
+
+ {%- for block in section.blocks -%} + {%- case block.type -%} + {%- when 'heading' -%} +

+ + {% render 'highlight-text', + hl_text: block.settings.heading, + hl_style: block.settings.highlight_style, + hl_font_style: block.settings.highlight_font_style, + hl_style_color: block.settings.highlight_style_color, + hl_text_color: block.settings.highlight_text_color + %} + + {%- assign motion_delay = motion_delay | plus: 50 -%} +

+ {%- when 'subheading' -%} + + {{ block.settings.subheading }} + + {%- assign motion_delay = motion_delay | plus: 50 -%} + {%- when 'text' -%} + + {{ block.settings.text }} + + {%- assign motion_delay = motion_delay | plus: 50 -%} + {%- when 'button' -%} + {%- if block.settings.button_label != blank -%} + + {% render 'button', + button_style: block.settings.button_style, + button_link: block.settings.button_link, + button_label: block.settings.button_label, + button_icon: block.settings.button_icon + %} + + {%- assign motion_delay = motion_delay | plus: 50 -%} + {%- endif -%} + {%- when 'timer' -%} + {%- if block.settings.type == 'evergreen' or block.settings.time != blank -%} + + {% render 'countdown-timer', + id: block.id, + type: block.settings.type, + duration: block.settings.duration, + time: block.settings.time, + style: block.settings.style, + number_size: block.settings.number_size, + motion_delay: motion_delay, + custom_class: 'block' + %} + + {%- assign motion_delay = motion_delay | plus: 50 -%} + {%- endif -%} + {%- endcase -%} + {%- endfor -%} +
+
+
+
+
+{% schema %} +{ + "name": "t:sections.countdown-timer.name", + "disabled_on": { + "groups": ["header", "footer", "custom.overlay"] + }, + "settings": [ + { + "type": "header", + "content": "t:general.general.name" + }, + { + "type": "select", + "id": "container", + "options": [ + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + }, + { + "value": "full", + "label": "t:general.container.options__full.label" + } + ], + "default": "full", + "label": "t:general.container.label" + }, + { + "type": "color_scheme", + "id": "color_schema", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "image_picker", + "id": "background_image", + "label": "t:general.background_image.label" + }, + { + "type": "range", + "id": "image_overlay_opacity", + "min": 0, + "max": 100, + "step": 10, + "unit": "%", + "label": "t:general.image_overlay_opacity.label", + "default": 0 + }, + { + "type": "header", + "content": "t:general.header__content_settings.content" + }, + { + "type": "select", + "id": "content_alignment", + "options": [ + { + "value": "start", + "label": "t:general.content_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.content_alignment.options__2.label" + }, + { + "value": "end", + "label": "t:general.content_alignment.options__3.label" + } + ], + "default": "center", + "label": "t:general.content_alignment.label" + }, + { + "type": "select", + "id": "text_alignment", + "options": [ + { + "value": "left", + "label": "t:general.text_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.text_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.text_alignment.options__3.label" + } + ], + "default": "center", + "label": "t:general.text_alignment.label" + }, + { + "type": "header", + "content": "t:general.padding.section_heading.content" + }, + { + "type": "range", + "id": "padding_top", + "label": "t:general.padding.top.label", + "default": 50, + "min": 0, + "max": 200, + "step": 2, + "unit": "px" + }, + { + "type": "range", + "id": "padding_bottom", + "label": "t:general.padding.bottom.label", + "default": 50, + "min": 0, + "max": 200, + "step": 2, + "unit": "px" + }, + { + "type": "header", + "content": "t:general.divider.section_heading.content" + }, + { + "type": "checkbox", + "id": "show_section_divider", + "default": false, + "label": "t:general.divider.show_divider.label" + }, + { + "type": "select", + "id": "divider_width", + "options": [ + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + }, + { + "value": "full", + "label": "t:general.container.options__full.label" + } + ], + "default": "fixed", + "label": "t:general.divider.width.label" + } + ], + "blocks": [ + { + "type": "heading", + "name": "t:general.heading.label", + "limit": 1, + "settings": [ + { + "type": "inline_richtext", + "id": "heading", + "default": "Sale ends in", + "label": "t:general.heading.label", + "info": "t:general.heading.info" + }, + { + "type": "select", + "id": "highlight_style", + "label": "t:general.highlight_text.highlight_style.label", + "options": [ + { + "value": "none", + "label": "t:general.highlight_text.highlight_style.options.option__1.label" + }, + { + "value": "hand_drawn_circle", + "label": "t:general.highlight_text.highlight_style.options.option__2.label" + }, + { + "value": "thick_underline", + "label": "t:general.highlight_text.highlight_style.options.option__3.label" + }, + { + "value": "wave_underline", + "label": "t:general.highlight_text.highlight_style.options.option__4.label" + } + ] + }, + { + "type": "select", + "id": "highlight_font_style", + "label": "t:general.highlight_text.highlight_font_style.label", + "options": [ + { + "value": "italic", + "label": "t:general.highlight_text.highlight_font_style.options.option__1.label" + }, + { + "value": "normal", + "label": "t:general.highlight_text.highlight_font_style.options.option__2.label" + } + ] + }, + { + "type": "color", + "id": "highlight_style_color", + "label": "t:general.highlight_text.highlight_style_color.label" + }, + { + "type": "color", + "id": "highlight_text_color", + "label": "t:general.highlight_text.highlight_text_color.label" + }, + { + "type": "select", + "id": "heading_size", + "label": "t:general.text_size.heading.label", + "default": "hd2", + "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ] + } + ] + }, + { + "type": "subheading", + "name": "t:general.subheading.label", + "limit": 1, + "settings": [ + { + "type": "inline_richtext", + "id": "subheading", + "label": "t:general.subheading.label", + "default": "Add a tagline" + } + ] + }, + { + "type": "text", + "name": "t:general.text.label", + "limit": 1, + "settings": [ + { + "type": "richtext", + "id": "text", + "default": "

Insert the time limit or an encouraging messge of your marketing campaign to create a sense of urgency for your customers.

", + "label": "t:general.text.label" + }, + { + "type": "select", + "id": "text_size", + "label": "t:general.text_size.text.label", + "default": "text-base", + "options": [ + { + "value": "text-sm", + "label": "t:general.text_size.options__small.label" + }, + { + "value": "text-base", + "label": "t:general.text_size.options__base.label" + }, + { + "value": "text-lg", + "label": "t:general.text_size.options__large.label" + }, + { + "value": "text-inherit", + "label": "t:general.text_size.options__inherit.label" + } + ] + } + ] + }, + { + "type": "button", + "name": "t:general.button.label", + "limit": 1, + "settings": [ + { + "type": "text", + "id": "button_label", + "label": "t:general.button.button_label.label", + "default": "Button label" + }, + { + "type": "url", + "id": "button_link", + "label": "t:general.button.button_link.label" + }, + { + "type": "select", + "id": "button_style", + "label": "t:general.button.button_style.label", + "options": [ + { + "value": "btn--primary", + "label": "t:general.button.button_style.options__1.label" + }, + { + "value": "btn--secondary", + "label": "t:general.button.button_style.options__2.label" + }, + { + "value": "btn--underline", + "label": "t:general.button.button_style.options__4.label" + }, + { + "value": "btn--plain", + "label": "t:general.button.button_style.options__7.label" + } + ], + "default": "btn--primary" + }, + { + "type": "select", + "id": "button_icon", + "label": "t:general.button.button_icon.label", + "options": [ + { + "value": "none", + "label": "t:general.button.button_icon.options__1.label" + }, + { + "value": "caret-right", + "label": "t:general.button.button_icon.options__2.label" + }, + { + "value": "caret-left", + "label": "t:general.button.button_icon.options__22.label" + }, + { + "value": "arrow-right", + "label": "t:general.button.button_icon.options__3.label" + }, + { + "value": "arrow-left", + "label": "t:general.button.button_icon.options__23.label" + }, + { + "value": "close", + "label": "t:general.button.button_icon.options__4.label" + }, + { + "value": "home", + "label": "t:general.button.button_icon.options__5.label" + }, + { + "value": "search", + "label": "t:general.button.button_icon.options__6.label" + }, + { + "value": "hamburger", + "label": "t:general.button.button_icon.options__7.label" + }, + { + "value": "pencil", + "label": "t:general.button.button_icon.options__8.label" + }, + { + "value": "plus", + "label": "t:general.button.button_icon.options__9.label" + }, + { + "value": "cart", + "label": "t:general.button.button_icon.options__10.label" + }, + { + "value": "account", + "label": "t:general.button.button_icon.options__11.label" + }, + { + "value": "sign-in", + "label": "t:general.button.button_icon.options__12.label" + }, + { + "value": "chat", + "label": "t:general.button.button_icon.options__13.label" + }, + { + "value": "download", + "label": "t:general.button.button_icon.options__14.label" + }, + { + "value": "upload", + "label": "t:general.button.button_icon.options__15.label" + }, + { + "value": "heart", + "label": "t:general.button.button_icon.options__16.label" + }, + { + "value": "play-outline", + "label": "t:general.button.button_icon.options__17.label" + }, + { + "value": "pause", + "label": "t:general.button.button_icon.options__18.label" + }, + { + "value": "stop", + "label": "t:general.button.button_icon.options__19.label" + }, + { + "value": "speaker", + "label": "t:general.button.button_icon.options__20.label" + }, + { + "value": "setting", + "label": "t:general.button.button_icon.options__21.label" + } + ], + "default": "none" + } + ] + }, + { + "type": "timer", + "name": "t:general.timer.name", + "limit": 1, + "settings": [ + { + "type": "select", + "id": "type", + "label": "t:general.timer.type.label", + "options": [ + { + "value": "evergreen", + "label": "t:general.timer.type.options__1.label" + }, + { + "value": "fixed_time", + "label": "t:general.timer.type.options__2.label" + } + ], + "default": "evergreen" + }, + { + "type": "select", + "id": "style", + "label": "t:general.timer.style.label", + "options": [ + { + "value": "number", + "label": "t:general.timer.style.options__1.label" + }, + { + "value": "with_text", + "label": "t:general.timer.style.options__2.label" + } + ], + "default": "number" + }, + { + "type": "select", + "id": "number_size", + "label": "t:general.timer.number_size.label", + "default": "h1", + "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ] + }, + { + "type": "header", + "content": "t:general.timer.header__evergreen.content" + }, + { + "type": "select", + "id": "duration", + "label": "t:general.timer.evergreen_duration.label", + "options": [ + { + "value": "every_2_hrs", + "label": "t:general.timer.evergreen_duration.options__every_2_hrs.label" + }, + { + "value": "every_6_hrs", + "label": "t:general.timer.evergreen_duration.options__every_6_hrs.label" + }, + { + "value": "every_12_hrs", + "label": "t:general.timer.evergreen_duration.options__every_12_hrs.label" + }, + { + "value": "every_24_hrs", + "label": "t:general.timer.evergreen_duration.options__every_24_hrs.label" + }, + { + "value": "every_week", + "label": "t:general.timer.evergreen_duration.options__every_week.label" + }, + { + "value": "every_month", + "label": "t:general.timer.evergreen_duration.options__every_month.label" + } + ], + "default": "every_month" + }, + { + "type": "header", + "content": "t:general.timer.header__fixed_time.content" + }, + { + "type": "text", + "id": "time", + "default": "2025/08/20 03:45 PM", + "label": "t:general.timer.time.label", + "info": "t:general.timer.time.info" + }, + { + "type": "paragraph", + "content": "t:general.timer.time.paragraph" + } + ] + }, + { + "type": "image", + "name": "t:general.image.label", + "limit": 3, + "settings": [ + { + "type": "image_picker", + "id": "image", + "label": "t:general.image.label" + }, + { + "type": "range", + "id": "image_width", + "min": 150, + "max": 350, + "step": 2, + "unit": "px", + "label": "t:sections.countdown-timer.blocks.image.settings.image_desktop_width.label", + "default": 150 + }, + { + "type": "range", + "id": "image_desktop_vertical", + "min": 0, + "max": 100, + "step": 1, + "unit": "%", + "label": "t:sections.countdown-timer.blocks.image.settings.image_desktop_vertical.label", + "default": 50 + }, + { + "type": "range", + "id": "image_desktop_horizontal", + "min": 0, + "max": 100, + "step": 1, + "unit": "%", + "label": "t:sections.countdown-timer.blocks.image.settings.image_desktop_horizontal.label", + "default": 50 + }, + { + "type": "image_picker", + "id": "image_mobile", + "label": "t:general.image_mobile.label" + }, + { + "type": "text", + "id": "custom_classes", + "label": "t:general.custom_classes.label" + } + ] + } + ], + "presets": [ + { + "name": "t:sections.countdown-timer.name", + "blocks": [ + { + "type": "heading" + }, + { + "type": "text" + }, + { + "type": "timer" + }, + { + "type": "button" + } + ] + } + ] +} +{% endschema %} diff --git a/sections/custom-content.liquid b/sections/custom-content.liquid new file mode 100644 index 00000000000..c095f2be788 --- /dev/null +++ b/sections/custom-content.liquid @@ -0,0 +1,3224 @@ +{%- liquid + assign enable_sticky_column = section.settings.enable_sticky_column + assign swipe_on_mobile = section.settings.swipe_on_mobile + assign swipe_on_tablet = false + + if section.blocks.size == 3 + assign swipe_on_tablet = true + endif + + if swipe_on_mobile and section.blocks.size > 2 + assign column_size_modulo = section.blocks.size | modulo: 2 + if column_size_modulo > 0 + assign swipe_on_tablet = true + endif + endif +-%} +{% render 'divider', + show_divider: section.settings.show_section_divider, + divider_width: section.settings.divider_width +%} +
+ {% render 'section-heading', section_settings: section.settings %} +
+
+ {%- for block in section.blocks -%} + {%- liquid + assign vertical_alignment = block.settings.alignment + case block.settings.width + when '16%' + assign block_width = 'w-full md:w-1/2 lg:w-2/12' + when '20%' + assign block_width = 'w-full md:w-1/2 lg:w-1/5' + when '25%' + assign block_width = 'w-full md:w-1/2 lg:w-1/4' + when '33%' + assign block_width = 'w-full md:w-1/2 lg:w-1/3' + when '41%' + assign block_width = 'w-full md:w-1/2 lg:w-5/12' + when '50%' + assign block_width = 'w-full md:w-1/2 lg:w-1/2' + when '58%' + assign block_width = 'w-full md:w-1/2 lg:w-7/12' + when '66%' + assign block_width = 'w-full md:w-1/2 lg:w-8/12' + when '75%' + assign block_width = 'w-full md:w-1/2 lg:w-9/12' + when '80%' + assign block_width = 'w-full md:w-1/2 lg:w-4/5' + when '83%' + assign block_width = 'w-full md:w-1/2 lg:w-10/12' + else + assign block_width = 'w-full' + endcase + -%} +
+
+ {%- case block.type -%} + {%- when 'text' -%} + {%- assign motion_delay = 50 -%} +
+ {%- if block.settings.subheading != blank -%} + + {{ block.settings.subheading }} + + {%- assign motion_delay = motion_delay | plus: 50 -%} + {%- endif -%} + {%- if block.settings.heading != blank -%} +

+ + {% render 'highlight-text', + hl_text: block.settings.heading, + hl_style: block.settings.highlight_style, + hl_font_style: block.settings.highlight_font_style, + hl_style_color: block.settings.highlight_style_color, + hl_text_color: block.settings.highlight_text_color + %} + +

+ {%- assign motion_delay = motion_delay | plus: 50 -%} + {%- endif -%} + {%- if block.settings.description != blank -%} + + {{ block.settings.description }} + + {%- assign motion_delay = motion_delay | plus: 50 -%} + {%- endif -%} + {%- if block.settings.button_label != blank -%} + + {% render 'button', + button_style: block.settings.button_style, + button_link: block.settings.button_link, + button_label: block.settings.button_label, + button_icon: block.settings.button_icon + %} + + {% endif %} +
+ {%- when 'image' -%} + {%- liquid + assign image = block.settings.image + if image != blank + assign image_ratio = image.aspect_ratio + else + assign image_ratio = '1' + endif + + assign alt = image.alt | default: shop.name | escape + assign loading = 'lazy' + assign fetchpriority = 'low' + if section.index < 2 + assign loading = 'eager' + assign fetchpriority = 'high' + endif + -%} +
+ + {%- if image != blank -%} + {{ + image + | image_url: width: 1500 + | image_tag: + loading: loading, + fetchpriority: fetchpriority, + class: 'motion-reduce', + widths: '375, 550, 750, 1100, 1500, 1780, 2000, 3000, 3840', + is: 'image-lazy', + alt: alt + }} + {%- else -%} + {{ 'image' | placeholder_svg_tag: 'placeholder-svg' }} + {%- endif -%} + +
+ {%- when 'image_card' -%} + {% render 'card-image', + parent_color_scheme: section.settings.color_scheme, + color_scheme: block.settings.color_scheme, + color_scheme_mobile: block.settings.color_scheme_mobile, + link: block.settings.card_link, + image: block.settings.image, + image_ratio: block.settings.image_ratio, + image_overlay_opacity: block.settings.image_overlay_opacity, + image_mobile: block.settings.image_mobile, + heading: block.settings.heading, + highlight_style: block.settings.highlight_style, + highlight_font_style: block.settings.highlight_font_style, + highlight_style_color: block.settings.highlight_style_color, + highlight_text_color: block.settings.highlight_text_color, + heading_size: block.settings.heading_size, + subheading: block.settings.subheading, + subheading_style: block.settings.subheading_style, + description: block.settings.description, + button_label: block.settings.button_label, + button_style: block.settings.button_style, + button_icon: block.settings.button_icon, + rich_text_size: block.settings.content_gap, + content_spacing: block.settings.content_spacing, + content_position: block.settings.content_position, + content_alignment: block.settings.content_alignment, + content_alignment_mobile: block.settings.content_alignment_mobile, + show_text_below: block.settings.show_text_below, + show_badge: block.settings.show_badge, + badge_size: 'medium', + badge_shape: block.settings.badge_shape, + badge_position: block.settings.badge_position, + badge_main_text: block.settings.badge_text, + badge_main_text_size: 'h3', + badge_subtext: block.settings.badge_subtext, + badge_subtext_size: 'h6', + badge_color_scheme: block.settings.badge_color_scheme, + enable_preload_image: block.settings.enable_preload_image, + section_index: section.index, + forloop_index: forloop.index, + heading_size_custom: block.settings.heading_size_custom, + heading_size_mobile: block.settings.heading_size_mobile + %} + {%- when 'image_card_with_product' -%} + {{ 'component-card-img-with-product.css' | asset_url | stylesheet_tag }} + {% render 'card-image-with-product', + color_scheme: block.settings.color_scheme, + image: block.settings.image, + image_ratio: block.settings.image_ratio, + heading: block.settings.heading, + highlight_style: block.settings.highlight_style, + highlight_font_style: block.settings.highlight_font_style, + highlight_style_color: block.settings.highlight_style_color, + highlight_text_color: block.settings.highlight_text_color, + heading_size: block.settings.heading_size, + subheading: block.settings.subheading, + description: block.settings.description, + button_label: block.settings.button_label, + button_style: block.settings.button_style, + button_icon: block.settings.button_icon, + product: block.settings.product + %} + {%- when 'lookbook_card_hotspot' -%} + {{ 'component-lookbook-card.css' | asset_url | stylesheet_tag }} + + {% render 'lookbook-card-hotspot', + block: block, + image: block.settings.image, + image_ratio: block.settings.image_ratio, + icon_style: block.settings.icon_style, + icon_color: block.settings.icon_color + %} + {%- when 'video' -%} + {%- liquid + assign poster = section.settings.video.preview_image | default: section.settings.cover_image + + if block.settings.video_ratio == 'adapt' + if poster != null + assign video_ratio = poster.aspect_ratio + else + assign video_ratio = '16/9' + endif + else + assign video_ratio = block.settings.video_ratio + endif + -%} +
+ {%- render 'video', + video: block.settings.video, + video_url: block.settings.video_url, + muted: block.settings.enable_video_autoplay, + autoplay: block.settings.enable_video_autoplay, + controls: true, + loop: block.settings.enable_video_looping, + description: block.settings.description, + cover_image: block.settings.cover_image, + show_play_button: true + -%} +
+ {%- when 'lookbook_card' -%} + {{ 'component-lookbook-card-modal.css' | asset_url | stylesheet_tag }} + + {% liquid + assign video = block.settings.video + assign image = block.settings.image + assign image_ratio = block.settings.image_ratio | default: '1/1' + if image_ratio == 'adapt' + if video != blank + assign image_ratio = video.aspect_ratio + elsif image != blank + assign image_ratio = image.aspect_ratio + else + assign image_ratio = '1/1' + endif + endif + %} + {% render 'lookbook-card', + block_id: block.id, + product_list: block.settings.product_list, + image_ratio: image_ratio, + pcard_image_ratio: block.settings.pcard_image_ratio, + image: block.settings.image, + video: block.settings.video, + heading: block.settings.heading, + highlight_style: block.settings.highlight_style, + highlight_font_style: block.settings.highlight_font_style, + highlight_style_color: block.settings.highlight_style_color, + highlight_text_color: block.settings.highlight_text_color, + heading_size: block.settings.heading_size + %} + {%- when 'collections' -%} + {{ 'component-collection-item-slider.css' | asset_url | stylesheet_tag }} + +
+ {%- if block.settings.collection_list != blank -%} + {%- for collection in block.settings.collection_list -%} + {%- render 'collection-item-slider', collection: collection, block: block -%} + {% endfor %} + {%- else -%} + {%- render 'collection-item-slider', block: block -%} + {%- endif -%} +
+ {%- endcase -%} +
+
+ {%- endfor -%} +
+
+
+{% schema %} +{ + "name": "t:sections.custom-content.name", + "disabled_on": { + "groups": ["header", "footer", "custom.overlay"] + }, + "max_blocks": 6, + "settings": [ + { + "type": "header", + "content": "t:general.general.name" + }, + { + "type": "select", + "id": "container", + "options": [ + { + "value": "full", + "label": "t:general.container.options__full.label" + }, + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + } + ], + "default": "fixed", + "label": "t:general.container.label" + }, + { + "type": "color_scheme", + "id": "color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "checkbox", + "id": "enable_sticky_column", + "default": false, + "label": "t:general.enable_sticky_column.label" + }, + { + "type": "header", + "content": "t:general.section_header.content" + }, + { + "id": "section_header_alignment", + "type": "select", + "label": "t:general.text_alignment.label", + "default": "left", + "options": [ + { + "value": "left", + "label": "t:general.text_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.text_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.text_alignment.options__3.label" + } + ] + }, + { + "id": "section_header_alignment_mobile", + "type": "select", + "label": "t:general.text_alignment.mobile.label", + "default": "inherit", + "options": [ + { + "value": "inherit", + "label": "t:general.text_alignment.options__4.label" + }, + { + "value": "left", + "label": "t:general.text_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.text_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.text_alignment.options__3.label" + } + ] + }, + { + "type": "inline_richtext", + "id": "subheading", + "label": "t:general.subheading.label" + }, + { + "type": "inline_richtext", + "id": "heading", + "label": "t:general.heading.label", + "default": "Custom content", + "info": "t:general.heading.info" + }, + { + "type": "select", + "id": "highlight_style", + "label": "t:general.highlight_text.highlight_style.label", + "options": [ + { + "value": "none", + "label": "t:general.highlight_text.highlight_style.options.option__1.label" + }, + { + "value": "hand_drawn_circle", + "label": "t:general.highlight_text.highlight_style.options.option__2.label" + }, + { + "value": "thick_underline", + "label": "t:general.highlight_text.highlight_style.options.option__3.label" + }, + { + "value": "wave_underline", + "label": "t:general.highlight_text.highlight_style.options.option__4.label" + } + ] + }, + { + "type": "select", + "id": "highlight_font_style", + "label": "t:general.highlight_text.highlight_font_style.label", + "options": [ + { + "value": "italic", + "label": "t:general.highlight_text.highlight_font_style.options.option__1.label" + }, + { + "value": "normal", + "label": "t:general.highlight_text.highlight_font_style.options.option__2.label" + } + ] + }, + { + "type": "color", + "id": "highlight_style_color", + "label": "t:general.highlight_text.highlight_style_color.label" + }, + { + "type": "color", + "id": "highlight_text_color", + "label": "t:general.highlight_text.highlight_text_color.label" + }, + { + "type": "select", + "id": "heading_size", + "label": "t:general.text_size.heading.label", + "default": "h1", + "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ] + }, + { + "type": "richtext", + "id": "description", + "label": "t:general.text.label", + "default": "

Combine images with text and a stand-out offer

" + }, + { + "type": "select", + "id": "text_size", + "label": "t:general.text_size.text.label", + "default": "text-base", + "options": [ + { + "value": "text-sm", + "label": "t:general.text_size.options__small.label" + }, + { + "value": "text-base", + "label": "t:general.text_size.options__base.label" + }, + { + "value": "text-lg", + "label": "t:general.text_size.options__large.label" + }, + { + "value": "text-inherit", + "label": "t:general.text_size.options__inherit.label" + } + ] + }, + { + "type": "header", + "content": "t:general.grid.name" + }, + { + "type": "select", + "id": "column_gap", + "options": [ + { + "value": "none", + "label": "t:general.grid.gap.options__none.label" + }, + { + "value": "2xs", + "label": "t:general.grid.gap.options__2xs.label" + }, + { + "value": "extra-small", + "label": "t:general.grid.gap.options__xs.label" + }, + { + "value": "small", + "label": "t:general.grid.gap.options__sm.label" + }, + { + "value": "medium", + "label": "t:general.grid.gap.options__md.label" + }, + { + "value": "large", + "label": "t:general.grid.gap.options__lg.label" + }, + { + "value": "extra-large", + "label": "t:general.grid.gap.options__xl.label" + } + ], + "default": "medium", + "label": "t:general.grid.column_gap.label" + }, + { + "type": "select", + "id": "row_gap", + "options": [ + { + "value": "inherit", + "label": "t:general.grid.gap.options__inherit.label" + }, + { + "value": "none", + "label": "t:general.grid.gap.options__none.label" + }, + { + "value": "2xs", + "label": "t:general.grid.gap.options__2xs.label" + }, + { + "value": "extra-small", + "label": "t:general.grid.gap.options__xs.label" + }, + { + "value": "small", + "label": "t:general.grid.gap.options__sm.label" + }, + { + "value": "medium", + "label": "t:general.grid.gap.options__md.label" + }, + { + "value": "large", + "label": "t:general.grid.gap.options__lg.label" + }, + { + "value": "extra-large", + "label": "t:general.grid.gap.options__xl.label" + } + ], + "default": "large", + "label": "t:general.grid.row_gap.label" + }, + { + "type": "header", + "content": "t:general.mobile.name" + }, + { + "type": "checkbox", + "id": "swipe_on_mobile", + "default": false, + "label": "t:general.mobile.swipe_on_mobile.label" + }, + { + "type": "select", + "id": "columns_mobile", + "options": [ + { + "value": "1", + "label": "t:general.mobile.columns_mobile.options__1.label" + }, + { + "value": "2", + "label": "t:general.mobile.columns_mobile.options__2.label" + } + ], + "default": "1", + "label": "t:general.mobile.columns_mobile.label" + }, + { + "type": "header", + "content": "t:general.padding.section_heading.content" + }, + { + "type": "range", + "id": "padding_top", + "label": "t:general.padding.top.label", + "default": 50, + "min": 0, + "max": 100, + "step": 2, + "unit": "px" + }, + { + "type": "range", + "id": "padding_bottom", + "label": "t:general.padding.bottom.label", + "default": 50, + "min": 0, + "max": 100, + "step": 2, + "unit": "px" + }, + { + "type": "header", + "content": "t:general.divider.section_heading.content" + }, + { + "type": "checkbox", + "id": "show_section_divider", + "default": false, + "label": "t:general.divider.show_divider.label" + }, + { + "type": "select", + "id": "divider_width", + "options": [ + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + }, + { + "value": "full", + "label": "t:general.container.options__full.label" + } + ], + "default": "fixed", + "label": "t:general.divider.width.label" + } + ], + "blocks": [ + { + "type": "image_card", + "name": "t:sections.custom-content.blocks.image_card.name", + "settings": [ + { + "type": "color_scheme", + "id": "color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "header", + "content": "t:general.image.content" + }, + { + "type": "image_picker", + "id": "image", + "label": "t:general.image.label" + }, + { + "type": "select", + "id": "image_ratio", + "label": "t:general.image_ratio.label", + "default": "adapt", + "options": [ + { + "value": "adapt", + "label": "t:general.image_ratio.options__1.label" + }, + { + "value": "1/1", + "label": "t:general.image_ratio.options__2.label" + }, + { + "value": "3/4", + "label": "t:general.image_ratio.options__3.label" + }, + { + "value": "4/3", + "label": "t:general.image_ratio.options__4.label" + } + ] + }, + { + "type": "range", + "id": "image_overlay_opacity", + "min": 0, + "max": 100, + "step": 2, + "unit": "%", + "label": "t:general.image_overlay_opacity.label", + "default": 0 + }, + { + "type": "header", + "content": "t:general.header__content_settings.content" + }, + { + "type": "select", + "id": "content_position", + "label": "t:general.content_position.label", + "options": [ + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__top_left.label", + "value": "top-left" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__top_center.label", + "value": "top-center" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__top_right.label", + "value": "top-right" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__middle_left.label", + "value": "middle-left" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__middle_center.label", + "value": "middle-center" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__middle_right.label", + "value": "middle-right" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__bottom_left.label", + "value": "bottom-left" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__bottom_center.label", + "value": "bottom-center" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__bottom_right.label", + "value": "bottom-right" + }, + { + "group": "t:general.content_position.optgroup__split.label", + "label": "t:general.content_position.options__middle_content.label", + "value": "split-middle-content" + }, + { + "group": "t:general.content_position.optgroup__split.label", + "label": "t:general.content_position.options__bottom_button.label", + "value": "split-bottom-button" + }, + { + "group": "t:general.content_position.optgroup__split.label", + "label": "t:general.content_position.options__top_subheading.label", + "value": "split-top-subheading" + }, + { + "group": "t:general.content_position.optgroup__below_image.label", + "label": "t:general.content_position.options__below_image.label", + "value": "below" + } + ], + "default": "bottom-center" + }, + { + "type": "select", + "id": "content_alignment", + "label": "t:general.content_alignment.label", + "default": "center", + "options": [ + { + "value": "left", + "label": "t:general.content_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.content_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.content_alignment.options__3.label" + } + ] + }, + { + "type": "select", + "id": "content_spacing", + "label": "t:general.content_spacing.label", + "default": "medium", + "options": [ + { + "value": "extra-small", + "label": "t:general.content_spacing.options__4.label" + }, + { + "value": "small", + "label": "t:general.content_spacing.options__1.label" + }, + { + "value": "medium", + "label": "t:general.content_spacing.options__2.label" + }, + { + "value": "large", + "label": "t:general.content_spacing.options__3.label" + } + ] + }, + { + "type": "select", + "id": "content_gap", + "label": "t:general.content_gap.label", + "default": "fitted", + "options": [ + { + "value": "tight", + "label": "t:general.content_gap.options__xs.label" + }, + { + "value": "fitted", + "label": "t:general.content_gap.options__sm.label" + }, + { + "value": "standard", + "label": "t:general.content_gap.options__md.label" + } + ] + }, + { + "type": "url", + "id": "card_link", + "label": "t:general.card_link.label" + }, + { + "type": "inline_richtext", + "id": "subheading", + "label": "t:general.subheading.label" + }, + { + "type": "select", + "id": "subheading_style", + "label": "t:general.subheading_style.label", + "default": "", + "options": [ + { + "value": "", + "label": "t:general.subheading_style.options__1.label" + }, + { + "value": "border", + "label": "t:general.subheading_style.options__2.label" + }, + { + "value": "thick-border", + "label": "t:general.subheading_style.options__3.label" + } + ] + }, + { + "type": "inline_richtext", + "id": "heading", + "label": "t:general.heading.label", + "default": "Image card", + "info": "t:general.heading.info" + }, + { + "type": "select", + "id": "highlight_style", + "label": "t:general.highlight_text.highlight_style.label", + "options": [ + { + "value": "none", + "label": "t:general.highlight_text.highlight_style.options.option__1.label" + }, + { + "value": "hand_drawn_circle", + "label": "t:general.highlight_text.highlight_style.options.option__2.label" + }, + { + "value": "thick_underline", + "label": "t:general.highlight_text.highlight_style.options.option__3.label" + }, + { + "value": "wave_underline", + "label": "t:general.highlight_text.highlight_style.options.option__4.label" + } + ] + }, + { + "type": "select", + "id": "highlight_font_style", + "label": "t:general.highlight_text.highlight_font_style.label", + "options": [ + { + "value": "italic", + "label": "t:general.highlight_text.highlight_font_style.options.option__1.label" + }, + { + "value": "normal", + "label": "t:general.highlight_text.highlight_font_style.options.option__2.label" + } + ] + }, + { + "type": "color", + "id": "highlight_style_color", + "label": "t:general.highlight_text.highlight_style_color.label" + }, + { + "type": "color", + "id": "highlight_text_color", + "label": "t:general.highlight_text.highlight_text_color.label" + }, + { + "type": "select", + "id": "heading_size", + "label": "t:general.text_size.heading.label", + "default": "h1", + "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ] + }, + { + "type": "select", + "id": "heading_size_mobile", + "label": "t:general.text_size.heading_mobile.label", + "options": [ + { + "value": "inherit", + "label": "t:general.text_size.options__inherit.label" + }, + { + "value": "custom", + "label": "t:general.text_size.options__custom.label" + } + ], + "default": "inherit" + }, + { + "type": "range", + "id": "heading_size_custom", + "label": "t:general.text_size.heading_size_custom.label", + "min": 12, + "max": 100, + "step": 1, + "unit": "px", + "default": 18, + "visible_if": "{{ block.settings.heading_size_mobile == 'custom' }}" + }, + { + "type": "richtext", + "id": "description", + "label": "t:general.text.label" + }, + { + "type": "text", + "id": "button_label", + "label": "t:general.button.button_label.label", + "default": "Button label" + }, + { + "type": "select", + "id": "button_style", + "label": "t:general.button.button_style.label", + "options": [ + { + "value": "btn--primary", + "label": "t:general.button.button_style.options__1.label" + }, + { + "value": "btn--secondary", + "label": "t:general.button.button_style.options__2.label" + }, + { + "value": "btn--underline", + "label": "t:general.button.button_style.options__4.label" + }, + { + "value": "btn--plain", + "label": "t:general.button.button_style.options__7.label" + } + ], + "default": "btn--primary" + }, + { + "type": "select", + "id": "button_icon", + "label": "t:general.button.button_icon.label", + "options": [ + { + "value": "none", + "label": "t:general.button.button_icon.options__1.label" + }, + { + "value": "caret-right", + "label": "t:general.button.button_icon.options__2.label" + }, + { + "value": "caret-left", + "label": "t:general.button.button_icon.options__22.label" + }, + { + "value": "arrow-right", + "label": "t:general.button.button_icon.options__3.label" + }, + { + "value": "arrow-left", + "label": "t:general.button.button_icon.options__23.label" + }, + { + "value": "close", + "label": "t:general.button.button_icon.options__4.label" + }, + { + "value": "home", + "label": "t:general.button.button_icon.options__5.label" + }, + { + "value": "search", + "label": "t:general.button.button_icon.options__6.label" + }, + { + "value": "hamburger", + "label": "t:general.button.button_icon.options__7.label" + }, + { + "value": "pencil", + "label": "t:general.button.button_icon.options__8.label" + }, + { + "value": "plus", + "label": "t:general.button.button_icon.options__9.label" + }, + { + "value": "cart", + "label": "t:general.button.button_icon.options__10.label" + }, + { + "value": "account", + "label": "t:general.button.button_icon.options__11.label" + }, + { + "value": "sign-in", + "label": "t:general.button.button_icon.options__12.label" + }, + { + "value": "chat", + "label": "t:general.button.button_icon.options__13.label" + }, + { + "value": "download", + "label": "t:general.button.button_icon.options__14.label" + }, + { + "value": "upload", + "label": "t:general.button.button_icon.options__15.label" + }, + { + "value": "heart", + "label": "t:general.button.button_icon.options__16.label" + }, + { + "value": "play-outline", + "label": "t:general.button.button_icon.options__17.label" + }, + { + "value": "pause", + "label": "t:general.button.button_icon.options__18.label" + }, + { + "value": "stop", + "label": "t:general.button.button_icon.options__19.label" + }, + { + "value": "speaker", + "label": "t:general.button.button_icon.options__20.label" + }, + { + "value": "setting", + "label": "t:general.button.button_icon.options__21.label" + } + ], + "default": "none" + }, + { + "type": "header", + "content": "t:sections.custom-content.blocks.image_card.settings.header__badge_settings.content" + }, + { + "type": "checkbox", + "id": "show_badge", + "label": "t:sections.custom-content.blocks.image_card.settings.show_badge.label", + "default": false + }, + { + "type": "color_scheme", + "id": "badge_color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "select", + "id": "badge_shape", + "label": "t:sections.custom-content.blocks.image_card.settings.badge_shape.label", + "default": "circle", + "options": [ + { + "value": "circle", + "label": "t:sections.custom-content.blocks.image_card.settings.badge_shape.options__1.label" + }, + { + "value": "square", + "label": "t:sections.custom-content.blocks.image_card.settings.badge_shape.options__2.label" + } + ] + }, + { + "type": "select", + "id": "badge_position", + "label": "t:sections.custom-content.blocks.image_card.settings.badge_position.label", + "default": "top-right", + "options": [ + { + "value": "top-right", + "label": "t:general.content_position.options__top_right.label" + }, + { + "value": "top-left", + "label": "t:general.content_position.options__top_left.label" + }, + { + "value": "bottom-right", + "label": "t:general.content_position.options__bottom_right.label" + }, + { + "value": "bottom-left", + "label": "t:general.content_position.options__bottom_left.label" + } + ] + }, + { + "type": "inline_richtext", + "id": "badge_subtext", + "label": "t:general.subtext.label", + "default": "Save" + }, + { + "type": "inline_richtext", + "id": "badge_text", + "label": "t:general.text.label", + "default": "99$" + }, + { + "type": "header", + "content": "t:general.header__mobile_settings.content" + }, + { + "type": "color_scheme", + "id": "color_scheme_mobile", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "image_picker", + "id": "image_mobile", + "label": "t:general.image.label" + }, + { + "type": "checkbox", + "id": "show_text_below", + "default": false, + "label": "t:sections.custom-content.blocks.image_card.settings.show_text_below.label" + }, + { + "type": "select", + "id": "content_alignment_mobile", + "label": "t:general.content_alignment.label", + "default": "center", + "options": [ + { + "value": "left", + "label": "t:general.content_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.content_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.content_alignment.options__3.label" + } + ] + }, + { + "type": "header", + "content": "t:general.header__block_settings.content" + }, + { + "type": "select", + "id": "width", + "label": "t:general.block_width.label", + "options": [ + { + "value": "16%", + "label": "t:general.block_width.options__16p.label" + }, + { + "value": "20%", + "label": "t:general.block_width.options__20p.label" + }, + { + "value": "25%", + "label": "t:general.block_width.options__25p.label" + }, + { + "value": "33%", + "label": "t:general.block_width.options__33p.label" + }, + { + "value": "41%", + "label": "t:general.block_width.options__41p.label" + }, + { + "value": "50%", + "label": "t:general.block_width.options__50p.label" + }, + { + "value": "58%", + "label": "t:general.block_width.options__58p.label" + }, + { + "value": "66%", + "label": "t:general.block_width.options__66p.label" + }, + { + "value": "75%", + "label": "t:general.block_width.options__75p.label" + }, + { + "value": "80%", + "label": "t:general.block_width.options__80p.label" + }, + { + "value": "83%", + "label": "t:general.block_width.options__83p.label" + }, + { + "value": "100%", + "label": "t:general.block_width.options__100p.label" + } + ], + "default": "50%" + }, + { + "type": "select", + "id": "alignment", + "label": "t:general.vertical_alignment.label", + "default": "center", + "options": [ + { + "value": "start", + "label": "t:general.vertical_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.vertical_alignment.options__2.label" + }, + { + "value": "end", + "label": "t:general.vertical_alignment.options__3.label" + } + ] + }, + { + "type": "header", + "content": "t:general.custom_attr.header" + }, + { + "type": "text", + "id": "block_custom_class", + "label": "t:general.custom_attr.custom_class" + }, + { + "type": "header", + "content": "t:general.header__advanced.content" + }, + { + "type": "checkbox", + "id": "enable_preload_image", + "label": "t:general.enable_preload_image.label", + "info": "t:general.enable_preload_image.info" + } + ] + }, + { + "type": "video", + "name": "t:general.video.name", + "settings": [ + { + "type": "header", + "content": "t:general.video.header__hosted_video.content" + }, + { + "type": "video", + "label": "t:general.video.label", + "id": "video" + }, + { + "type": "header", + "content": "t:general.video.header__external_video.content", + "info": "t:general.video.header__external_video.info" + }, + { + "type": "video_url", + "id": "video_url", + "accept": ["vimeo", "youtube"], + "default": "https://www.youtube.com/watch?v=_9VUPq3SxOc", + "label": "t:general.video.video_url.label", + "info": "t:general.video.video_url.info" + }, + { + "type": "image_picker", + "id": "cover_image", + "label": "t:general.video.cover_image.label" + }, + { + "type": "select", + "id": "video_ratio", + "label": "t:general.video.video_ratio.label", + "options": [ + { + "value": "adapt", + "label": "t:general.video.video_ratio.options__1.label" + }, + { + "value": "1/1", + "label": "t:general.video.video_ratio.options__2.label" + }, + { + "value": "4/3", + "label": "t:general.video.video_ratio.options__3.label" + }, + { + "value": "4/5", + "label": "t:general.video.video_ratio.options__4.label" + }, + { + "value": "16/9", + "label": "t:general.video.video_ratio.options__5.label" + }, + { + "value": "9/16", + "label": "t:general.video.video_ratio.options__6.label" + } + ], + "default": "adapt" + }, + { + "type": "text", + "id": "description", + "label": "t:general.video.description.label", + "info": "t:general.video.description.info" + }, + { + "type": "checkbox", + "id": "enable_video_autoplay", + "label": "t:general.video.enable_video_autoplay.label", + "info": "t:general.video.enable_video_autoplay.info", + "default": false + }, + { + "type": "checkbox", + "id": "enable_video_looping", + "label": "t:general.video.enable_video_looping.label", + "default": false + }, + { + "type": "header", + "content": "t:general.header__block_settings.content" + }, + { + "type": "select", + "id": "width", + "label": "t:general.block_width.label", + "options": [ + { + "value": "16%", + "label": "t:general.block_width.options__16p.label" + }, + { + "value": "20%", + "label": "t:general.block_width.options__20p.label" + }, + { + "value": "25%", + "label": "t:general.block_width.options__25p.label" + }, + { + "value": "33%", + "label": "t:general.block_width.options__33p.label" + }, + { + "value": "41%", + "label": "t:general.block_width.options__41p.label" + }, + { + "value": "50%", + "label": "t:general.block_width.options__50p.label" + }, + { + "value": "58%", + "label": "t:general.block_width.options__58p.label" + }, + { + "value": "66%", + "label": "t:general.block_width.options__66p.label" + }, + { + "value": "75%", + "label": "t:general.block_width.options__75p.label" + }, + { + "value": "80%", + "label": "t:general.block_width.options__80p.label" + }, + { + "value": "83%", + "label": "t:general.block_width.options__83p.label" + }, + { + "value": "100%", + "label": "t:general.block_width.options__100p.label" + } + ], + "default": "50%" + }, + { + "type": "select", + "id": "alignment", + "label": "t:general.vertical_alignment.label", + "default": "center", + "options": [ + { + "value": "start", + "label": "t:general.vertical_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.vertical_alignment.options__2.label" + }, + { + "value": "end", + "label": "t:general.vertical_alignment.options__3.label" + } + ] + }, + { + "type": "header", + "content": "t:general.custom_attr.header" + }, + { + "type": "text", + "id": "block_custom_class", + "label": "t:general.custom_attr.custom_class" + } + ] + }, + { + "type": "image", + "name": "t:general.image.name", + "settings": [ + { + "type": "image_picker", + "id": "image", + "label": "t:general.image.label" + }, + { + "type": "header", + "content": "t:general.header__block_settings.content" + }, + { + "type": "select", + "id": "width", + "label": "t:general.block_width.label", + "options": [ + { + "value": "16%", + "label": "t:general.block_width.options__16p.label" + }, + { + "value": "20%", + "label": "t:general.block_width.options__20p.label" + }, + { + "value": "25%", + "label": "t:general.block_width.options__25p.label" + }, + { + "value": "33%", + "label": "t:general.block_width.options__33p.label" + }, + { + "value": "41%", + "label": "t:general.block_width.options__41p.label" + }, + { + "value": "50%", + "label": "t:general.block_width.options__50p.label" + }, + { + "value": "58%", + "label": "t:general.block_width.options__58p.label" + }, + { + "value": "66%", + "label": "t:general.block_width.options__66p.label" + }, + { + "value": "75%", + "label": "t:general.block_width.options__75p.label" + }, + { + "value": "80%", + "label": "t:general.block_width.options__80p.label" + }, + { + "value": "83%", + "label": "t:general.block_width.options__83p.label" + }, + { + "value": "100%", + "label": "t:general.block_width.options__100p.label" + } + ], + "default": "50%" + }, + { + "type": "select", + "id": "alignment", + "label": "t:general.vertical_alignment.label", + "default": "center", + "options": [ + { + "value": "start", + "label": "t:general.vertical_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.vertical_alignment.options__2.label" + }, + { + "value": "end", + "label": "t:general.vertical_alignment.options__3.label" + } + ] + }, + { + "type": "header", + "content": "t:general.custom_attr.header" + }, + { + "type": "text", + "id": "block_custom_class", + "label": "t:general.custom_attr.custom_class" + } + ] + }, + { + "type": "text", + "name": "t:general.text.label", + "settings": [ + { + "type": "select", + "id": "content_alignment", + "label": "t:general.content_alignment.label", + "default": "left", + "options": [ + { + "value": "left", + "label": "t:general.content_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.content_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.content_alignment.options__3.label" + } + ] + }, + { + "type": "inline_richtext", + "id": "subheading", + "label": "t:general.subheading.label" + }, + { + "type": "inline_richtext", + "id": "heading", + "label": "t:general.heading.label", + "default": "Talk about your brand", + "info": "t:general.heading.info" + }, + { + "type": "select", + "id": "highlight_style", + "label": "t:general.highlight_text.highlight_style.label", + "options": [ + { + "value": "none", + "label": "t:general.highlight_text.highlight_style.options.option__1.label" + }, + { + "value": "hand_drawn_circle", + "label": "t:general.highlight_text.highlight_style.options.option__2.label" + }, + { + "value": "thick_underline", + "label": "t:general.highlight_text.highlight_style.options.option__3.label" + }, + { + "value": "wave_underline", + "label": "t:general.highlight_text.highlight_style.options.option__4.label" + } + ] + }, + { + "type": "select", + "id": "highlight_font_style", + "label": "t:general.highlight_text.highlight_font_style.label", + "options": [ + { + "value": "italic", + "label": "t:general.highlight_text.highlight_font_style.options.option__1.label" + }, + { + "value": "normal", + "label": "t:general.highlight_text.highlight_font_style.options.option__2.label" + } + ] + }, + { + "type": "color", + "id": "highlight_style_color", + "label": "t:general.highlight_text.highlight_style_color.label" + }, + { + "type": "color", + "id": "highlight_text_color", + "label": "t:general.highlight_text.highlight_text_color.label" + }, + { + "type": "select", + "id": "heading_size", + "label": "t:general.text_size.heading.label", + "default": "h1", + "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ] + }, + { + "type": "richtext", + "id": "description", + "label": "t:general.text.label", + "default": "

Use this text to share information about your brand with your customers. Describe a product, share announcements, or welcome customers to your store.

" + }, + { + "type": "select", + "id": "text_size", + "label": "t:general.text_size.text.label", + "default": "text-base", + "options": [ + { + "value": "text-sm", + "label": "t:general.text_size.options__small.label" + }, + { + "value": "text-base", + "label": "t:general.text_size.options__base.label" + }, + { + "value": "text-lg", + "label": "t:general.text_size.options__large.label" + }, + { + "value": "text-inherit", + "label": "t:general.text_size.options__inherit.label" + } + ] + }, + { + "type": "text", + "id": "button_label", + "label": "t:general.button.button_label.label", + "default": "Button label" + }, + { + "type": "url", + "id": "button_link", + "label": "t:general.button.button_link.label" + }, + { + "type": "select", + "id": "button_style", + "label": "t:general.button.button_style.label", + "options": [ + { + "value": "btn--primary", + "label": "t:general.button.button_style.options__1.label" + }, + { + "value": "btn--secondary", + "label": "t:general.button.button_style.options__2.label" + }, + { + "value": "btn--underline", + "label": "t:general.button.button_style.options__4.label" + }, + { + "value": "btn--plain", + "label": "t:general.button.button_style.options__7.label" + } + ], + "default": "btn--primary" + }, + { + "type": "select", + "id": "button_icon", + "label": "t:general.button.button_icon.label", + "options": [ + { + "value": "none", + "label": "t:general.button.button_icon.options__1.label" + }, + { + "value": "caret-right", + "label": "t:general.button.button_icon.options__2.label" + }, + { + "value": "caret-left", + "label": "t:general.button.button_icon.options__22.label" + }, + { + "value": "arrow-right", + "label": "t:general.button.button_icon.options__3.label" + }, + { + "value": "arrow-left", + "label": "t:general.button.button_icon.options__23.label" + }, + { + "value": "close", + "label": "t:general.button.button_icon.options__4.label" + }, + { + "value": "home", + "label": "t:general.button.button_icon.options__5.label" + }, + { + "value": "search", + "label": "t:general.button.button_icon.options__6.label" + }, + { + "value": "hamburger", + "label": "t:general.button.button_icon.options__7.label" + }, + { + "value": "pencil", + "label": "t:general.button.button_icon.options__8.label" + }, + { + "value": "plus", + "label": "t:general.button.button_icon.options__9.label" + }, + { + "value": "cart", + "label": "t:general.button.button_icon.options__10.label" + }, + { + "value": "account", + "label": "t:general.button.button_icon.options__11.label" + }, + { + "value": "sign-in", + "label": "t:general.button.button_icon.options__12.label" + }, + { + "value": "chat", + "label": "t:general.button.button_icon.options__13.label" + }, + { + "value": "download", + "label": "t:general.button.button_icon.options__14.label" + }, + { + "value": "upload", + "label": "t:general.button.button_icon.options__15.label" + }, + { + "value": "heart", + "label": "t:general.button.button_icon.options__16.label" + }, + { + "value": "play-outline", + "label": "t:general.button.button_icon.options__17.label" + }, + { + "value": "pause", + "label": "t:general.button.button_icon.options__18.label" + }, + { + "value": "stop", + "label": "t:general.button.button_icon.options__19.label" + }, + { + "value": "speaker", + "label": "t:general.button.button_icon.options__20.label" + }, + { + "value": "setting", + "label": "t:general.button.button_icon.options__21.label" + } + ], + "default": "none" + }, + { + "type": "header", + "content": "t:general.header__block_settings.content" + }, + { + "type": "select", + "id": "width", + "label": "t:general.block_width.label", + "options": [ + { + "value": "16%", + "label": "t:general.block_width.options__16p.label" + }, + { + "value": "20%", + "label": "t:general.block_width.options__20p.label" + }, + { + "value": "25%", + "label": "t:general.block_width.options__25p.label" + }, + { + "value": "33%", + "label": "t:general.block_width.options__33p.label" + }, + { + "value": "41%", + "label": "t:general.block_width.options__41p.label" + }, + { + "value": "50%", + "label": "t:general.block_width.options__50p.label" + }, + { + "value": "58%", + "label": "t:general.block_width.options__58p.label" + }, + { + "value": "66%", + "label": "t:general.block_width.options__66p.label" + }, + { + "value": "75%", + "label": "t:general.block_width.options__75p.label" + }, + { + "value": "80%", + "label": "t:general.block_width.options__80p.label" + }, + { + "value": "83%", + "label": "t:general.block_width.options__83p.label" + }, + { + "value": "100%", + "label": "t:general.block_width.options__100p.label" + } + ], + "default": "50%" + }, + { + "type": "select", + "id": "alignment", + "label": "t:general.vertical_alignment.label", + "default": "center", + "options": [ + { + "value": "start", + "label": "t:general.vertical_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.vertical_alignment.options__2.label" + }, + { + "value": "end", + "label": "t:general.vertical_alignment.options__3.label" + } + ] + }, + { + "type": "header", + "content": "t:general.custom_attr.header" + }, + { + "type": "text", + "id": "block_custom_class", + "label": "t:general.custom_attr.custom_class" + } + ] + }, + { + "type": "lookbook_card", + "name": "t:sections.custom-content.blocks.lookbook_card.name", + "settings": [ + { + "type": "header", + "content": "Products" + }, + { + "type": "product_list", + "id": "product_list", + "limit": 5, + "label": "t:general.products.label" + }, + { + "type": "select", + "id": "pcard_image_ratio", + "label": "t:general.image_ratio.label", + "default": "", + "options": [ + { + "value": "", + "label": "t:general.image_ratio.options__inherit.label" + }, + { + "value": "adapt", + "label": "t:general.image_ratio.options__1.label" + }, + { + "value": "1/1", + "label": "t:general.image_ratio.options__2.label" + }, + { + "value": "3/4", + "label": "t:general.image_ratio.options__3.label" + }, + { + "value": "4/3", + "label": "t:general.image_ratio.options__4.label" + } + ] + }, + { + "type": "header", + "content": "Image" + }, + { + "type": "image_picker", + "id": "image", + "label": "t:general.image.label" + }, + { + "type": "video", + "label": "t:general.video.label", + "id": "video" + }, + { + "type": "select", + "id": "image_ratio", + "label": "t:general.image_ratio.label", + "default": "adapt", + "options": [ + { + "value": "adapt", + "label": "t:general.image_ratio.options__1.label" + }, + { + "value": "1/1", + "label": "t:general.image_ratio.options__2.label" + }, + { + "value": "3/4", + "label": "t:general.image_ratio.options__3.label" + }, + { + "value": "4/3", + "label": "t:general.image_ratio.options__4.label" + } + ] + }, + { + "type": "header", + "content": "Heading" + }, + { + "type": "inline_richtext", + "id": "heading", + "label": "t:general.heading.label", + "default": "Shop this look", + "info": "t:general.heading.info" + }, + { + "type": "select", + "id": "highlight_style", + "label": "t:general.highlight_text.highlight_style.label", + "options": [ + { + "value": "none", + "label": "t:general.highlight_text.highlight_style.options.option__1.label" + }, + { + "value": "hand_drawn_circle", + "label": "t:general.highlight_text.highlight_style.options.option__2.label" + }, + { + "value": "thick_underline", + "label": "t:general.highlight_text.highlight_style.options.option__3.label" + }, + { + "value": "wave_underline", + "label": "t:general.highlight_text.highlight_style.options.option__4.label" + } + ] + }, + { + "type": "select", + "id": "highlight_font_style", + "label": "t:general.highlight_text.highlight_font_style.label", + "options": [ + { + "value": "italic", + "label": "t:general.highlight_text.highlight_font_style.options.option__1.label" + }, + { + "value": "normal", + "label": "t:general.highlight_text.highlight_font_style.options.option__2.label" + } + ] + }, + { + "type": "color", + "id": "highlight_style_color", + "label": "t:general.highlight_text.highlight_style_color.label" + }, + { + "type": "color", + "id": "highlight_text_color", + "label": "t:general.highlight_text.highlight_text_color.label" + }, + { + "type": "select", + "id": "heading_size", + "label": "t:general.text_size.heading.label", + "default": "h5", + "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ] + }, + { + "type": "header", + "content": "t:general.header__block_settings.content" + }, + { + "type": "select", + "id": "width", + "label": "t:general.block_width.label", + "options": [ + { + "value": "16%", + "label": "t:general.block_width.options__16p.label" + }, + { + "value": "20%", + "label": "t:general.block_width.options__20p.label" + }, + { + "value": "25%", + "label": "t:general.block_width.options__25p.label" + }, + { + "value": "33%", + "label": "t:general.block_width.options__33p.label" + }, + { + "value": "41%", + "label": "t:general.block_width.options__41p.label" + }, + { + "value": "50%", + "label": "t:general.block_width.options__50p.label" + }, + { + "value": "58%", + "label": "t:general.block_width.options__58p.label" + }, + { + "value": "66%", + "label": "t:general.block_width.options__66p.label" + }, + { + "value": "75%", + "label": "t:general.block_width.options__75p.label" + }, + { + "value": "80%", + "label": "t:general.block_width.options__80p.label" + }, + { + "value": "83%", + "label": "t:general.block_width.options__83p.label" + }, + { + "value": "100%", + "label": "t:general.block_width.options__100p.label" + } + ], + "default": "50%" + }, + { + "type": "select", + "id": "alignment", + "label": "t:general.vertical_alignment.label", + "default": "center", + "options": [ + { + "value": "start", + "label": "t:general.vertical_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.vertical_alignment.options__2.label" + }, + { + "value": "end", + "label": "t:general.vertical_alignment.options__3.label" + } + ] + }, + { + "type": "header", + "content": "t:general.custom_attr.header" + }, + { + "type": "text", + "id": "block_custom_class", + "label": "t:general.custom_attr.custom_class" + } + ] + }, + { + "type": "image_card_with_product", + "name": "t:sections.custom-content.blocks.image_card_with_product.name", + "settings": [ + { + "type": "header", + "content": "t:general.general.name" + }, + { + "type": "color_scheme", + "id": "color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "header", + "content": "t:general.image.content" + }, + { + "type": "image_picker", + "id": "image", + "label": "t:general.image.label" + }, + { + "type": "select", + "id": "image_ratio", + "label": "t:general.image_ratio.label", + "default": "adapt", + "options": [ + { + "value": "adapt", + "label": "t:general.image_ratio.options__1.label" + }, + { + "value": "1/1", + "label": "t:general.image_ratio.options__2.label" + }, + { + "value": "3/4", + "label": "t:general.image_ratio.options__3.label" + }, + { + "value": "4/3", + "label": "t:general.image_ratio.options__4.label" + } + ] + }, + { + "type": "header", + "content": "t:general.content.label" + }, + { + "type": "inline_richtext", + "id": "subheading", + "label": "t:general.subheading.label" + }, + { + "type": "inline_richtext", + "id": "heading", + "label": "t:general.heading.label", + "default": "Card Heading", + "info": "t:general.heading.info" + }, + { + "type": "select", + "id": "highlight_style", + "label": "t:general.highlight_text.highlight_style.label", + "options": [ + { + "value": "none", + "label": "t:general.highlight_text.highlight_style.options.option__1.label" + }, + { + "value": "hand_drawn_circle", + "label": "t:general.highlight_text.highlight_style.options.option__2.label" + }, + { + "value": "thick_underline", + "label": "t:general.highlight_text.highlight_style.options.option__3.label" + }, + { + "value": "wave_underline", + "label": "t:general.highlight_text.highlight_style.options.option__4.label" + } + ] + }, + { + "type": "select", + "id": "highlight_font_style", + "label": "t:general.highlight_text.highlight_font_style.label", + "options": [ + { + "value": "italic", + "label": "t:general.highlight_text.highlight_font_style.options.option__1.label" + }, + { + "value": "normal", + "label": "t:general.highlight_text.highlight_font_style.options.option__2.label" + } + ] + }, + { + "type": "color", + "id": "highlight_style_color", + "label": "t:general.highlight_text.highlight_style_color.label" + }, + { + "type": "color", + "id": "highlight_text_color", + "label": "t:general.highlight_text.highlight_text_color.label" + }, + { + "type": "select", + "id": "heading_size", + "label": "t:general.text_size.heading.label", + "default": "h1", + "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ] + }, + { + "type": "richtext", + "id": "description", + "label": "t:general.text.label" + }, + { + "type": "text", + "id": "button_label", + "label": "t:general.button.button_label.label", + "default": "Button label" + }, + { + "type": "select", + "id": "button_style", + "label": "t:general.button.button_style.label", + "options": [ + { + "value": "btn--primary", + "label": "t:general.button.button_style.options__1.label" + }, + { + "value": "btn--secondary", + "label": "t:general.button.button_style.options__2.label" + }, + { + "value": "btn--underline", + "label": "t:general.button.button_style.options__4.label" + }, + { + "value": "btn--plain", + "label": "t:general.button.button_style.options__7.label" + } + ], + "default": "btn--secondary" + }, + { + "type": "select", + "id": "button_icon", + "label": "t:general.button.button_icon.label", + "options": [ + { + "value": "none", + "label": "t:general.button.button_icon.options__1.label" + }, + { + "value": "caret-right", + "label": "t:general.button.button_icon.options__2.label" + }, + { + "value": "caret-left", + "label": "t:general.button.button_icon.options__22.label" + }, + { + "value": "arrow-right", + "label": "t:general.button.button_icon.options__3.label" + }, + { + "value": "arrow-left", + "label": "t:general.button.button_icon.options__23.label" + }, + { + "value": "close", + "label": "t:general.button.button_icon.options__4.label" + }, + { + "value": "home", + "label": "t:general.button.button_icon.options__5.label" + }, + { + "value": "search", + "label": "t:general.button.button_icon.options__6.label" + }, + { + "value": "hamburger", + "label": "t:general.button.button_icon.options__7.label" + }, + { + "value": "pencil", + "label": "t:general.button.button_icon.options__8.label" + }, + { + "value": "plus", + "label": "t:general.button.button_icon.options__9.label" + }, + { + "value": "cart", + "label": "t:general.button.button_icon.options__10.label" + }, + { + "value": "account", + "label": "t:general.button.button_icon.options__11.label" + }, + { + "value": "sign-in", + "label": "t:general.button.button_icon.options__12.label" + }, + { + "value": "chat", + "label": "t:general.button.button_icon.options__13.label" + }, + { + "value": "download", + "label": "t:general.button.button_icon.options__14.label" + }, + { + "value": "upload", + "label": "t:general.button.button_icon.options__15.label" + }, + { + "value": "heart", + "label": "t:general.button.button_icon.options__16.label" + }, + { + "value": "play-outline", + "label": "t:general.button.button_icon.options__17.label" + }, + { + "value": "pause", + "label": "t:general.button.button_icon.options__18.label" + }, + { + "value": "stop", + "label": "t:general.button.button_icon.options__19.label" + }, + { + "value": "speaker", + "label": "t:general.button.button_icon.options__20.label" + }, + { + "value": "setting", + "label": "t:general.button.button_icon.options__21.label" + } + ], + "default": "none" + }, + { + "type": "header", + "content": "t:general.product.label" + }, + { + "type": "product", + "id": "product", + "label": "t:general.product.label" + }, + { + "type": "header", + "content": "t:general.header__block_settings.content" + }, + { + "type": "select", + "id": "width", + "label": "t:general.block_width.label", + "options": [ + { + "value": "16%", + "label": "t:general.block_width.options__16p.label" + }, + { + "value": "20%", + "label": "t:general.block_width.options__20p.label" + }, + { + "value": "25%", + "label": "t:general.block_width.options__25p.label" + }, + { + "value": "33%", + "label": "t:general.block_width.options__33p.label" + }, + { + "value": "41%", + "label": "t:general.block_width.options__41p.label" + }, + { + "value": "50%", + "label": "t:general.block_width.options__50p.label" + }, + { + "value": "58%", + "label": "t:general.block_width.options__58p.label" + }, + { + "value": "66%", + "label": "t:general.block_width.options__66p.label" + }, + { + "value": "75%", + "label": "t:general.block_width.options__75p.label" + }, + { + "value": "80%", + "label": "t:general.block_width.options__80p.label" + }, + { + "value": "83%", + "label": "t:general.block_width.options__83p.label" + }, + { + "value": "100%", + "label": "t:general.block_width.options__100p.label" + } + ], + "default": "50%" + }, + { + "type": "select", + "id": "alignment", + "label": "t:general.vertical_alignment.label", + "default": "center", + "options": [ + { + "value": "start", + "label": "t:general.vertical_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.vertical_alignment.options__2.label" + }, + { + "value": "end", + "label": "t:general.vertical_alignment.options__3.label" + } + ] + }, + { + "type": "header", + "content": "t:general.custom_attr.header" + }, + { + "type": "text", + "id": "block_custom_class", + "label": "t:general.custom_attr.custom_class" + } + ] + }, + { + "type": "lookbook_card_hotspot", + "name": "t:sections.custom-content.blocks.lookbook_card_hotspot.name", + "settings": [ + { + "type": "header", + "content": "t:general.general.name" + }, + { + "type": "select", + "id": "icon_style", + "label": "t:general.hotspot.icon_style.label", + "options": [ + { + "value": "plus", + "label": "t:general.hotspot.icon_style.options__plus.label" + }, + { + "value": "dot", + "label": "t:general.hotspot.icon_style.options__dot.label" + } + ], + "default": "dot" + }, + { + "type": "select", + "id": "icon_color", + "label": "t:general.hotspot.icon_color.label", + "options": [ + { + "value": "light", + "label": "t:general.hotspot.icon_color.options__1.label" + }, + { + "value": "dark", + "label": "t:general.hotspot.icon_color.options__2.label" + } + ], + "default": "light" + }, + { + "type": "header", + "content": "t:general.image.content" + }, + { + "type": "image_picker", + "id": "image", + "label": "t:general.image.label" + }, + { + "type": "select", + "id": "image_ratio", + "label": "t:general.image_ratio.label", + "default": "adapt", + "options": [ + { + "value": "adapt", + "label": "t:general.image_ratio.options__1.label" + }, + { + "value": "1/1", + "label": "t:general.image_ratio.options__2.label" + }, + { + "value": "3/4", + "label": "t:general.image_ratio.options__3.label" + }, + { + "value": "4/3", + "label": "t:general.image_ratio.options__4.label" + } + ] + }, + { + "type": "header", + "content": "t:sections.custom-content.blocks.lookbook_card_hotspot.settings.header__1.content" + }, + { + "type": "product", + "id": "product_1", + "label": "t:general.product.label" + }, + { + "type": "range", + "id": "top_1", + "label": "t:general.hotspot.offset_top.label", + "min": 0, + "max": 100, + "unit": "%", + "step": 1, + "default": 45 + }, + { + "type": "range", + "id": "left_1", + "label": "t:general.hotspot.offset_left.label", + "min": 0, + "max": 100, + "unit": "%", + "step": 1, + "default": 30 + }, + { + "type": "header", + "content": "t:sections.custom-content.blocks.lookbook_card_hotspot.settings.header__2.content" + }, + { + "type": "product", + "id": "product_2", + "label": "t:general.product.label" + }, + { + "type": "range", + "id": "top_2", + "label": "t:general.hotspot.offset_top.label", + "min": 0, + "max": 100, + "unit": "%", + "step": 1, + "default": 50 + }, + { + "type": "range", + "id": "left_2", + "label": "t:general.hotspot.offset_left.label", + "min": 0, + "max": 100, + "unit": "%", + "step": 1, + "default": 70 + }, + { + "type": "header", + "content": "t:sections.custom-content.blocks.lookbook_card_hotspot.settings.header__3.content" + }, + { + "type": "product", + "id": "product_3", + "label": "t:general.product.label" + }, + { + "type": "range", + "id": "top_3", + "label": "t:general.hotspot.offset_top.label", + "min": 0, + "max": 100, + "unit": "%", + "step": 1, + "default": 62 + }, + { + "type": "range", + "id": "left_3", + "label": "t:general.hotspot.offset_left.label", + "min": 0, + "max": 100, + "unit": "%", + "step": 1, + "default": 43 + }, + { + "type": "header", + "content": "t:sections.custom-content.blocks.lookbook_card_hotspot.settings.header__4.content" + }, + { + "type": "product", + "id": "product_4", + "label": "t:general.product.label" + }, + { + "type": "range", + "id": "top_4", + "label": "t:general.hotspot.offset_top.label", + "min": 0, + "max": 100, + "unit": "%", + "step": 1, + "default": 9 + }, + { + "type": "range", + "id": "left_4", + "label": "t:general.hotspot.offset_left.label", + "min": 0, + "max": 100, + "unit": "%", + "step": 1, + "default": 63 + }, + { + "type": "header", + "content": "t:general.header__block_settings.content" + }, + { + "type": "select", + "id": "width", + "label": "t:general.block_width.label", + "options": [ + { + "value": "16%", + "label": "t:general.block_width.options__16p.label" + }, + { + "value": "20%", + "label": "t:general.block_width.options__20p.label" + }, + { + "value": "25%", + "label": "t:general.block_width.options__25p.label" + }, + { + "value": "33%", + "label": "t:general.block_width.options__33p.label" + }, + { + "value": "41%", + "label": "t:general.block_width.options__41p.label" + }, + { + "value": "50%", + "label": "t:general.block_width.options__50p.label" + }, + { + "value": "58%", + "label": "t:general.block_width.options__58p.label" + }, + { + "value": "66%", + "label": "t:general.block_width.options__66p.label" + }, + { + "value": "75%", + "label": "t:general.block_width.options__75p.label" + }, + { + "value": "80%", + "label": "t:general.block_width.options__80p.label" + }, + { + "value": "83%", + "label": "t:general.block_width.options__83p.label" + }, + { + "value": "100%", + "label": "t:general.block_width.options__100p.label" + } + ], + "default": "50%" + }, + { + "type": "select", + "id": "alignment", + "label": "t:general.vertical_alignment.label", + "default": "center", + "options": [ + { + "value": "start", + "label": "t:general.vertical_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.vertical_alignment.options__2.label" + }, + { + "value": "end", + "label": "t:general.vertical_alignment.options__3.label" + } + ] + }, + { + "type": "header", + "content": "t:general.custom_attr.header" + }, + { + "type": "text", + "id": "block_custom_class", + "label": "t:general.custom_attr.custom_class" + } + ] + }, + { + "type": "collections", + "name": "t:general.collection.name", + "settings": [ + { + "type": "collection_list", + "id": "collection_list", + "label": "t:sections.collection-list.name", + "limit": 3 + }, + { + "type": "header", + "content": "t:general.grid.name" + }, + { + "type": "range", + "id": "product_limit", + "label": "t:general.grid.product_limit.label", + "default": 3, + "min": 2, + "max": 12, + "step": 1 + }, + { + "type": "range", + "id": "columns_desktop", + "label": "t:general.grid.columns_desktop.label", + "min": 2, + "max": 4, + "step": 1, + "default": 3 + }, + { + "type": "select", + "id": "column_gap", + "label": "t:general.grid.column_gap.label", + "default": "medium", + "options": [ + { + "value": "none", + "label": "t:general.grid.gap.options__none.label" + }, + { + "value": "2xs", + "label": "t:general.grid.gap.options__2xs.label" + }, + { + "value": "extra-small", + "label": "t:general.grid.gap.options__xs.label" + }, + { + "value": "small", + "label": "t:general.grid.gap.options__sm.label" + }, + { + "value": "medium", + "label": "t:general.grid.gap.options__md.label" + }, + { + "value": "large", + "label": "t:general.grid.gap.options__lg.label" + }, + { + "value": "extra-large", + "label": "t:general.grid.gap.options__xl.label" + } + ] + }, + { + "type": "select", + "id": "row_gap", + "label": "t:general.grid.row_gap.label", + "default": "inherit", + "options": [ + { + "value": "inherit", + "label": "t:general.grid.gap.options__inherit.label" + }, + { + "value": "none", + "label": "t:general.grid.gap.options__none.label" + }, + { + "value": "2xs", + "label": "t:general.grid.gap.options__2xs.label" + }, + { + "value": "extra-small", + "label": "t:general.grid.gap.options__xs.label" + }, + { + "value": "small", + "label": "t:general.grid.gap.options__sm.label" + }, + { + "value": "medium", + "label": "t:general.grid.gap.options__md.label" + }, + { + "value": "large", + "label": "t:general.grid.gap.options__lg.label" + }, + { + "value": "extra-large", + "label": "t:general.grid.gap.options__xl.label" + } + ] + }, + { + "type": "header", + "content": "t:general.carousel.name" + }, + { + "type": "checkbox", + "id": "enable_slider", + "label": "t:general.carousel.enable_carousel.label", + "default": false + }, + { + "type": "select", + "id": "pcard_image_ratio", + "label": "t:general.image_ratio.label", + "default": "", + "options": [ + { + "value": "", + "label": "t:general.image_ratio.options__inherit.label" + }, + { + "value": "adapt", + "label": "t:general.image_ratio.options__1.label" + }, + { + "value": "1/1", + "label": "t:general.image_ratio.options__2.label" + }, + { + "value": "3/4", + "label": "t:general.image_ratio.options__3.label" + }, + { + "value": "4/3", + "label": "t:general.image_ratio.options__4.label" + } + ] + }, + { + "type": "header", + "content": "t:general.mobile.name" + }, + { + "type": "select", + "id": "columns_mobile", + "label": "t:general.mobile.columns_mobile.label", + "default": "1", + "options": [ + { + "value": "1", + "label": "t:general.mobile.columns_mobile.options__1.label" + }, + { + "value": "2", + "label": "t:general.mobile.columns_mobile.options__2.label" + } + ] + }, + { + "type": "checkbox", + "id": "swipe_on_mobile", + "label": "t:general.mobile.swipe_on_mobile.label", + "default": true + }, + { + "type": "header", + "content": "t:general.header__block_settings.content" + }, + { + "type": "select", + "id": "width", + "label": "t:general.block_width.label", + "options": [ + { + "value": "16%", + "label": "t:general.block_width.options__16p.label" + }, + { + "value": "20%", + "label": "t:general.block_width.options__20p.label" + }, + { + "value": "25%", + "label": "t:general.block_width.options__25p.label" + }, + { + "value": "33%", + "label": "t:general.block_width.options__33p.label" + }, + { + "value": "41%", + "label": "t:general.block_width.options__41p.label" + }, + { + "value": "50%", + "label": "t:general.block_width.options__50p.label" + }, + { + "value": "58%", + "label": "t:general.block_width.options__58p.label" + }, + { + "value": "66%", + "label": "t:general.block_width.options__66p.label" + }, + { + "value": "75%", + "label": "t:general.block_width.options__75p.label" + }, + { + "value": "80%", + "label": "t:general.block_width.options__80p.label" + }, + { + "value": "83%", + "label": "t:general.block_width.options__83p.label" + }, + { + "value": "100%", + "label": "t:general.block_width.options__100p.label" + } + ], + "default": "50%" + }, + { + "type": "select", + "id": "alignment", + "label": "t:general.vertical_alignment.label", + "default": "center", + "options": [ + { + "value": "start", + "label": "t:general.vertical_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.vertical_alignment.options__2.label" + }, + { + "value": "end", + "label": "t:general.vertical_alignment.options__3.label" + } + ] + }, + { + "type": "header", + "content": "t:general.custom_attr.header" + }, + { + "type": "text", + "id": "block_custom_class", + "label": "t:general.custom_attr.custom_class" + } + ] + } + ], + "presets": [ + { + "name": "t:sections.custom-content.name", + "blocks": [ + { + "type": "image" + }, + { + "type": "text" + } + ] + } + ] +} +{% endschema %} diff --git a/sections/custom-liquid.liquid b/sections/custom-liquid.liquid index 869a5b795d4..87b22381c60 100644 --- a/sections/custom-liquid.liquid +++ b/sections/custom-liquid.liquid @@ -1,20 +1,9 @@ -{%- style -%} - .section-{{ section.id }}-padding { - padding-top: calc({{ section.settings.padding_top }}px * 0.75); - padding-bottom: calc({{ section.settings.padding_bottom }}px * 0.75); - } - - @media screen and (min-width: 750px) { - .section-{{ section.id }}-padding { - padding-top: {{ section.settings.padding_top }}px; - padding-bottom: {{ section.settings.padding_bottom }}px; - } - } -{%- endstyle -%} -
-
- {{ section.settings.custom_liquid }} -
+
+ {{ section.settings.custom_liquid }}
{% schema %} @@ -32,37 +21,37 @@ { "type": "color_scheme", "id": "color_scheme", - "label": "t:sections.all.colors.label", + "label": "t:general.colors.label", "default": "scheme-1" }, { "type": "header", - "content": "t:sections.all.padding.section_padding_heading" + "content": "t:general.padding.section_heading.content" }, { "type": "range", "id": "padding_top", "min": 0, "max": 100, - "step": 4, + "step": 2, "unit": "px", - "label": "t:sections.all.padding.padding_top", - "default": 40 + "label": "t:general.padding.top.label", + "default": 50 }, { "type": "range", "id": "padding_bottom", "min": 0, "max": 100, - "step": 4, + "step": 2, "unit": "px", - "label": "t:sections.all.padding.padding_bottom", - "default": 52 + "label": "t:general.padding.bottom.label", + "default": 50 } ], "presets": [ { - "name": "t:sections.custom-liquid.presets.name" + "name": "t:sections.custom-liquid.name" } ] } diff --git a/sections/email-signup-banner.liquid b/sections/email-signup-banner.liquid deleted file mode 100644 index f48984863d4..00000000000 --- a/sections/email-signup-banner.liquid +++ /dev/null @@ -1,409 +0,0 @@ -{{ 'section-image-banner.css' | asset_url | stylesheet_tag }} -{{ 'component-newsletter.css' | asset_url | stylesheet_tag }} -{{ 'newsletter-section.css' | asset_url | stylesheet_tag }} -{{ 'section-email-signup-banner.css' | asset_url | stylesheet_tag }} - -{%- style -%} - #Banner-{{ section.id }}::after { - opacity: {{ section.settings.image_overlay_opacity | divided_by: 100.0 }}; - } - - {%- if section.settings.image_height == 'adapt-image' and section.settings.image != blank -%} - @media screen and (max-width: 749px) { - #Banner-{{ section.id }}:not(.banner--mobile-bottom) .banner__content::before { - padding-bottom: {{ 1 | divided_by: section.settings.image.aspect_ratio | times: 100 }}%; - content: ''; - display: block; - } - } - - #Banner-{{ section.id }}::before, - #Banner-{{ section.id }} .banner__media::before { - padding-bottom: {{ 1 | divided_by: section.settings.image.aspect_ratio | times: 100 }}%; - content: ''; - display: block; - } - {%- endif -%} -{%- endstyle -%} - - - -{% schema %} -{ - "name": "t:sections.email-signup-banner.name", - "tag": "section", - "class": "section", - "enabled_on": { - "templates": ["password"] - }, - "settings": [ - { - "type": "paragraph", - "content": "t:sections.email-signup-banner.settings.paragraph.content" - }, - { - "type": "checkbox", - "id": "show_background_image", - "label": "t:sections.email-signup-banner.settings.show_background_image.label", - "default": true - }, - { - "type": "image_picker", - "id": "image", - "label": "t:sections.email-signup-banner.settings.image.label" - }, - { - "type": "range", - "id": "image_overlay_opacity", - "min": 0, - "max": 100, - "step": 10, - "unit": "%", - "label": "t:sections.email-signup-banner.settings.image_overlay_opacity.label", - "default": 0 - }, - { - "type": "select", - "id": "image_height", - "options": [ - { - "value": "adapt-image", - "label": "t:sections.email-signup-banner.settings.image_height.options__1.label" - }, - { - "value": "small", - "label": "t:sections.email-signup-banner.settings.image_height.options__2.label" - }, - { - "value": "medium", - "label": "t:sections.email-signup-banner.settings.image_height.options__3.label" - }, - { - "value": "large", - "label": "t:sections.email-signup-banner.settings.image_height.options__4.label" - } - ], - "default": "medium", - "label": "t:sections.email-signup-banner.settings.image_height.label" - }, - { - "type": "header", - "content": "t:sections.email-signup-banner.settings.content_header.content" - }, - { - "type": "select", - "id": "desktop_content_position", - "options": [ - { - "value": "top-left", - "label": "t:sections.email-signup-banner.settings.desktop_content_position.options__1.label" - }, - { - "value": "top-center", - "label": "t:sections.email-signup-banner.settings.desktop_content_position.options__2.label" - }, - { - "value": "top-right", - "label": "t:sections.email-signup-banner.settings.desktop_content_position.options__3.label" - }, - { - "value": "middle-left", - "label": "t:sections.email-signup-banner.settings.desktop_content_position.options__4.label" - }, - { - "value": "middle-center", - "label": "t:sections.email-signup-banner.settings.desktop_content_position.options__5.label" - }, - { - "value": "middle-right", - "label": "t:sections.email-signup-banner.settings.desktop_content_position.options__6.label" - }, - { - "value": "bottom-left", - "label": "t:sections.email-signup-banner.settings.desktop_content_position.options__7.label" - }, - { - "value": "bottom-center", - "label": "t:sections.email-signup-banner.settings.desktop_content_position.options__8.label" - }, - { - "value": "bottom-right", - "label": "t:sections.email-signup-banner.settings.desktop_content_position.options__9.label" - } - ], - "default": "middle-center", - "label": "t:sections.email-signup-banner.settings.desktop_content_position.label" - }, - { - "type": "select", - "id": "desktop_content_alignment", - "options": [ - { - "value": "left", - "label": "t:sections.email-signup-banner.settings.desktop_content_alignment.options__1.label" - }, - { - "value": "center", - "label": "t:sections.email-signup-banner.settings.desktop_content_alignment.options__2.label" - }, - { - "value": "right", - "label": "t:sections.email-signup-banner.settings.desktop_content_alignment.options__3.label" - } - ], - "default": "center", - "label": "t:sections.email-signup-banner.settings.desktop_content_alignment.label" - }, - { - "type": "checkbox", - "id": "show_text_box", - "default": true, - "label": "t:sections.email-signup-banner.settings.show_text_box.label" - }, - { - "type": "color_scheme", - "id": "color_scheme", - "label": "t:sections.all.colors.label", - "info": "t:sections.email-signup-banner.settings.color_scheme.info", - "default": "scheme-1" - }, - { - "type": "header", - "content": "t:sections.email-signup-banner.settings.header.content" - }, - { - "type": "select", - "id": "mobile_content_alignment", - "options": [ - { - "value": "left", - "label": "t:sections.email-signup-banner.settings.mobile_content_alignment.options__1.label" - }, - { - "value": "center", - "label": "t:sections.email-signup-banner.settings.mobile_content_alignment.options__2.label" - }, - { - "value": "right", - "label": "t:sections.email-signup-banner.settings.mobile_content_alignment.options__3.label" - } - ], - "default": "center", - "label": "t:sections.email-signup-banner.settings.mobile_content_alignment.label" - }, - { - "type": "checkbox", - "id": "show_text_below", - "default": true, - "label": "t:sections.email-signup-banner.settings.show_text_below.label" - } - ], - "blocks": [ - { - "type": "heading", - "name": "t:sections.email-signup-banner.blocks.heading.name", - "limit": 1, - "settings": [ - { - "type": "text", - "id": "heading", - "default": "t:sections.email-signup-banner.blocks.heading.settings.heading.default", - "label": "t:sections.email-signup-banner.blocks.heading.settings.heading.label" - }, - { - "type": "select", - "id": "heading_size", - "options": [ - { - "value": "h2", - "label": "t:sections.all.heading_size.options__1.label" - }, - { - "value": "h1", - "label": "t:sections.all.heading_size.options__2.label" - }, - { - "value": "h0", - "label": "t:sections.all.heading_size.options__3.label" - }, - { - "value": "hxl", - "label": "t:sections.all.heading_size.options__4.label" - }, - { - "value": "hxxl", - "label": "t:sections.all.heading_size.options__5.label" - } - ], - "default": "h1", - "label": "t:sections.all.heading_size.label" - } - ] - }, - { - "type": "paragraph", - "name": "t:sections.email-signup-banner.blocks.paragraph.name", - "limit": 1, - "settings": [ - { - "type": "richtext", - "id": "text", - "default": "t:sections.email-signup-banner.blocks.paragraph.settings.paragraph.default", - "label": "t:sections.email-signup-banner.blocks.paragraph.settings.paragraph.label" - }, - { - "type": "select", - "id": "text_style", - "options": [ - { - "value": "body", - "label": "t:sections.email-signup-banner.blocks.paragraph.settings.text_style.options__1.label" - }, - { - "value": "subtitle", - "label": "t:sections.email-signup-banner.blocks.paragraph.settings.text_style.options__2.label" - } - ], - "default": "body", - "label": "t:sections.email-signup-banner.blocks.paragraph.settings.text_style.label" - } - ] - }, - { - "type": "email_form", - "name": "t:sections.email-signup-banner.blocks.email_form.name", - "limit": 1 - } - ], - "presets": [ - { - "name": "t:sections.email-signup-banner.presets.name", - "blocks": [ - { - "type": "heading" - }, - { - "type": "paragraph" - }, - { - "type": "email_form" - } - ] - } - ] -} -{% endschema %} diff --git a/sections/favorite-products.liquid b/sections/favorite-products.liquid new file mode 100644 index 00000000000..790863b190d --- /dev/null +++ b/sections/favorite-products.liquid @@ -0,0 +1,685 @@ +{{ 'section-favorite-products.css' | asset_url | stylesheet_tag }} + + +{%- liquid + assign enable_slider = false + if section.blocks.size > 1 + assign enable_slider = true + endif + + assign first_block = section.blocks.first + assign aspect_ratio = first_block.settings.image.aspect_ratio | default: 1 + assign aspect_ratio_mobile = first_block.settings.image_mobile.aspect_ratio | default: 0.75 + + assign slide_height = section.settings.slide_height + assign layout = section.settings.layout + assign pagination_type = 'fraction' + + assign pcard_style = section.settings.pcard_style +-%} + +{% render 'divider', + show_divider: section.settings.show_section_divider, + divider_width: section.settings.divider_width +%} +
+ +
+
+ {%- for block in section.blocks -%} + {% liquid + assign product = block.settings.product + assign background_default = block.settings.image + assign background_mobile = block.settings.image_mobile + + assign loading = 'lazy' + assign fetchpriority = 'low' + if forloop.index == 1 and section.index < 2 + assign loading = 'eager' + assign fetchpriority = 'high' + endif + %} +
+
+
+ {%- if background_default == blank -%} + + {%- endif -%} + {%- if background_default != blank or background_mobile != blank -%} + + + {%- if background_default != blank and background_mobile != blank -%} + + {%- endif -%} + {%- liquid + if background_default == blank + assign background_default = background_mobile + endif + + assign background_default_height = background_default.width | divided_by: background_default.aspect_ratio + assign background_default_alt = background_default.alt | default: shop.name | escape + -%} + {{- + background_default + | image_url: width: 2000 + | image_tag: + loading: loading, + width: background_default.width, + height: background_default_height, + alt: background_default_alt, + fetchpriority: fetchpriority, + sizes: '100vw', + widths: '375, 420, 750, 840, 1100, 1500, 1780, 2000', + is: 'image-lazy', + class: 'motion-reduce w-full h-full' + -}} + + + {%- endif -%} +
+ +
+ {%- if product != blank -%} + {% if pcard_style == 'boxed' %} + {% render 'card-product-boxed', + product: product, + list_on_mobile: false, + image_ratio: section.settings.pcard_image_ratio, + image_sizes: '450px', + quick_view_suffix: block.id, + section_index: section.index, + index: forloop.index + %} + {%- else -%} + {%- render 'card-product', + product: product, + pcard_style: pcard_style, + image_sizes: '450px', + image_ratio: section.settings.pcard_image_ratio, + color_inherit: false, + section_index: section.index, + index: forloop.index + -%} + {% endif %} + {%- else -%} + {%- capture pcard_placeholder_class -%} + text-{{ settings.pcard_content_alignment }} color-{{ settings.pcard_color_scheme }} + {%- endcapture -%} + + {% if pcard_style == 'boxed' %} + {% render 'card-product-placeholder', + image_ratio: section.settings.pcard_image_ratio, + pcard_style: 'boxed', + custom_class: pcard_placeholder_class + %} + {%- else -%} + {% render 'card-product-placeholder', + image_ratio: section.settings.pcard_image_ratio, + color_inherit: false + %} + {% endif %} + {%- endif -%} +
+
+
+ {%- endfor -%} +
+
+
+ {% assign motion_delay = 50 %} + {% if section.settings.heading != blank %} +

+ + {% render 'highlight-text', + hl_text: section.settings.heading, + hl_style: section.settings.highlight_style, + hl_font_style: section.settings.highlight_font_style, + hl_style_color: section.settings.highlight_style_color, + hl_text_color: section.settings.highlight_text_color + %} + +

+ {%- assign motion_delay = motion_delay | plus: 50 -%} + {% endif %} + +
+ {%- for block in section.blocks -%} + {% liquid + assign text = block.settings.text + assign author = block.settings.author + assign bio = block.settings.bio + %} +
+
+ {% if text != blank %} +
{{ text }}
+ {% endif %} + {% if author != blank or bio != blank %} +
+ {% if author != blank %} +

{{ author }}

+ {% endif %} + {% if bio != blank %} +
+ {{ bio }} +
+ {% endif %} +
+ {% endif %} +
+
+ {%- endfor -%} +
+ + {%- assign motion_delay = motion_delay | plus: 50 -%} + +
+ +
+ +
+ +
+ + +
+{% schema %} +{ + "name": "t:sections.favorite-products.name", + "disabled_on": { + "groups": ["header", "footer", "custom.overlay"] + }, + "settings": [ + { + "type": "header", + "content": "t:general.general.name" + }, + { + "type": "color_scheme", + "id": "color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "select", + "id": "layout", + "label": "t:sections.favorite-products.settings.layout.label", + "default": "content-right", + "options": [ + { + "value": "content-right", + "label": "t:sections.favorite-products.settings.layout.options__1.label" + }, + { + "value": "content-left", + "label": "t:sections.favorite-products.settings.layout.options__2.label" + } + ] + }, + { + "type": "header", + "content": "t:general.section_header.content" + }, + { + "type": "inline_richtext", + "id": "heading", + "label": "t:general.heading.label", + "default": "Favorite products", + "info": "t:general.heading.info" + }, + { + "type": "select", + "id": "highlight_style", + "label": "t:general.highlight_text.highlight_style.label", + "options": [ + { + "value": "none", + "label": "t:general.highlight_text.highlight_style.options.option__1.label" + }, + { + "value": "hand_drawn_circle", + "label": "t:general.highlight_text.highlight_style.options.option__2.label" + }, + { + "value": "thick_underline", + "label": "t:general.highlight_text.highlight_style.options.option__3.label" + }, + { + "value": "wave_underline", + "label": "t:general.highlight_text.highlight_style.options.option__4.label" + } + ] + }, + { + "type": "select", + "id": "highlight_font_style", + "label": "t:general.highlight_text.highlight_font_style.label", + "options": [ + { + "value": "italic", + "label": "t:general.highlight_text.highlight_font_style.options.option__1.label" + }, + { + "value": "normal", + "label": "t:general.highlight_text.highlight_font_style.options.option__2.label" + } + ] + }, + { + "type": "color", + "id": "highlight_style_color", + "label": "t:general.highlight_text.highlight_style_color.label" + }, + { + "type": "color", + "id": "highlight_text_color", + "label": "t:general.highlight_text.highlight_text_color.label" + }, + { + "type": "header", + "content": "t:general.header__slider_settings.content" + }, + { + "type": "select", + "id": "slide_height", + "label": "t:sections.favorite-products.settings.slide_height.label", + "info": "t:sections.favorite-products.settings.slide_height.info", + "default": "medium", + "options": [ + { + "label": "t:sections.favorite-products.settings.slide_height.options__adapt.label", + "value": "adapt" + }, + { + "label": "t:sections.favorite-products.settings.slide_height.options__sm.label", + "value": "small" + }, + { + "label": "t:sections.favorite-products.settings.slide_height.options__md.label", + "value": "medium" + }, + { + "label": "t:sections.favorite-products.settings.slide_height.options__lg.label", + "value": "large" + } + ] + }, + { + "type": "header", + "content": "t:general.header__product_cards.content" + }, + { + "type": "select", + "id": "pcard_style", + "options": [ + { + "value": "boxed", + "label": "t:settings_schema.product_cards.settings.style.options__3.label" + }, + { + "value": "card", + "label": "t:settings_schema.product_cards.settings.style.options__2.label" + } + ], + "default": "boxed", + "label": "t:settings_schema.product_cards.settings.style.label" + }, + { + "type": "select", + "id": "pcard_image_ratio", + "label": "t:general.image_ratio.label", + "default": "", + "options": [ + { + "value": "", + "label": "t:general.image_ratio.options__inherit.label" + }, + { + "value": "adapt", + "label": "t:general.image_ratio.options__1.label" + }, + { + "value": "1/1", + "label": "t:general.image_ratio.options__2.label" + }, + { + "value": "3/4", + "label": "t:general.image_ratio.options__3.label" + }, + { + "value": "4/3", + "label": "t:general.image_ratio.options__4.label" + } + ] + }, + { + "type": "header", + "content": "t:general.divider.section_heading.content" + }, + { + "type": "checkbox", + "id": "show_section_divider", + "default": false, + "label": "t:general.divider.show_divider.label" + }, + { + "type": "select", + "id": "divider_width", + "options": [ + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + }, + { + "value": "full", + "label": "t:general.container.options__full.label" + } + ], + "default": "fixed", + "label": "t:general.divider.width.label" + } + ], + "blocks": [ + { + "type": "product", + "name": "t:general.product.label", + "settings": [ + { + "type": "color_scheme", + "id": "color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "header", + "content": "Product" + }, + { + "type": "product", + "id": "product", + "label": "t:general.product.label" + }, + { + "type": "header", + "content": "Image" + }, + { + "type": "image_picker", + "id": "image", + "label": "t:general.image.label" + }, + { + "type": "image_picker", + "id": "image_mobile", + "label": "t:general.image_mobile.label" + }, + { + "type": "header", + "content": "Content" + }, + { + "type": "richtext", + "id": "text", + "default": "

Add customer reviews and testimonials to showcase your store’s happy customers.

", + "label": "t:general.text.label" + }, + { + "type": "select", + "id": "text_size", + "label": "t:general.text_size.text.label", + "default": "h1", + "options": [ + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "text-base", + "label": "t:general.text_size.options__base.label" + }, + { + "value": "text-inherit", + "label": "t:general.text_size.options__inherit.label" + } + ] + }, + { + "type": "text", + "id": "author", + "default": "Author's name", + "label": "t:sections.favorite-products.blocks.product.settings.author.label" + }, + { + "type": "text", + "id": "bio", + "label": "t:sections.favorite-products.blocks.product.settings.bio.label" + } + ] + } + ], + "presets": [ + { + "name": "t:sections.favorite-products.name", + "blocks": [ + { + "type": "product" + }, + { + "type": "product" + }, + { + "type": "product" + } + ] + } + ] +} +{% endschema %} diff --git a/sections/featured-blog.liquid b/sections/featured-blog.liquid index 8ed96c06c0b..6d2fde25171 100644 --- a/sections/featured-blog.liquid +++ b/sections/featured-blog.liquid @@ -1,192 +1,101 @@ -{{ 'component-slider.css' | asset_url | stylesheet_tag }} -{{ 'component-card.css' | asset_url | stylesheet_tag }} {{ 'component-article-card.css' | asset_url | stylesheet_tag }} {{ 'section-featured-blog.css' | asset_url | stylesheet_tag }} -{%- style -%} - .section-{{ section.id }}-padding { - padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px; - padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px; - } +{% liquid + assign columns_mobile_int = section.settings.columns_mobile | plus: 0 + assign enable_swipe_mobile = false + if section.settings.swipe_on_mobile and section.settings.post_limit > columns_mobile_int + assign enable_swipe_mobile = true + endif - @media screen and (min-width: 750px) { - .section-{{ section.id }}-padding { - padding-top: {{ section.settings.padding_top }}px; - padding-bottom: {{ section.settings.padding_bottom }}px; - } - } -{%- endstyle -%} + assign columns_desktop = section.settings.columns_desktop + assign columns_tablet = columns_desktop + if columns_desktop > 3 + assign columns_tablet = columns_desktop | divided_by: 2.0 | ceil + endif -{%- liquid - assign posts_displayed = section.settings.blog.articles_count - if section.settings.post_limit <= section.settings.blog.articles_count or section.settings.post_limit <= 4 - assign posts_exceed_limit = true - assign posts_displayed = section.settings.post_limit + assign show_tags = section.settings.show_tags + assign show_author = section.settings.show_author + assign show_date = section.settings.show_date + assign show_excerpt = section.settings.show_excerpt + assign show_button = section.settings.show_button + + assign button_style = section.settings.button_style + assign button_label = section.settings.button_label + assign button_link = section.settings.button_link + assign button_icon = section.settings.button_icon + + assign has_richtext = false + if section.settings.heading != blank or section.settings.description != blank or section.settings.subheading != blank + assign has_richtext = true endif --%} -
-
- {%- unless section.settings.heading == blank -%} -
-

- {{ section.settings.heading }} -

- {%- if section.settings.blog != blank - and section.settings.show_view_all - and section.settings.post_limit < section.settings.blog.articles_count - -%} - - {{ 'sections.featured_blog.view_all' | t }} - - {%- endif -%} -
- {%- endunless -%} + assign motion_delay = 50 +%} - -
    +{% render 'divider', + show_divider: section.settings.show_section_divider, + divider_width: section.settings.divider_width +%} + +{% style %} + .section-{{ section.id }} { + --section-padding-top: {{ section.settings.padding_top }}px; + --section-padding-bottom: {{ section.settings.padding_bottom }}px; + --f-columns-mobile: 1; + --f-columns-md: {{ columns_tablet }}; + --f-columns-xl: {{ columns_desktop }}; + } +{% endstyle %} + +
    +
    + {% if has_richtext %} + {% render 'section-heading', + section_settings: section.settings, + description_size: section.settings.text_size, + button_visible: true, + button_link: button_link, + button_style: button_style, + button_label: button_label, + button_icon: button_icon, + motion_delay: motion_delay + %} + {% endif %} +
    +
    {%- if section.settings.blog != blank and section.settings.blog.articles_count > 0 -%} {%- for article in section.settings.blog.articles limit: section.settings.post_limit -%} -
  • - {% render 'article-card', - blog: section.settings.blog, +
    + {%- render 'card-article', article: article, - media_aspect_ratio: 1.66, - show_image: section.settings.show_image, - show_date: section.settings.show_date, - show_author: section.settings.show_author, - show_excerpt: true - %} -
    • + show_tags: show_tags, + show_author: show_author, + show_date: show_date, + show_excerpt: show_excerpt, + show_button: show_button, + index: forloop.index, + title_size: section.settings.card_title_size + -%} +
    {%- endfor -%} - {%- else -%} + {% else %} {% for i in (1..section.settings.post_limit) -%} - {%- assign placeholder_image_index = forloop.index0 | modulo: 3 | plus: 1 -%} - {%- assign placeholder_image = 'blog-apparel-' | append: placeholder_image_index -%} -
  • -
    -
    -
    - {%- if section.settings.show_image == true -%} -
    -
    - {{ placeholder_image | placeholder_svg_tag: 'blog-placeholder-svg' }} -
    -
    - {%- endif -%} -
    -
    -

    - {{ 'sections.featured_blog.onboarding_title' | t }} -

    -

    - {{ 'sections.featured_blog.onboarding_content' | t }} -

    -
    -
    -
    -
    -
    -

    - {{ 'sections.featured_blog.onboarding_title' | t }} -

    -

    - {{ 'sections.featured_blog.onboarding_content' | t }} -

    -
    -
    -
    -
    -
    • +
    + {%- render 'card-article-placeholder', + show_tags: show_tags, + show_author: show_author, + show_date: show_date, + show_excerpt: show_excerpt, + show_button: show_button, + index: forloop.index0, + title_size: section.settings.card_title_size + -%} +
    {%- endfor -%} - {%- endif -%} -
- {%- if posts_exceed_limit -%} -
- -
- 1 - - - {{ section.settings.post_limit }} -
- -
- {%- endif -%} - - - {%- if section.settings.show_view_all and section.settings.post_limit < section.settings.blog.articles_count -%} -
- - {{ 'sections.featured_blog.view_all' | t }} -
- {%- endif -%} +
@@ -194,66 +103,362 @@ { "name": "t:sections.featured-blog.name", "tag": "section", - "disabled_on": { - "groups": ["header", "footer"] - }, "settings": [ { - "type": "blog", - "id": "blog", - "label": "t:sections.featured-blog.settings.blog.label" + "type": "header", + "content": "t:general.general.name" }, { - "type": "range", - "id": "post_limit", - "min": 2, - "max": 4, - "step": 1, - "default": 3, - "label": "t:sections.featured-blog.settings.post_limit.label" + "type": "select", + "id": "container", + "options": [ + { + "value": "full", + "label": "t:general.container.options__full.label" + }, + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + } + ], + "default": "fixed", + "label": "t:general.container.label" + }, + { + "type": "color_scheme", + "id": "color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" }, { "type": "header", - "content": "t:sections.featured-blog.settings.text_header.content" - }, + "content": "t:general.section_header.content" + }, + { + "id": "section_header_alignment", + "type": "select", + "label": "t:general.text_alignment.label", + "default": "left", + "options": [ + { + "value": "left", + "label": "t:general.text_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.text_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.text_alignment.options__3.label" + } + ] + }, + { + "id": "section_header_alignment_mobile", + "type": "select", + "label": "t:general.text_alignment.mobile.label", + "default": "inherit", + "options": [ + { + "value": "inherit", + "label": "t:general.text_alignment.options__4.label" + }, + { + "value": "left", + "label": "t:general.text_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.text_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.text_alignment.options__3.label" + } + ] + }, + { + "type": "inline_richtext", + "id": "subheading", + "label": "t:general.subheading.label" + }, { "type": "inline_richtext", "id": "heading", - "default": "t:sections.featured-blog.settings.heading.default", - "label": "t:sections.featured-blog.settings.heading.label" + "default": "Blog posts", + "label": "t:general.heading.label", + "info": "t:general.heading.info" + }, + { + "type": "select", + "id": "highlight_style", + "label": "t:general.highlight_text.highlight_style.label", + "options": [ + { + "value": "none", + "label": "t:general.highlight_text.highlight_style.options.option__1.label" + }, + { + "value": "hand_drawn_circle", + "label": "t:general.highlight_text.highlight_style.options.option__2.label" + }, + { + "value": "thick_underline", + "label": "t:general.highlight_text.highlight_style.options.option__3.label" + }, + { + "value": "wave_underline", + "label": "t:general.highlight_text.highlight_style.options.option__4.label" + } + ] + }, + { + "type": "select", + "id": "highlight_font_style", + "label": "t:general.highlight_text.highlight_font_style.label", + "options": [ + { + "value": "italic", + "label": "t:general.highlight_text.highlight_font_style.options.option__1.label" + }, + { + "value": "normal", + "label": "t:general.highlight_text.highlight_font_style.options.option__2.label" + } + ] + }, + { + "type": "color", + "id": "highlight_style_color", + "label": "t:general.highlight_text.highlight_style_color.label" + }, + { + "type": "color", + "id": "highlight_text_color", + "label": "t:general.highlight_text.highlight_text_color.label" }, { "type": "select", "id": "heading_size", + "label": "t:general.text_size.heading.label", + "default": "h2", "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, { "value": "h2", - "label": "t:sections.all.heading_size.options__1.label" + "label": "t:general.text_size.options__h2.label" }, { "value": "h1", - "label": "t:sections.all.heading_size.options__2.label" + "label": "t:general.text_size.options__h1.label" }, { - "value": "h0", - "label": "t:sections.all.heading_size.options__3.label" + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" }, { - "value": "hxl", - "label": "t:sections.all.heading_size.options__4.label" + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ] + }, + { + "type": "richtext", + "id": "description", + "label": "t:general.text.label" + }, + { + "type": "select", + "id": "text_size", + "label": "t:general.text_size.text.label", + "default": "text-base", + "options": [ + { + "value": "text-sm", + "label": "t:general.text_size.options__small.label" + }, + { + "value": "text-base", + "label": "t:general.text_size.options__base.label" + }, + { + "value": "text-lg", + "label": "t:general.text_size.options__large.label" }, { - "value": "hxxl", - "label": "t:sections.all.heading_size.options__5.label" + "value": "text-inherit", + "label": "t:general.text_size.options__inherit.label" + } + ] + }, + { + "type": "text", + "id": "button_label", + "label": "t:general.button.button_label.label" + }, + { + "type": "url", + "id": "button_link", + "label": "t:general.button.button_link.label" + }, + { + "type": "select", + "id": "button_style", + "label": "t:general.button.button_style.label", + "options": [ + { + "value": "btn--primary", + "label": "t:general.button.button_style.options__1.label" + }, + { + "value": "btn--secondary", + "label": "t:general.button.button_style.options__2.label" + }, + { + "value": "btn--underline", + "label": "t:general.button.button_style.options__4.label" + }, + { + "value": "btn--plain", + "label": "t:general.button.button_style.options__7.label" } ], - "default": "h1", - "label": "t:sections.all.heading_size.label" + "default": "btn--underline" + }, + { + "type": "select", + "id": "button_icon", + "label": "t:general.button.button_icon.label", + "options": [ + { + "value": "none", + "label": "t:general.button.button_icon.options__1.label" + }, + { + "value": "caret-right", + "label": "t:general.button.button_icon.options__2.label" + }, + { + "value": "caret-left", + "label": "t:general.button.button_icon.options__22.label" + }, + { + "value": "arrow-right", + "label": "t:general.button.button_icon.options__3.label" + }, + { + "value": "arrow-left", + "label": "t:general.button.button_icon.options__23.label" + }, + { + "value": "close", + "label": "t:general.button.button_icon.options__4.label" + }, + { + "value": "home", + "label": "t:general.button.button_icon.options__5.label" + }, + { + "value": "search", + "label": "t:general.button.button_icon.options__6.label" + }, + { + "value": "hamburger", + "label": "t:general.button.button_icon.options__7.label" + }, + { + "value": "pencil", + "label": "t:general.button.button_icon.options__8.label" + }, + { + "value": "plus", + "label": "t:general.button.button_icon.options__9.label" + }, + { + "value": "cart", + "label": "t:general.button.button_icon.options__10.label" + }, + { + "value": "account", + "label": "t:general.button.button_icon.options__11.label" + }, + { + "value": "sign-in", + "label": "t:general.button.button_icon.options__12.label" + }, + { + "value": "chat", + "label": "t:general.button.button_icon.options__13.label" + }, + { + "value": "download", + "label": "t:general.button.button_icon.options__14.label" + }, + { + "value": "upload", + "label": "t:general.button.button_icon.options__15.label" + }, + { + "value": "heart", + "label": "t:general.button.button_icon.options__16.label" + }, + { + "value": "play-outline", + "label": "t:general.button.button_icon.options__17.label" + }, + { + "value": "pause", + "label": "t:general.button.button_icon.options__18.label" + }, + { + "value": "stop", + "label": "t:general.button.button_icon.options__19.label" + }, + { + "value": "speaker", + "label": "t:general.button.button_icon.options__20.label" + }, + { + "value": "setting", + "label": "t:general.button.button_icon.options__21.label" + } + ], + "default": "none" }, { "type": "header", - "content": "t:sections.featured-blog.settings.layout_header.content" - }, + "content": "t:sections.featured-blog.settings.blog_setting_header" + }, + { + "type": "blog", + "id": "blog", + "label": "t:general.blog.label" + }, + { + "type": "range", + "id": "post_limit", + "min": 2, + "max": 8, + "step": 1, + "default": 3, + "label": "t:sections.featured-blog.settings.post_limit.label" + }, + { + "type": "header", + "content": "t:general.grid.name" + }, { "type": "range", "id": "columns_desktop", @@ -261,69 +466,238 @@ "max": 4, "step": 1, "default": 3, - "label": "t:sections.featured-blog.settings.columns_desktop.label" + "label": "t:general.grid.columns_desktop.label" + }, + { + "type": "select", + "id": "column_gap", + "options": [ + { + "value": "none", + "label": "t:general.grid.gap.options__none.label" + }, + { + "value": "2xs", + "label": "t:general.grid.gap.options__2xs.label" + }, + { + "value": "extra-small", + "label": "t:general.grid.gap.options__xs.label" + }, + { + "value": "small", + "label": "t:general.grid.gap.options__sm.label" + }, + { + "value": "medium", + "label": "t:general.grid.gap.options__md.label" + }, + { + "value": "large", + "label": "t:general.grid.gap.options__lg.label" + }, + { + "value": "extra-large", + "label": "t:general.grid.gap.options__xl.label" + } + ], + "default": "medium", + "label": "t:general.grid.column_gap.label" + }, + { + "type": "select", + "id": "row_gap", + "options": [ + { + "value": "inherit", + "label": "t:general.grid.gap.options__inherit.label" + }, + { + "value": "none", + "label": "t:general.grid.gap.options__none.label" + }, + { + "value": "2xs", + "label": "t:general.grid.gap.options__2xs.label" + }, + { + "value": "extra-small", + "label": "t:general.grid.gap.options__xs.label" + }, + { + "value": "small", + "label": "t:general.grid.gap.options__sm.label" + }, + { + "value": "medium", + "label": "t:general.grid.gap.options__md.label" + }, + { + "value": "large", + "label": "t:general.grid.gap.options__lg.label" + }, + { + "value": "extra-large", + "label": "t:general.grid.gap.options__xl.label" + } + ], + "default": "large", + "label": "t:general.grid.row_gap.label" + }, + { + "type": "header", + "content": "t:general.mobile.name" + }, + { + "type": "select", + "id": "columns_mobile", + "options": [ + { + "value": "1", + "label": "t:general.mobile.columns_mobile.options__1.label" + }, + { + "value": "2", + "label": "t:general.mobile.columns_mobile.options__2.label" + } + ], + "default": "1", + "label": "t:general.mobile.columns_mobile.label" }, { "type": "checkbox", - "id": "show_view_all", + "id": "swipe_on_mobile", "default": true, - "label": "t:sections.featured-blog.settings.show_view_all.label", - "info": "t:sections.featured-blog.settings.show_view_all.info" - }, + "label": "t:general.mobile.swipe_on_mobile.label" + }, + { + "type": "header", + "content": "t:general.header__card_settings.content" + }, + { + "type": "select", + "id": "card_title_size", + "label": "t:general.text_size.heading.label", + "default": "h4", + "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ] + }, { "type": "checkbox", - "id": "show_image", - "default": true, - "label": "t:sections.featured-blog.settings.show_image.label" + "id": "show_tags", + "label": "t:general.blog.show_tags.label", + "default": true + }, + { + "type": "checkbox", + "id": "show_excerpt", + "default": false, + "label": "t:general.blog.show_excerpt.label" }, { "type": "checkbox", "id": "show_date", "default": true, - "label": "t:sections.featured-blog.settings.show_date.label" + "label": "t:general.blog.show_date.label" }, { "type": "checkbox", "id": "show_author", - "default": false, - "label": "t:sections.featured-blog.settings.show_author.label" + "label": "t:general.blog.show_author.label", + "default": true }, { - "type": "color_scheme", - "id": "color_scheme", - "label": "t:sections.all.colors.label", - "info": "t:sections.all.colors.has_cards_info", - "default": "scheme-1" - }, + "type": "checkbox", + "id": "show_button", + "default": false, + "label": "t:general.blog.show_button.label" + }, { "type": "header", - "content": "t:sections.all.padding.section_padding_heading" + "content": "t:general.padding.section_heading.content" }, { "type": "range", "id": "padding_top", "min": 0, "max": 100, - "step": 4, + "step": 2, "unit": "px", - "label": "t:sections.all.padding.padding_top", - "default": 36 + "label": "t:general.padding.top.label", + "default": 50 }, { "type": "range", "id": "padding_bottom", "min": 0, "max": 100, - "step": 4, + "step": 2, "unit": "px", - "label": "t:sections.all.padding.padding_bottom", - "default": 36 + "label": "t:general.padding.bottom.label", + "default": 50 + }, + { + "type": "header", + "content": "t:general.divider.section_heading.content" + }, + { + "type": "checkbox", + "id": "show_section_divider", + "default": false, + "label": "t:general.divider.show_divider.label" + }, + { + "type": "select", + "id": "divider_width", + "options": [ + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + }, + { + "value": "full", + "label": "t:general.container.options__full.label" + } + ], + "default": "fixed", + "label": "t:general.divider.width.label" } ], "presets": [ { - "name": "t:sections.featured-blog.presets.name" + "name": "t:sections.featured-blog.name" } - ] + ], + "disabled_on": { + "groups": ["footer", "header", "custom.overlay"] + } } {% endschema %} diff --git a/sections/featured-collection.liquid b/sections/featured-collection.liquid index 5468f8e3265..f9ee257e265 100644 --- a/sections/featured-collection.liquid +++ b/sections/featured-collection.liquid @@ -1,527 +1,1387 @@ -{{ 'component-card.css' | asset_url | stylesheet_tag }} -{{ 'component-price.css' | asset_url | stylesheet_tag }} +{{ 'section-featured-collection.css' | asset_url | stylesheet_tag }} -{{ 'component-slider.css' | asset_url | stylesheet_tag }} -{{ 'template-collection.css' | asset_url | stylesheet_tag }} +{%- liquid + assign button_style = section.settings.button_style + assign button_label = section.settings.button_label + assign button_link = section.settings.button_link + assign button_icon = section.settings.button_icon -{% if section.settings.image_shape == 'blob' %} - {{ 'mask-blobs.css' | asset_url | stylesheet_tag }} -{%- endif -%} + assign columns_desktop = section.settings.columns -{%- unless section.settings.quick_add == 'none' -%} - {{ 'quick-add.css' | asset_url | stylesheet_tag }} - -{%- endunless -%} + assign columns_tablet = 3 + if columns_desktop < 3 + assign columns_tablet = columns_desktop + endif -{%- if section.settings.quick_add == 'standard' -%} - -{%- endif -%} + assign has_block = section.blocks | where: 'type', 'collection' | first + assign block_show_banner = has_block.settings.show_banner + if block_show_banner + assign columns_laptop = columns_desktop | at_most: 4 + else + assign columns_laptop = columns_desktop | at_most: 5 + endif -{%- if section.settings.quick_add == 'bulk' -%} - - - - -{%- endif -%} + assign columns_mobile = section.settings.columns_mobile | plus: 0 -{%- style -%} - .section-{{ section.id }}-padding { - padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px; - padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px; - } + assign block_size = section.blocks.size - @media screen and (min-width: 750px) { - .section-{{ section.id }}-padding { - padding-top: {{ section.settings.padding_top }}px; - padding-bottom: {{ section.settings.padding_bottom }}px; - } - } -{%- endstyle -%} - -{%- liquid - assign products_to_display = section.settings.collection.all_products_count - - if section.settings.collection.all_products_count > section.settings.products_to_show - assign products_to_display = section.settings.products_to_show - assign more_in_collection = true + assign header_alignment = section.settings.section_header_alignment + assign header_alignment_mobile = section.settings.section_header_alignment_mobile + if header_alignment_mobile == 'inherit' + assign header_alignment_mobile = header_alignment endif - assign columns_mobile_int = section.settings.columns_mobile | plus: 0 - assign columns_desktop_int = section.settings.columns_desktop | plus: 0 - assign show_mobile_slider = false - if section.settings.swipe_on_mobile and products_to_display > columns_mobile_int - assign show_mobile_slider = true + assign has_richtext = false + if section.settings.heading != blank or section.settings.description != blank or section.settings.subheading != blank + assign has_richtext = true endif - assign max_columns_to_show = columns_mobile_int - if columns_desktop_int > columns_mobile_int - assign max_columns_to_show = columns_desktop_int - endif + assign navigation_position = section.settings.navigation_position - assign show_desktop_slider = false - if section.settings.enable_desktop_slider and products_to_display > section.settings.columns_desktop - assign show_desktop_slider = true - endif + assign motion_delay = 50 -%} -
-
-
- {%- if section.settings.title != blank -%} -

- {{ section.settings.title }} -

- {%- endif -%} - {%- if section.settings.description != blank - or section.settings.show_description - and section.settings.collection.description != empty - -%} -
- {%- if section.settings.show_description -%} - {{ section.settings.collection.description }} - {%- else -%} - {{ section.settings.description -}} - {%- endif %} -
- {%- endif -%} -
+{%- capture image_sizes -%} +(max-width: 767px) calc((100vw - 30px) / {{ columns_mobile }}), +(max-width: 1023px) calc((100vw - 30px) / {{ columns_tablet }}), +calc(100vw / {{ columns_desktop }}) +{%- endcapture -%} - -
    - {% assign skip_card_product_styles = false %} +{% style %} + .section-{{ section.id }} { + --section-padding-top: {{ section.settings.padding_top }}px; + --section-padding-bottom: {{ section.settings.padding_bottom }}px; + --f-columns-mobile: {{ columns_mobile }}; + --f-columns-lg: {{ columns_laptop }}; + --f-columns-md: {{ columns_tablet }}; + --f-columns-xl: {{ columns_desktop }}; + } +{% endstyle %} - {%- if section.settings.collection.products.size > 0 -%} - {% assign lazy_load = false %} - {% paginate section.settings.collection.products by section.settings.products_to_show %} - {%- for product in section.settings.collection.products limit: section.settings.products_to_show -%} - {% if lazy_load == false and forloop.index > max_columns_to_show %} - {% assign lazy_load = true %} - {% endif %} -
  • +
    +
    1 %} + is="product-tabs" + {% endif %} + data-section-id="{{ section.id }}" + > +
    + {% if has_richtext %} +
    + {% if section.settings.subheading != blank %} + + {{- section.settings.subheading -}} + + {%- assign motion_delay = motion_delay | plus: 50 -%} + {% endif %} + {% if section.settings.heading != blank %} +

    + + {% render 'highlight-text', + hl_text: section.settings.heading, + hl_style: section.settings.highlight_style, + hl_font_style: section.settings.highlight_font_style, + hl_style_color: section.settings.highlight_style_color, + hl_text_color: section.settings.highlight_text_color + %} + +

    + {%- assign motion_delay = motion_delay | plus: 50 -%} + {% endif %} + {% if section.settings.description != blank %} + + {{- section.settings.description -}} + + {%- assign motion_delay = motion_delay | plus: 50 -%} + {% endif %} + {% if button_label != blank and block_size > 1 %} + - {% render 'card-product', - card_product: product, - media_aspect_ratio: section.settings.image_ratio, - image_shape: section.settings.image_shape, - lazy_load: lazy_load, - show_secondary_image: section.settings.show_secondary_image, - show_vendor: section.settings.show_vendor, - show_rating: section.settings.show_rating, - skip_styles: skip_card_product_styles, - section_id: section.id, - quick_add: section.settings.quick_add + {% render 'button', + button_style: button_style, + button_link: button_link, + button_label: button_label, + button_icon: button_icon %} -
    • - {%- assign skip_card_product_styles = true -%} - {%- endfor -%} - {% endpaginate %} - {%- else -%} - {%- for i in (1..section.settings.columns_desktop) -%} -
  • + {%- assign motion_delay = motion_delay | plus: 50 -%} + {% endif %} +
+ {% endif %} + {% if block_size > 1 %} + +
+
+ {%- for block in section.blocks -%} + {%- liquid + assign collection = block.settings.collection + if block.settings.title != blank + assign tab_name = block.settings.title + else + if collection != blank + assign tab_name = collection.title + else + assign tab_name = 'Tab ' | append: forloop.index + endif + endif + -%} + + {%- endfor -%} +
+
+ + {%- assign motion_delay = motion_delay | plus: 50 -%} + {% else %} + {% if button_label != blank %} + - {% liquid - assign ridx = forloop.rindex - case ridx - when 5 - assign ridx = 1 - when 6 - assign ridx = 2 - endcase - %} - {%- assign placeholder_image = 'product-apparel-' | append: ridx -%} - {% render 'card-product', - show_vendor: section.settings.show_vendor, - media_aspect_ratio: section.settings.image_ratio, - image_shape: section.settings.image_shape, - lazy_load: false, - placeholder_image: placeholder_image + {% render 'button', + button_style: button_style, + button_link: button_link, + button_label: button_label, + button_icon: button_icon %} - - {%- endfor -%} - {%- endif -%} - - {%- if show_mobile_slider or show_desktop_slider -%} -
-
+
+ {% for block in section.blocks %} + {% liquid + assign collection = collections[block.settings.collection] + assign products_to_display = section.settings.limit + if collection != blank and collection.all_products_count < products_to_display + assign products_to_display = collection.all_products_count + endif + + assign total_items = products_to_display + assign show_banner = block.settings.show_banner + if show_banner + assign total_items = total_items | plus: 1 + endif + + assign enable_swipe_mobile = false + if section.settings.swipe_on_mobile and total_items > columns_mobile + assign enable_swipe_mobile = true + endif + + assign enable_slider = false + if section.settings.enable_slider and total_items > columns_desktop + assign enable_slider = true + endif + + assign pagination_type = 'progressbar' + %} + {% unless forloop.first %} + + {%- endunless -%} + {% endfor %}
- {%- endif -%} - {% if section.settings.image_shape == 'arch' %} - {{ 'mask-arch.svg' | inline_asset_content }} - {%- endif -%} +

- + + {% schema %} { "name": "t:sections.featured-collection.name", - "tag": "section", - "class": "section", "disabled_on": { - "groups": ["header", "footer"] + "groups": ["header", "footer", "custom.overlay"] }, "settings": [ { - "type": "collection", - "id": "collection", - "label": "t:sections.featured-collection.settings.collection.label" + "type": "header", + "content": "t:general.general.name" }, { - "type": "range", - "id": "products_to_show", - "min": 2, - "max": 25, - "step": 1, - "default": 4, - "label": "t:sections.featured-collection.settings.products_to_show.label" - }, + "type": "select", + "id": "container", + "options": [ + { + "value": "full", + "label": "t:general.container.options__full.label" + }, + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + } + ], + "default": "fixed", + "label": "t:general.container.label" + }, + { + "type": "color_scheme", + "id": "color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, { "type": "header", - "content": "t:sections.featured-collection.settings.header_text.content" - }, + "content": "t:general.section_header.content" + }, + { + "id": "section_header_alignment", + "type": "select", + "label": "t:general.text_alignment.label", + "default": "left", + "options": [ + { + "value": "left", + "label": "t:general.text_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.text_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.text_alignment.options__3.label" + } + ] + }, + { + "id": "section_header_alignment_mobile", + "type": "select", + "label": "t:general.text_alignment.mobile.label", + "default": "inherit", + "options": [ + { + "value": "inherit", + "label": "t:general.text_alignment.options__4.label" + }, + { + "value": "left", + "label": "t:general.text_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.text_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.text_alignment.options__3.label" + } + ] + }, + { + "type": "inline_richtext", + "id": "subheading", + "label": "t:general.subheading.label" + }, { "type": "inline_richtext", - "id": "title", - "default": "t:sections.featured-collection.settings.title.default", - "label": "t:sections.featured-collection.settings.title.label" + "id": "heading", + "default": "Featured collection", + "label": "t:general.heading.label", + "info": "t:general.heading.info" }, { "type": "select", - "id": "heading_size", + "id": "highlight_style", + "label": "t:general.highlight_text.highlight_style.label", "options": [ { - "value": "h2", - "label": "t:sections.all.heading_size.options__1.label" + "value": "none", + "label": "t:general.highlight_text.highlight_style.options.option__1.label" }, { - "value": "h1", - "label": "t:sections.all.heading_size.options__2.label" + "value": "hand_drawn_circle", + "label": "t:general.highlight_text.highlight_style.options.option__2.label" }, { - "value": "h0", - "label": "t:sections.all.heading_size.options__3.label" + "value": "thick_underline", + "label": "t:general.highlight_text.highlight_style.options.option__3.label" }, { - "value": "hxl", - "label": "t:sections.all.heading_size.options__4.label" + "value": "wave_underline", + "label": "t:general.highlight_text.highlight_style.options.option__4.label" + } + ] + }, + { + "type": "select", + "id": "highlight_font_style", + "label": "t:general.highlight_text.highlight_font_style.label", + "options": [ + { + "value": "italic", + "label": "t:general.highlight_text.highlight_font_style.options.option__1.label" }, { - "value": "hxxl", - "label": "t:sections.all.heading_size.options__5.label" + "value": "normal", + "label": "t:general.highlight_text.highlight_font_style.options.option__2.label" } - ], - "default": "h1", - "label": "t:sections.all.heading_size.label" + ] }, { - "type": "richtext", - "id": "description", - "label": "t:sections.featured-collection.settings.description.label" + "type": "color", + "id": "highlight_style_color", + "label": "t:general.highlight_text.highlight_style_color.label" }, { - "type": "checkbox", - "id": "show_description", - "label": "t:sections.featured-collection.settings.show_description.label", - "default": false + "type": "color", + "id": "highlight_text_color", + "label": "t:general.highlight_text.highlight_text_color.label" }, { "type": "select", - "id": "description_style", - "label": "t:sections.featured-collection.settings.description_style.label", + "id": "heading_size", + "label": "t:general.text_size.heading.label", + "default": "h1", "options": [ { - "value": "body", - "label": "t:sections.featured-collection.settings.description_style.options__1.label" + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" }, { - "value": "subtitle", - "label": "t:sections.featured-collection.settings.description_style.options__2.label" + "value": "h3", + "label": "t:general.text_size.options__h3.label" }, { - "value": "uppercase", - "label": "t:sections.featured-collection.settings.description_style.options__3.label" + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" } - ], - "default": "body" + ] }, { - "type": "header", - "content": "t:sections.featured-collection.settings.header_collection.content" - }, - { - "type": "range", - "id": "columns_desktop", - "min": 1, - "max": 6, - "step": 1, - "default": 4, - "label": "t:sections.featured-collection.settings.columns_desktop.label" + "type": "richtext", + "id": "description", + "label": "t:general.text.label" }, + { + "type": "select", + "id": "text_size", + "label": "t:general.text_size.text.label", + "default": "text-base", + "options": [ { - "type": "checkbox", - "id": "enable_desktop_slider", - "label": "t:sections.featured-collection.settings.enable_desktop_slider.label", - "default": false + "value": "text-sm", + "label": "t:general.text_size.options__small.label" + }, + { + "value": "text-base", + "label": "t:general.text_size.options__base.label" + }, + { + "value": "text-lg", + "label": "t:general.text_size.options__large.label" + }, + { + "value": "text-inherit", + "label": "t:general.text_size.options__inherit.label" + } + ] }, { - "type": "checkbox", - "id": "full_width", - "label": "t:sections.featured-collection.settings.full_width.label", - "default": false + "type": "text", + "id": "button_label", + "label": "t:general.button.button_label.label" }, { - "type": "checkbox", - "id": "show_view_all", - "default": true, - "label": "t:sections.featured-collection.settings.show_view_all.label", - "info": "t:sections.featured-collection.settings.show_view_all.info" + "type": "url", + "id": "button_link", + "label": "t:general.button.button_link.label" }, { "type": "select", - "id": "view_all_style", - "label": "t:sections.featured-collection.settings.view_all_style.label", + "id": "button_style", + "label": "t:general.button.button_style.label", "options": [ { - "value": "link", - "label": "t:sections.featured-collection.settings.view_all_style.options__1.label" + "value": "btn--primary", + "label": "t:general.button.button_style.options__1.label" }, { - "value": "outline", - "label": "t:sections.featured-collection.settings.view_all_style.options__2.label" + "value": "btn--secondary", + "label": "t:general.button.button_style.options__2.label" }, { - "value": "solid", - "label": "t:sections.featured-collection.settings.view_all_style.options__3.label" + "value": "btn--underline", + "label": "t:general.button.button_style.options__4.label" + }, + { + "value": "btn--plain", + "label": "t:general.button.button_style.options__7.label" } ], - "default": "solid" - }, + "default": "btn--underline" + }, { - "type": "color_scheme", - "id": "color_scheme", - "label": "t:sections.all.colors.label", - "info": "t:sections.all.colors.has_cards_info", - "default": "scheme-1" + "type": "select", + "id": "button_icon", + "label": "t:general.button.button_icon.label", + "options": [ + { + "value": "none", + "label": "t:general.button.button_icon.options__1.label" + }, + { + "value": "caret-right", + "label": "t:general.button.button_icon.options__2.label" + }, + { + "value": "caret-left", + "label": "t:general.button.button_icon.options__22.label" + }, + { + "value": "arrow-right", + "label": "t:general.button.button_icon.options__3.label" + }, + { + "value": "arrow-left", + "label": "t:general.button.button_icon.options__23.label" + }, + { + "value": "close", + "label": "t:general.button.button_icon.options__4.label" + }, + { + "value": "home", + "label": "t:general.button.button_icon.options__5.label" + }, + { + "value": "search", + "label": "t:general.button.button_icon.options__6.label" + }, + { + "value": "hamburger", + "label": "t:general.button.button_icon.options__7.label" + }, + { + "value": "pencil", + "label": "t:general.button.button_icon.options__8.label" + }, + { + "value": "plus", + "label": "t:general.button.button_icon.options__9.label" + }, + { + "value": "cart", + "label": "t:general.button.button_icon.options__10.label" + }, + { + "value": "account", + "label": "t:general.button.button_icon.options__11.label" + }, + { + "value": "sign-in", + "label": "t:general.button.button_icon.options__12.label" + }, + { + "value": "chat", + "label": "t:general.button.button_icon.options__13.label" + }, + { + "value": "download", + "label": "t:general.button.button_icon.options__14.label" + }, + { + "value": "upload", + "label": "t:general.button.button_icon.options__15.label" + }, + { + "value": "heart", + "label": "t:general.button.button_icon.options__16.label" + }, + { + "value": "play-outline", + "label": "t:general.button.button_icon.options__17.label" + }, + { + "value": "pause", + "label": "t:general.button.button_icon.options__18.label" + }, + { + "value": "stop", + "label": "t:general.button.button_icon.options__19.label" + }, + { + "value": "speaker", + "label": "t:general.button.button_icon.options__20.label" + }, + { + "value": "setting", + "label": "t:general.button.button_icon.options__21.label" + } + ], + "default": "none" }, { "type": "header", - "content": "t:sections.featured-collection.settings.header.content" + "content": "t:general.grid.name" + }, + { + "type": "range", + "id": "limit", + "label": "t:general.grid.product_limit.label", + "min": 2, + "max": 12, + "step": 1, + "default": 8 + }, + { + "type": "range", + "id": "columns", + "label": "t:general.grid.columns_desktop.label", + "min": 2, + "max": 6, + "step": 1, + "default": 4 }, { "type": "select", - "id": "image_ratio", + "id": "column_gap", "options": [ { - "value": "adapt", - "label": "t:sections.featured-collection.settings.image_ratio.options__1.label" + "value": "none", + "label": "t:general.grid.gap.options__none.label" + }, + { + "value": "2xs", + "label": "t:general.grid.gap.options__2xs.label" + }, + { + "value": "extra-small", + "label": "t:general.grid.gap.options__xs.label" }, { - "value": "portrait", - "label": "t:sections.featured-collection.settings.image_ratio.options__2.label" + "value": "small", + "label": "t:general.grid.gap.options__sm.label" }, { - "value": "square", - "label": "t:sections.featured-collection.settings.image_ratio.options__3.label" + "value": "medium", + "label": "t:general.grid.gap.options__md.label" + }, + { + "value": "large", + "label": "t:general.grid.gap.options__lg.label" + }, + { + "value": "extra-large", + "label": "t:general.grid.gap.options__xl.label" } ], - "default": "adapt", - "label": "t:sections.featured-collection.settings.image_ratio.label" + "default": "medium", + "label": "t:general.grid.column_gap.label" }, { "type": "select", - "id": "image_shape", + "id": "row_gap", "options": [ { - "value": "default", - "label": "t:sections.all.image_shape.options__1.label" - }, - { - "value": "arch", - "label": "t:sections.all.image_shape.options__2.label" + "value": "inherit", + "label": "t:general.grid.gap.options__inherit.label" }, { - "value": "blob", - "label": "t:sections.all.image_shape.options__3.label" + "value": "none", + "label": "t:general.grid.gap.options__none.label" }, { - "value": "chevronleft", - "label": "t:sections.all.image_shape.options__4.label" + "value": "extra-small", + "label": "t:general.grid.gap.options__xs.label" }, { - "value": "chevronright", - "label": "t:sections.all.image_shape.options__5.label" + "value": "small", + "label": "t:general.grid.gap.options__sm.label" }, { - "value": "diamond", - "label": "t:sections.all.image_shape.options__6.label" + "value": "medium", + "label": "t:general.grid.gap.options__md.label" }, { - "value": "parallelogram", - "label": "t:sections.all.image_shape.options__7.label" + "value": "large", + "label": "t:general.grid.gap.options__lg.label" }, { - "value": "round", - "label": "t:sections.all.image_shape.options__8.label" + "value": "extra-large", + "label": "t:general.grid.gap.options__xl.label" } ], - "default": "default", - "label": "t:sections.all.image_shape.label" + "default": "inherit", + "label": "t:general.grid.row_gap.label" }, { - "type": "checkbox", - "id": "show_secondary_image", - "default": false, - "label": "t:sections.featured-collection.settings.show_secondary_image.label" + "type": "header", + "content": "t:general.carousel.name" }, { "type": "checkbox", - "id": "show_vendor", - "default": false, - "label": "t:sections.featured-collection.settings.show_vendor.label" + "id": "enable_slider", + "label": "t:general.carousel.enable_carousel.label", + "default": true }, { "type": "checkbox", - "id": "show_rating", - "default": false, - "label": "t:sections.featured-collection.settings.show_rating.label", - "info": "t:sections.featured-collection.settings.show_rating.info" + "id": "content_overflow", + "label": "t:general.carousel.content_overflow.label", + "default": true, + "visible_if": "{{ section.settings.enable_slider == true }}" }, { "type": "select", - "id": "quick_add", - "default": "none", - "label": "t:sections.main-collection-product-grid.settings.quick_add.label", + "id": "navigation_position", + "label": "t:general.carousel.navigation_position.label", + "default": "bottom", "options": [ { - "value": "none", - "label": "t:sections.main-collection-product-grid.settings.quick_add.options.option_1" + "value": "middle", + "label": "t:general.carousel.navigation_position.options__2.label" + }, + { + "value": "bottom", + "label": "t:general.carousel.navigation_position.options__3.label" + }, + { + "value": "center_image", + "label": "t:general.carousel.navigation_position.options__4.label" + } + ], + "visible_if": "{{ section.settings.enable_slider == true }}" + }, + { + "type": "header", + "content": "t:general.header__product_cards.content" + }, + { + "type": "select", + "id": "pcard_image_ratio", + "label": "t:general.image_ratio.label", + "default": "", + "options": [ + { + "value": "", + "label": "t:general.image_ratio.options__inherit.label" }, { - "value": "standard", - "label": "t:sections.main-collection-product-grid.settings.quick_add.options.option_2" + "value": "adapt", + "label": "t:general.image_ratio.options__1.label" }, { - "value": "bulk", - "label": "t:sections.main-collection-product-grid.settings.quick_add.options.option_3" + "value": "1/1", + "label": "t:general.image_ratio.options__2.label" + }, + { + "value": "3/4", + "label": "t:general.image_ratio.options__3.label" + }, + { + "value": "4/3", + "label": "t:general.image_ratio.options__4.label" } ] }, { "type": "header", - "content": "t:sections.featured-collection.settings.header_mobile.content" + "content": "t:general.mobile.name" }, { "type": "select", "id": "columns_mobile", - "default": "2", - "label": "t:sections.featured-collection.settings.columns_mobile.label", "options": [ { "value": "1", - "label": "t:sections.featured-collection.settings.columns_mobile.options__1.label" + "label": "t:general.mobile.columns_mobile.options__1.label" }, { "value": "2", - "label": "t:sections.featured-collection.settings.columns_mobile.options__2.label" + "label": "t:general.mobile.columns_mobile.options__2.label" } - ] - }, + ], + "default": "1", + "label": "t:general.mobile.columns_mobile.label" + }, { "type": "checkbox", "id": "swipe_on_mobile", - "default": false, - "label": "t:sections.featured-collection.settings.swipe_on_mobile.label" - }, + "default": true, + "label": "t:general.mobile.swipe_on_mobile.label" + }, + { + "type": "checkbox", + "id": "show_progress_bar", + "label": "t:general.carousel.show_progress_bar.label", + "default": true, + "visible_if": "{{ section.settings.swipe_on_mobile == true }}" + }, { "type": "header", - "content": "t:sections.all.padding.section_padding_heading" + "content": "t:general.padding.section_heading.content" }, { "type": "range", "id": "padding_top", + "label": "t:general.padding.top.label", + "default": 50, "min": 0, "max": 100, - "step": 4, - "unit": "px", - "label": "t:sections.all.padding.padding_top", - "default": 36 + "step": 2, + "unit": "px" }, { "type": "range", "id": "padding_bottom", + "label": "t:general.padding.bottom.label", + "default": 50, "min": 0, "max": 100, - "step": 4, - "unit": "px", - "label": "t:sections.all.padding.padding_bottom", - "default": 36 + "step": 2, + "unit": "px" + }, + { + "type": "header", + "content": "t:general.divider.section_heading.content" + }, + { + "type": "checkbox", + "id": "show_section_divider", + "default": false, + "label": "t:general.divider.show_divider.label" + }, + { + "type": "select", + "id": "divider_width", + "options": [ + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + }, + { + "value": "full", + "label": "t:general.container.options__full.label" + } + ], + "default": "fixed", + "label": "t:general.divider.width.label" + } + ], + "blocks": [ + { + "type": "collection", + "limit": 8, + "name": "t:general.collection.label", + "settings": [ + { + "type": "collection", + "id": "collection", + "label": "t:general.collection.label" + }, + { + "type": "text", + "id": "title", + "label": "t:general.collection.title.label", + "info": "t:general.collection.title.info" + }, + { + "type": "header", + "content": "t:sections.featured-collection.blocks.collection.settings.header__banner.content" + }, + { + "type": "checkbox", + "id": "show_banner", + "label": "t:sections.featured-collection.blocks.collection.settings.show_banner.label", + "default": false + }, + { + "type": "color_scheme", + "id": "color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "url", + "id": "card_link", + "label": "t:general.card_link.label" + }, + { + "type": "image_picker", + "id": "banner_image", + "label": "t:general.image.label" + }, + { + "type": "range", + "id": "image_overlay_opacity", + "min": 0, + "max": 100, + "step": 2, + "unit": "%", + "label": "t:general.image_overlay_opacity.label", + "default": 0 + }, + { + "type": "select", + "id": "content_position", + "label": "t:general.content_position.label", + "options": [ + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__top_left.label", + "value": "top-left" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__top_center.label", + "value": "top-center" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__top_right.label", + "value": "top-right" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__middle_left.label", + "value": "middle-left" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__middle_center.label", + "value": "middle-center" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__middle_right.label", + "value": "middle-right" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__bottom_left.label", + "value": "bottom-left" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__bottom_center.label", + "value": "bottom-center" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__bottom_right.label", + "value": "bottom-right" + }, + { + "group": "t:general.content_position.optgroup__split.label", + "label": "t:general.content_position.options__middle_content.label", + "value": "split-middle-content" + }, + { + "group": "t:general.content_position.optgroup__split.label", + "label": "t:general.content_position.options__bottom_button.label", + "value": "split-bottom-button" + }, + { + "group": "t:general.content_position.optgroup__split.label", + "label": "t:general.content_position.options__top_subheading.label", + "value": "split-top-subheading" + } + ], + "default": "top-left" + }, + { + "type": "select", + "id": "content_alignment", + "options": [ + { + "value": "left", + "label": "t:general.content_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.content_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.content_alignment.options__3.label" + } + ], + "default": "left", + "label": "t:general.content_alignment.label" + }, + { + "type": "inline_richtext", + "id": "subheading", + "label": "t:general.subheading.label" + }, + { + "type": "select", + "id": "subheading_style", + "label": "t:general.subheading_style.label", + "default": "", + "options": [ + { + "value": "", + "label": "t:general.subheading_style.options__1.label" + }, + { + "value": "border", + "label": "t:general.subheading_style.options__2.label" + }, + { + "value": "thick-border", + "label": "t:general.subheading_style.options__3.label" + } + ] + }, + { + "type": "inline_richtext", + "id": "heading", + "default": "Collections", + "label": "t:general.heading.label", + "info": "t:general.heading.info" + }, + { + "type": "select", + "id": "highlight_style", + "label": "t:general.highlight_text.highlight_style.label", + "options": [ + { + "value": "none", + "label": "t:general.highlight_text.highlight_style.options.option__1.label" + }, + { + "value": "hand_drawn_circle", + "label": "t:general.highlight_text.highlight_style.options.option__2.label" + }, + { + "value": "thick_underline", + "label": "t:general.highlight_text.highlight_style.options.option__3.label" + }, + { + "value": "wave_underline", + "label": "t:general.highlight_text.highlight_style.options.option__4.label" + } + ] + }, + { + "type": "select", + "id": "highlight_font_style", + "label": "t:general.highlight_text.highlight_font_style.label", + "options": [ + { + "value": "italic", + "label": "t:general.highlight_text.highlight_font_style.options.option__1.label" + }, + { + "value": "normal", + "label": "t:general.highlight_text.highlight_font_style.options.option__2.label" + } + ] + }, + { + "type": "color", + "id": "highlight_style_color", + "label": "t:general.highlight_text.highlight_style_color.label" + }, + { + "type": "color", + "id": "highlight_text_color", + "label": "t:general.highlight_text.highlight_text_color.label" + }, + { + "type": "select", + "id": "heading_size", + "label": "t:general.text_size.heading.label", + "default": "h2", + "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ] + }, + { + "type": "select", + "id": "heading_size_mobile", + "label": "t:general.text_size.heading_mobile.label", + "options": [ + { + "value": "inherit", + "label": "t:general.text_size.options__inherit.label" + }, + { + "value": "custom", + "label": "t:general.text_size.options__custom.label" + } + ], + "default": "inherit" + }, + { + "type": "range", + "id": "heading_size_custom", + "label": "t:general.text_size.heading_size_custom.label", + "min": 12, + "max": 100, + "step": 1, + "unit": "px", + "default": 18, + "visible_if": "{{ block.settings.heading_size_mobile == 'custom' }}" + }, + { + "type": "richtext", + "id": "description", + "label": "t:general.text.label" + }, + { + "type": "select", + "id": "text_size", + "label": "t:general.text_size.text.label", + "default": "text-base", + "options": [ + { + "value": "text-sm", + "label": "t:general.text_size.options__small.label" + }, + { + "value": "text-base", + "label": "t:general.text_size.options__base.label" + }, + { + "value": "text-lg", + "label": "t:general.text_size.options__large.label" + }, + { + "value": "text-inherit", + "label": "t:general.text_size.options__inherit.label" + } + ] + }, + { + "type": "text", + "id": "button_label", + "label": "t:general.button.button_label.label", + "default": "Button label" + }, + { + "type": "select", + "id": "button_style", + "label": "t:general.button.button_style.label", + "options": [ + { + "value": "btn--primary", + "label": "t:general.button.button_style.options__1.label" + }, + { + "value": "btn--secondary", + "label": "t:general.button.button_style.options__2.label" + }, + { + "value": "btn--underline", + "label": "t:general.button.button_style.options__4.label" + }, + { + "value": "btn--plain", + "label": "t:general.button.button_style.options__7.label" + } + ], + "default": "btn--primary" + }, + { + "type": "select", + "id": "button_icon", + "label": "t:general.button.button_icon.label", + "options": [ + { + "value": "none", + "label": "t:general.button.button_icon.options__1.label" + }, + { + "value": "caret-right", + "label": "t:general.button.button_icon.options__2.label" + }, + { + "value": "caret-left", + "label": "t:general.button.button_icon.options__22.label" + }, + { + "value": "arrow-right", + "label": "t:general.button.button_icon.options__3.label" + }, + { + "value": "arrow-left", + "label": "t:general.button.button_icon.options__23.label" + }, + { + "value": "close", + "label": "t:general.button.button_icon.options__4.label" + }, + { + "value": "home", + "label": "t:general.button.button_icon.options__5.label" + }, + { + "value": "search", + "label": "t:general.button.button_icon.options__6.label" + }, + { + "value": "hamburger", + "label": "t:general.button.button_icon.options__7.label" + }, + { + "value": "pencil", + "label": "t:general.button.button_icon.options__8.label" + }, + { + "value": "plus", + "label": "t:general.button.button_icon.options__9.label" + }, + { + "value": "cart", + "label": "t:general.button.button_icon.options__10.label" + }, + { + "value": "account", + "label": "t:general.button.button_icon.options__11.label" + }, + { + "value": "sign-in", + "label": "t:general.button.button_icon.options__12.label" + }, + { + "value": "chat", + "label": "t:general.button.button_icon.options__13.label" + }, + { + "value": "download", + "label": "t:general.button.button_icon.options__14.label" + }, + { + "value": "upload", + "label": "t:general.button.button_icon.options__15.label" + }, + { + "value": "heart", + "label": "t:general.button.button_icon.options__16.label" + }, + { + "value": "play-outline", + "label": "t:general.button.button_icon.options__17.label" + }, + { + "value": "pause", + "label": "t:general.button.button_icon.options__18.label" + }, + { + "value": "stop", + "label": "t:general.button.button_icon.options__19.label" + }, + { + "value": "speaker", + "label": "t:general.button.button_icon.options__20.label" + }, + { + "value": "setting", + "label": "t:general.button.button_icon.options__21.label" + } + ], + "default": "none" + } + ] } ], "presets": [ { - "name": "t:sections.featured-collection.presets.name" + "name": "t:sections.featured-collection.presets__1.name", + "blocks": [ + { + "type": "collection" + } + ] + }, + { + "name": "t:sections.featured-collection.presets__2.name", + "settings": { + "heading": "Product tabs" + }, + "blocks": [ + { + "type": "collection" + }, + { + "type": "collection" + }, + { + "type": "collection" + } + ] } ] } diff --git a/sections/featured-countdown-timer.liquid b/sections/featured-countdown-timer.liquid new file mode 100644 index 00000000000..28e18bdf9fb --- /dev/null +++ b/sections/featured-countdown-timer.liquid @@ -0,0 +1,1181 @@ +{{ 'section-featured-countdown-timer.css' | asset_url | stylesheet_tag }} +{%- liquid + assign image_card_blocks = section.blocks | where: 'type', 'image-card' + assign countdown_block = section.blocks | where: 'type', 'countdown-timer' + assign columns_mobile_int = section.settings.columns_mobile | plus: 0 + assign enable_slider_mobile = false + if section.settings.swipe_on_mobile and image_card_blocks.size > columns_mobile_int + assign enable_slider_mobile = true + endif + assign motion_delay = 0 + assign animation_effect = 'fade-up' +-%} +{% render 'divider', + show_divider: section.settings.show_section_divider, + divider_width: section.settings.divider_width +%} +
+
+
+
+ {%- for block in countdown_block -%} + {%- liquid + assign background_image = block.settings.background_image + assign background_image_mobile = block.settings.background_image_mobile + + assign background_image_alt = background_image.alt | default: shop.name | escape + assign image_overlay_opacity = block.settings.image_overlay_opacity + + assign image_ratio = background_image.aspect_ratio | default: '1/1' + if background_image_mobile == blank + assign image_mobile_ratio = image_ratio + else + assign image_mobile_ratio = background_image_mobile.aspect_ratio + endif + + assign loading = 'lazy' + assign fetchpriority = 'auto' + if forloop.index0 == 1 and section.index < 2 or block.setting.enable_preload_image + assign loading = 'eager' + assign fetchpriority = 'high' + endif + assign content_position = block.settings.content_position + assign layout = 'standard' + if content_position contains 'split' + assign layout = 'split' + assign content_position = content_position | replace: 'split-', '' + endif + assign card_classes = 'card-media card-media--auto-height card-media--content-' | append: content_position | append: ' card-media--' | append: block.settings.content_spacing + assign card_classes = card_classes | append: ' relative overflow-hidden hover-wrapper color-' | append: block.settings.color_scheme + -%} + {%- if block.settings.card_link != blank -%} + + {%- endif -%} +
+
+ + + {%- if background_image != blank -%} + {%- if background_image_mobile -%} + + {%- endif -%} + {{ + background_image + | image_url: width: background_image.width + | image_tag: + loading: loading, + fetchpriority: fetchpriority, + class: 'motion-reduce absolute inset-0 w-full h-full hover-scale-up', + widths: '165, 360, 535, 750, 940, 1100', + is: 'image-lazy', + alt: background_image_alt + }} + {%- else -%} + {{ 'image' | placeholder_svg_tag: 'placeholder-svg hover-scale-up w-full h-full' }} + {%- endif -%} + + {% if image_overlay_opacity and image_overlay_opacity > 0 %} +
+ {% endif %} + + +
+ {%- if block.settings.heading != blank + or block.settings.text != blank + or block.settings.button_label != blank + or block.settings.subheading != blank + or block.settings.time == blank + -%} +
+
+ {%- unless block.settings.subheading == blank -%} + + {{- block.settings.subheading -}} + + {%- assign motion_delay = motion_delay | plus: 50 -%} + {%- endunless -%} + {%- unless block.settings.heading == blank -%} + + {% render 'highlight-text', + hl_text: block.settings.heading, + hl_style: block.settings.highlight_style, + hl_font_style: block.settings.highlight_font_style, + hl_style_color: block.settings.highlight_style_color, + hl_text_color: block.settings.highlight_text_color + %} + + {%- assign motion_delay = motion_delay | plus: 50 -%} + {%- endunless -%} + {%- unless block.settings.text == blank -%} + + {{- block.settings.text -}} + + {%- assign motion_delay = motion_delay | plus: 50 -%} + {%- endunless -%} + {%- unless block.settings.time == blank -%} + + {% render 'countdown-timer', + id: block.id, + type: block.settings.type, + duration: block.settings.duration, + time: block.settings.time, + style: block.settings.style, + number_size: block.settings.number_size, + motion_delay: motion_delay, + custom_class: 'block' + %} + + {%- assign motion_delay = motion_delay | plus: 50 -%} + {%- endunless -%} + {%- unless block.settings.button_label == blank -%} + {% liquid + assign button_attr = '' + unless block.settings.card_link + assign button_attr = 'disabled' + endunless + %} + + {% render 'button', + button_style: block.settings.button_style, + button_tag: 'button', + button_label: block.settings.button_label, + button_icon: block.settings.button_icon, + additional_attributes: button_attr + %} + + {%- assign motion_delay = motion_delay | plus: 50 -%} + {%- endunless -%} +
+
+ {%- endif -%} +
+ {%- if block.settings.card_link != blank-%} + + {%- endif -%} + {%- endfor -%} +
+
+
+
+
+ {%- for block in image_card_blocks -%} + {% render 'card-image', + parent_color_scheme: section.settings.color_scheme, + color_scheme: block.settings.color_scheme, + link: block.settings.image_link, + image: block.settings.image, + heading: block.settings.heading, + highlight_style: block.settings.highlight_style, + highlight_font_style: block.settings.highlight_font_style, + highlight_style_color: block.settings.highlight_style_color, + highlight_text_color: block.settings.highlight_text_color, + heading_size: block.settings.heading_size, + description: block.settings.text, + content_spacing: 'extra-small', + content_position: 'bottom-center', + content_alignment: block.settings.content_alignment, + section_index: section.index, + forloop_index: forloop.index, + heading_size_custom: block.settings.heading_size_custom, + heading_size_mobile: block.settings.heading_size_mobile + %} + {%- endfor -%} +
+
+
+
+
+ +{% schema %} +{ + "name": "t:sections.featured-countdown-timer.name", + "disabled_on": { + "groups": ["header", "footer", "custom.overlay"] + }, + "settings": [ + { + "type": "header", + "content": "t:general.general.name" + }, + { + "type": "select", + "id": "container", + "label": "t:general.container.label", + "options": [ + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + }, + { + "value": "full", + "label": "t:general.container.options__full.label" + } + ], + "default": "fixed" + }, + { + "type": "color_scheme", + "id": "color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "header", + "content": "t:general.grid.name" + }, + { + "type": "range", + "id": "columns_desktop", + "min": 2, + "max": 4, + "step": 1, + "default": 4, + "label": "t:general.grid.columns_desktop.label" + }, + { + "type": "select", + "id": "column_gap", + "label": "t:general.grid.column_gap.label", + "options": [ + { + "value": "none", + "label": "t:general.grid.gap.options__none.label" + }, + { + "value": "2xs", + "label": "t:general.grid.gap.options__2xs.label" + }, + { + "value": "extra-small", + "label": "t:general.grid.gap.options__xs.label" + }, + { + "value": "small", + "label": "t:general.grid.gap.options__sm.label" + }, + { + "value": "medium", + "label": "t:general.grid.gap.options__md.label" + }, + { + "value": "large", + "label": "t:general.grid.gap.options__lg.label" + }, + { + "value": "extra-large", + "label": "t:general.grid.gap.options__xl.label" + } + ], + "default": "2xs" + }, + { + "type": "select", + "id": "row_gap", + "options": [ + { + "value": "inherit", + "label": "t:general.grid.gap.options__inherit.label" + }, + { + "value": "none", + "label": "t:general.grid.gap.options__none.label" + }, + { + "value": "2xs", + "label": "t:general.grid.gap.options__2xs.label" + }, + { + "value": "extra-small", + "label": "t:general.grid.gap.options__xs.label" + }, + { + "value": "small", + "label": "t:general.grid.gap.options__sm.label" + }, + { + "value": "medium", + "label": "t:general.grid.gap.options__md.label" + }, + { + "value": "large", + "label": "t:general.grid.gap.options__lg.label" + }, + { + "value": "extra-large", + "label": "t:general.grid.gap.options__xl.label" + } + ], + "default": "inherit", + "label": "t:general.grid.row_gap.label" + }, + { + "type": "header", + "content": "t:general.mobile.name" + }, + { + "type": "select", + "id": "columns_mobile", + "options": [ + { + "value": "1", + "label": "t:general.mobile.columns_mobile.options__1.label" + }, + { + "value": "2", + "label": "t:general.mobile.columns_mobile.options__2.label" + }, + { + "value": "3", + "label": "t:general.mobile.columns_mobile.options__3.label" + } + ], + "default": "1", + "label": "t:general.mobile.columns_mobile.label" + }, + { + "type": "checkbox", + "id": "swipe_on_mobile", + "default": true, + "label": "t:general.mobile.swipe_on_mobile.label" + }, + { + "type": "header", + "content": "t:general.divider.section_heading.content" + }, + { + "type": "checkbox", + "id": "show_section_divider", + "default": false, + "label": "t:general.divider.show_divider.label" + }, + { + "type": "select", + "id": "divider_width", + "options": [ + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + }, + { + "value": "full", + "label": "t:general.container.options__full.label" + } + ], + "default": "fixed", + "label": "t:general.divider.width.label" + }, + { + "type": "header", + "content": "t:general.padding.section_heading.content" + }, + { + "type": "range", + "id": "padding_top", + "min": 0, + "max": 120, + "step": 2, + "unit": "px", + "label": "t:general.padding.top.label", + "default": 50 + }, + { + "type": "range", + "id": "padding_bottom", + "min": 0, + "max": 120, + "step": 2, + "unit": "px", + "label": "t:general.padding.bottom.label", + "default": 50 + } + ], + "blocks": [ + { + "type": "countdown-timer", + "name": "t:general.timer.name", + "limit": 1, + "settings": [ + { + "type": "color_scheme", + "id": "color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "image_picker", + "id": "background_image", + "label": "t:general.image.label" + }, + { + "type": "image_picker", + "id": "background_image_mobile", + "label": "t:general.image_mobile.label" + }, + { + "type": "range", + "id": "image_overlay_opacity", + "min": 0, + "max": 100, + "step": 10, + "unit": "%", + "label": "t:general.image_overlay_opacity.label", + "default": 0 + }, + { + "type": "select", + "id": "content_spacing", + "label": "t:general.content_spacing.label", + "default": "medium", + "options": [ + { + "value": "extra-small", + "label": "t:general.content_spacing.options__4.label" + }, + { + "value": "small", + "label": "t:general.content_spacing.options__1.label" + }, + { + "value": "medium", + "label": "t:general.content_spacing.options__2.label" + }, + { + "value": "large", + "label": "t:general.content_spacing.options__3.label" + } + ] + }, + { + "type": "select", + "id": "content_position", + "label": "t:general.content_position.label", + "options": [ + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__top_left.label", + "value": "top-left" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__top_center.label", + "value": "top-center" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__top_right.label", + "value": "top-right" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__middle_left.label", + "value": "middle-left" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__middle_center.label", + "value": "middle-center" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__middle_right.label", + "value": "middle-right" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__bottom_left.label", + "value": "bottom-left" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__bottom_center.label", + "value": "bottom-center" + }, + { + "group": "t:general.content_position.optgroup__standard.label", + "label": "t:general.content_position.options__bottom_right.label", + "value": "bottom-right" + }, + { + "group": "t:general.content_position.optgroup__split.label", + "label": "t:general.content_position.options__middle_content.label", + "value": "split-middle-content" + }, + { + "group": "t:general.content_position.optgroup__split.label", + "label": "t:general.content_position.options__bottom_button.label", + "value": "split-bottom-button" + }, + { + "group": "t:general.content_position.optgroup__split.label", + "label": "t:general.content_position.options__top_subheading.label", + "value": "split-top-subheading" + } + ], + "default": "bottom-center" + }, + { + "type": "select", + "id": "content_alignment", + "label": "t:general.content_alignment.label", + "default": "center", + "options": [ + { + "value": "left", + "label": "t:general.content_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.content_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.content_alignment.options__3.label" + } + ] + }, + { + "type": "header", + "content": "t:general.timer.content" + }, + { + "type": "select", + "id": "type", + "label": "t:general.timer.type.label", + "options": [ + { + "value": "evergreen", + "label": "t:general.timer.type.options__1.label" + }, + { + "value": "fixed_time", + "label": "t:general.timer.type.options__2.label" + } + ], + "default": "evergreen" + }, + { + "type": "select", + "id": "style", + "label": "t:general.timer.style.label", + "options": [ + { + "value": "number", + "label": "t:general.timer.style.options__1.label" + }, + { + "value": "with_text", + "label": "t:general.timer.style.options__2.label" + } + ], + "default": "number" + }, + { + "type": "select", + "id": "number_size", + "label": "t:general.timer.number_size.label", + "default": "h2", + "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + } + ] + }, + { + "type": "header", + "content": "t:general.timer.header__evergreen.content" + }, + { + "type": "select", + "id": "duration", + "label": "t:general.timer.evergreen_duration.label", + "options": [ + { + "value": "every_2_hrs", + "label": "t:general.timer.evergreen_duration.options__every_2_hrs.label" + }, + { + "value": "every_6_hrs", + "label": "t:general.timer.evergreen_duration.options__every_6_hrs.label" + }, + { + "value": "every_12_hrs", + "label": "t:general.timer.evergreen_duration.options__every_12_hrs.label" + }, + { + "value": "every_24_hrs", + "label": "t:general.timer.evergreen_duration.options__every_24_hrs.label" + }, + { + "value": "every_week", + "label": "t:general.timer.evergreen_duration.options__every_week.label" + }, + { + "value": "every_month", + "label": "t:general.timer.evergreen_duration.options__every_month.label" + } + ], + "default": "every_month" + }, + { + "type": "header", + "content": "t:general.timer.header__fixed_time.content" + }, + { + "type": "text", + "id": "time", + "default": "2025/08/20 03:45 PM", + "label": "t:general.timer.time.label", + "info": "t:general.timer.time.info" + }, + { + "type": "paragraph", + "content": "t:general.timer.time.paragraph" + }, + { + "type": "header", + "content": "t:general.header__content_settings.content" + }, + { + "type": "url", + "id": "card_link", + "label": "t:general.card_link.label" + }, + { + "type": "inline_richtext", + "id": "subheading", + "label": "t:general.subheading.label", + "default": "Add a tagline" + }, + { + "type": "inline_richtext", + "id": "heading", + "default": "Talk about your brand", + "label": "t:general.heading.label", + "info": "t:general.heading.info" + }, + { + "type": "select", + "id": "highlight_style", + "label": "t:general.highlight_text.highlight_style.label", + "options": [ + { + "value": "none", + "label": "t:general.highlight_text.highlight_style.options.option__1.label" + }, + { + "value": "hand_drawn_circle", + "label": "t:general.highlight_text.highlight_style.options.option__2.label" + }, + { + "value": "thick_underline", + "label": "t:general.highlight_text.highlight_style.options.option__3.label" + }, + { + "value": "wave_underline", + "label": "t:general.highlight_text.highlight_style.options.option__4.label" + } + ] + }, + { + "type": "select", + "id": "highlight_font_style", + "label": "t:general.highlight_text.highlight_font_style.label", + "options": [ + { + "value": "italic", + "label": "t:general.highlight_text.highlight_font_style.options.option__1.label" + }, + { + "value": "normal", + "label": "t:general.highlight_text.highlight_font_style.options.option__2.label" + } + ] + }, + { + "type": "color", + "id": "highlight_style_color", + "label": "t:general.highlight_text.highlight_style_color.label" + }, + { + "type": "color", + "id": "highlight_text_color", + "label": "t:general.highlight_text.highlight_text_color.label" + }, + { + "type": "select", + "id": "heading_size", + "label": "t:general.text_size.heading.label", + "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ], + "default": "h2" + }, + { + "type": "richtext", + "id": "text", + "label": "t:general.text.label" + }, + { + "type": "select", + "id": "text_size", + "label": "t:general.text_size.text.label", + "default": "text-base", + "options": [ + { + "value": "text-sm", + "label": "t:general.text_size.options__small.label" + }, + { + "value": "text-base", + "label": "t:general.text_size.options__base.label" + }, + { + "value": "text-lg", + "label": "t:general.text_size.options__large.label" + }, + { + "value": "text-inherit", + "label": "t:general.text_size.options__inherit.label" + } + ] + }, + { + "type": "text", + "id": "button_label", + "label": "t:general.button.button_label.label", + "default": "Button label" + }, + { + "type": "select", + "id": "button_style", + "label": "t:general.button.button_style.label", + "options": [ + { + "value": "btn--primary", + "label": "t:general.button.button_style.options__1.label" + }, + { + "value": "btn--secondary", + "label": "t:general.button.button_style.options__2.label" + }, + { + "value": "btn--underline", + "label": "t:general.button.button_style.options__4.label" + }, + { + "value": "btn--plain", + "label": "t:general.button.button_style.options__7.label" + } + ], + "default": "btn--primary" + }, + { + "type": "select", + "id": "button_icon", + "label": "t:general.button.button_icon.label", + "options": [ + { + "value": "none", + "label": "t:general.button.button_icon.options__1.label" + }, + { + "value": "caret-right", + "label": "t:general.button.button_icon.options__2.label" + }, + { + "value": "caret-left", + "label": "t:general.button.button_icon.options__22.label" + }, + { + "value": "arrow-right", + "label": "t:general.button.button_icon.options__3.label" + }, + { + "value": "arrow-left", + "label": "t:general.button.button_icon.options__23.label" + }, + { + "value": "close", + "label": "t:general.button.button_icon.options__4.label" + }, + { + "value": "home", + "label": "t:general.button.button_icon.options__5.label" + }, + { + "value": "search", + "label": "t:general.button.button_icon.options__6.label" + }, + { + "value": "hamburger", + "label": "t:general.button.button_icon.options__7.label" + }, + { + "value": "pencil", + "label": "t:general.button.button_icon.options__8.label" + }, + { + "value": "plus", + "label": "t:general.button.button_icon.options__9.label" + }, + { + "value": "cart", + "label": "t:general.button.button_icon.options__10.label" + }, + { + "value": "account", + "label": "t:general.button.button_icon.options__11.label" + }, + { + "value": "sign-in", + "label": "t:general.button.button_icon.options__12.label" + }, + { + "value": "chat", + "label": "t:general.button.button_icon.options__13.label" + }, + { + "value": "download", + "label": "t:general.button.button_icon.options__14.label" + }, + { + "value": "upload", + "label": "t:general.button.button_icon.options__15.label" + }, + { + "value": "heart", + "label": "t:general.button.button_icon.options__16.label" + }, + { + "value": "play-outline", + "label": "t:general.button.button_icon.options__17.label" + }, + { + "value": "pause", + "label": "t:general.button.button_icon.options__18.label" + }, + { + "value": "stop", + "label": "t:general.button.button_icon.options__19.label" + }, + { + "value": "speaker", + "label": "t:general.button.button_icon.options__20.label" + }, + { + "value": "setting", + "label": "t:general.button.button_icon.options__21.label" + } + ], + "default": "none" + }, + { + "type": "checkbox", + "id": "enable_preload_image", + "label": "t:general.enable_preload_image.label", + "info": "t:general.enable_preload_image.info" + } + ] + }, + { + "type": "image-card", + "name": "t:general.image_card.label", + "limit": 12, + "settings": [ + { + "type": "color_scheme", + "id": "color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "image_picker", + "id": "image", + "label": "t:general.image.label" + }, + { + "type": "url", + "id": "image_link", + "label": "t:general.link.label" + }, + { + "type": "select", + "id": "content_alignment", + "label": "t:general.content_alignment.label", + "default": "center", + "options": [ + { + "value": "left", + "label": "t:general.content_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:general.content_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:general.content_alignment.options__3.label" + } + ] + }, + { + "type": "inline_richtext", + "id": "heading", + "label": "t:general.heading.label", + "default": "Image card", + "info": "t:general.heading.info" + }, + { + "type": "select", + "id": "highlight_style", + "label": "t:general.highlight_text.highlight_style.label", + "options": [ + { + "value": "none", + "label": "t:general.highlight_text.highlight_style.options.option__1.label" + }, + { + "value": "hand_drawn_circle", + "label": "t:general.highlight_text.highlight_style.options.option__2.label" + }, + { + "value": "thick_underline", + "label": "t:general.highlight_text.highlight_style.options.option__3.label" + }, + { + "value": "wave_underline", + "label": "t:general.highlight_text.highlight_style.options.option__4.label" + } + ] + }, + { + "type": "select", + "id": "highlight_font_style", + "label": "t:general.highlight_text.highlight_font_style.label", + "options": [ + { + "value": "italic", + "label": "t:general.highlight_text.highlight_font_style.options.option__1.label" + }, + { + "value": "normal", + "label": "t:general.highlight_text.highlight_font_style.options.option__2.label" + } + ] + }, + { + "type": "color", + "id": "highlight_style_color", + "label": "t:general.highlight_text.highlight_style_color.label" + }, + { + "type": "color", + "id": "highlight_text_color", + "label": "t:general.highlight_text.highlight_text_color.label" + }, + { + "type": "select", + "id": "heading_size", + "label": "t:general.text_size.heading.label", + "options": [ + { + "value": "text-base", + "label": "t:general.text_size.options__base.label" + }, + { + "value": "h6", + "label": "t:general.text_size.options__h6.label" + }, + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + } + ], + "default": "h5" + }, + { + "type": "select", + "id": "heading_size_mobile", + "label": "t:general.text_size.heading_mobile.label", + "options": [ + { + "value": "inherit", + "label": "t:general.text_size.options__inherit.label" + }, + { + "value": "custom", + "label": "t:general.text_size.options__custom.label" + } + ], + "default": "inherit" + }, + { + "type": "range", + "id": "heading_size_custom", + "label": "t:general.text_size.heading_size_custom.label", + "min": 12, + "max": 100, + "step": 1, + "unit": "px", + "default": 18, + "visible_if": "{{ block.settings.heading_size_mobile == 'custom' }}" + }, + { + "type": "richtext", + "id": "text", + "label": "t:general.text.label" + } + ] + } + ], + "presets": [ + { + "name": "t:sections.featured-countdown-timer.name", + "blocks": [ + { + "type": "countdown-timer" + }, + { + "type": "image-card" + }, + { + "type": "image-card" + }, + { + "type": "image-card" + }, + { + "type": "image-card" + }, + { + "type": "image-card" + }, + { + "type": "image-card" + }, + { + "type": "image-card" + }, + { + "type": "image-card" + }, + { + "type": "image-card" + }, + { + "type": "image-card" + }, + { + "type": "image-card" + }, + { + "type": "image-card" + } + ] + } + ] +} +{% endschema %} diff --git a/sections/featured-product.liquid b/sections/featured-product.liquid index 1842a27acf4..f8e01943368 100644 --- a/sections/featured-product.liquid +++ b/sections/featured-product.liquid @@ -1,55 +1,46 @@ {%- liquid - assign product = section.settings.product - if product == null - assign placeholder = true + assign featured_product = section.settings.product + + assign media_layout = 'vertical-carousel' + assign mobile_thumbnails = section.settings.mobile_thumbnails | default: 'hide' + assign enable_image_zoom = section.settings.enable_image_zoom | default: false + assign enable_sticky_info = section.settings.enable_sticky_info + + assign product_class = 'product--mobile-thumbs-' | append: mobile_thumbnails + assign product_class = product_class | append: ' product--' | append: section.settings.media_size + assign product_class = product_class | append: ' product--' | append: media_layout + + if featured_product != blank + assign product_class = product_class | append: ' product--media-has-' | append: featured_product.media.size + if featured_product.media.size > 1 + assign product_class = product_class | append: ' product--media-has-many' + endif + else + assign product_class = product_class | append: ' product--media-has-1' + endif + if section.settings.show_image_border + assign product_class = product_class | append: ' product--media-has-border' endif -%} - {{ 'section-main-product.css' | asset_url | stylesheet_tag }} - {{ 'section-featured-product.css' | asset_url | stylesheet_tag }} - {{ 'component-accordion.css' | asset_url | stylesheet_tag }} - {{ 'component-price.css' | asset_url | stylesheet_tag }} {{ 'component-deferred-media.css' | asset_url | stylesheet_tag }} - {{ 'component-rating.css' | asset_url | stylesheet_tag }} - {{ 'component-volume-pricing.css' | asset_url | stylesheet_tag }} - {% unless section.settings.product.has_only_default_variant %} + {% unless featured_product.has_only_default_variant %} {{ 'component-product-variant-picker.css' | asset_url | stylesheet_tag }} - {{ 'component-swatch.css' | asset_url | stylesheet_tag }} - {{ 'component-swatch-input.css' | asset_url | stylesheet_tag }} {% endunless %} - - {%- style -%} - .section-{{ section.id }}-padding { - padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px; - padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px; - } - - @media screen and (min-width: 750px) { - .section-{{ section.id }}-padding { - padding-top: {{ section.settings.padding_top }}px; - padding-bottom: {{ section.settings.padding_bottom }}px; - } - } - {%- endstyle -%} - - - - - - {% comment %} TODO: assign `product.selected_or_first_available_variant` to variable and replace usage to reduce verbosity {% endcomment %} - - {%- assign first_3d_model = product.media | where: 'media_type', 'model' | first -%} - {%- if first_3d_model -%} - {{ 'component-product-model.css' | asset_url | stylesheet_tag }} + {%- assign has_models = featured_product.media | where: 'media_type', 'model' | first -%} + {%- if has_models -%} {%- endif -%} + {%- if enable_image_zoom -%} + + {%- endif -%} - {% assign variant_images = product.images | where: 'attached_to_variant?', true | map: 'src' %} + {%- if featured_product.quantity_price_breaks_configured? -%} + {{ 'component-volume-pricing.css' | asset_url | stylesheet_tag }} + + + {%- endif -%} + + -
-
-
-
- {%- unless placeholder -%} - {% render 'product-media-gallery', product: product, variant_images: variant_images, limit: 1 %} - {%- else -%} -
-
- {{ 'product-apparel-1' | placeholder_svg_tag: 'placeholder-svg' }} + {% assign variant_images = featured_product.images | where: 'attached_to_variant?', true | map: 'src' %} + +
+
+ {%- if featured_product != blank -%} + {% render 'product-media-gallery', + product: featured_product, + media_layout: media_layout, + mobile_thumbnails: mobile_thumbnails, + variant_images: variant_images, + enable_image_zoom: enable_image_zoom + %} + {%- else -%} +
+ {{ 'product-1' | placeholder_svg_tag: 'placeholder-svg' }} +
+ {%- endif -%} +
+
+
+ {%- if featured_product != blank -%} + {% render 'product-information-blocks', + section: section, + context: 'featured-product', + product: featured_product, + enable_sticky_info: enable_sticky_info, + show_details_link: true, + update_browser_history: false + %} + {%- else -%} +
+
+
+

+ {{- 'onboarding.product_title' | t -}} +

+
+
+ {% render 'price', price_class: 'f-price--large' %} + {%- if shop.taxes_included -%} +
+ {{- 'products.product.include_taxes' | t -}} +
+ {%- endif -%} +
+
+ {{ 'onboarding.product_description' | t }} +
+
+
+ {% render 'quantity-input', section_id: section.id, min: 1 %} + +
+ +
- {%- endunless -%} +
-
-
- {%- assign product_form_id = 'product-form-' | append: section.id -%} - - {%- for block in section.blocks -%} - {%- case block.type -%} - {%- when '@app' -%} - {% render block %} - {%- when 'text' -%} -

- {{- block.settings.text -}} -

- {%- when 'title' -%} -

- {%- unless placeholder -%} - {{ product.title | escape }} - {%- else -%} - {{ 'onboarding.product_title' | t }} - {%- endunless -%} -

- {%- when 'price' -%} -
- {%- render 'price', - product: product, - placeholder: placeholder, - use_variant: true, - show_badges: true, - price_class: 'price--large' - -%} -
- {%- if product.quantity_price_breaks_configured? -%} -
- {{ 'products.product.volume_pricing.note' | t }} -
- {%- endif -%} - {%- if cart.taxes_included or cart.duties_included or shop.shipping_policy.body != blank -%} -
- {%- if cart.duties_included and cart.taxes_included -%} - {{ 'products.product.duties_and_taxes_included' | t }} - {%- elsif cart.taxes_included -%} - {{ 'products.product.taxes_included' | t }} - {%- elsif cart.duties_included -%} - {{ 'products.product.duties_included' | t }} - {%- endif -%} - {%- if shop.shipping_policy.body != blank -%} - {{ 'products.product.shipping_policy_html' | t: link: shop.shipping_policy.url }} - {%- endif -%} -
- {%- endif -%} - {%- unless placeholder -%} -
- {%- form 'product', product -%} - - {{ form | payment_terms }} - {%- endform -%} -
- {%- endunless -%} - {%- when 'sku' -%} -

- - {{- product.selected_or_first_available_variant.sku -}} -

- {%- when 'quantity_selector' -%} -
- {% comment %} TODO: enable theme-check once `item_count_for_variant` is accepted as valid filter {% endcomment %} - {% # theme-check-disable %} - {%- assign cart_qty = cart - | item_count_for_variant: product.selected_or_first_available_variant.id - -%} - {% # theme-check-enable %} - - -
- - - - - - {%- liquid - assign volume_pricing_array = product.selected_or_first_available_variant.quantity_price_breaks | sort: 'quantity' | reverse - assign current_qty_for_volume_pricing = cart_qty | plus: product.selected_or_first_available_variant.quantity_rule.min - if cart_qty > 0 - assign current_qty_for_volume_pricing = cart_qty | plus: product.selected_or_first_available_variant.quantity_rule.increment - endif - -%} - {%- if product.quantity_price_breaks_configured? -%} - - {%- if product.selected_or_first_available_variant.quantity_price_breaks.size > 0 -%} - {%- assign variant_price_compare = product.selected_or_first_available_variant.compare_at_price -%} -
- {%- if variant_price_compare -%} -
- -
- - {{ variant_price_compare | money_with_currency }} - -
-
- {%- endif -%} - {%- if current_qty_for_volume_pricing < volume_pricing_array.last.minimum_quantity -%} - {%- assign variant_price = product.selected_or_first_available_variant.price - | money_with_currency - -%} - - {{- 'products.product.volume_pricing.price_at_each_html' | t: price: variant_price -}} - - {%- else -%} - {%- for price_break in volume_pricing_array -%} - {%- if current_qty_for_volume_pricing >= price_break.minimum_quantity -%} - {%- assign price_break_price = price_break.price | money_with_currency -%} - - {{- - 'products.product.volume_pricing.price_at_each_html' - | t: price: price_break_price - -}} - - {%- break -%} - {%- endif -%} - {%- endfor -%} - {%- endif -%} -
- {%- else -%} - {%- assign variant_price = product.selected_or_first_available_variant.price - | money_with_currency - -%} - {%- assign variant_price_compare = product.selected_or_first_available_variant.compare_at_price -%} -
- {%- if variant_price_compare -%} -
- -
- - {{ variant_price_compare | money_with_currency }} - -
- -
- - {{- - 'products.product.volume_pricing.price_at_each_html' - | t: price: variant_price - -}} - -
-
- {%- else -%} - - {{- 'products.product.volume_pricing.price_at_each_html' | t: price: variant_price -}} - - {%- endif -%} -
- {%- endif -%} - - {%- endif -%} -
-
- {%- if product.selected_or_first_available_variant.quantity_rule.increment > 1 -%} - - {{- - 'products.product.quantity.multiples_of' - | t: quantity: product.selected_or_first_available_variant.quantity_rule.increment - -}} - - {%- endif -%} - {%- if product.selected_or_first_available_variant.quantity_rule.min > 1 -%} - - {{- - 'products.product.quantity.minimum_of' - | t: quantity: product.selected_or_first_available_variant.quantity_rule.min - -}} - - {%- endif -%} - {%- if product.selected_or_first_available_variant.quantity_rule.max != null -%} - - {{- - 'products.product.quantity.maximum_of' - | t: quantity: product.selected_or_first_available_variant.quantity_rule.max - -}} - - {%- endif -%} -
- {%- if product.quantity_price_breaks_configured? -%} - - {%- if product.selected_or_first_available_variant.quantity_price_breaks.size > 0 -%} - {{ 'products.product.volume_pricing.title' | t }} -
    -
  • - {{ product.selected_or_first_available_variant.quantity_rule.min }}+ - {%- assign price = product.selected_or_first_available_variant.price - | money_with_currency - -%} - - {{ 'sections.quick_order_list.each' | t: money: price -}} - -
    • - {%- for price_break in product.selected_or_first_available_variant.quantity_price_breaks -%} - {%- assign price_break_price = price_break.price | money_with_currency -%} -
  • - - {{- price_break.minimum_quantity -}} - - {%- assign price = price_break.price | money_with_currency -%} - - {{ 'sections.quick_order_list.each' | t: money: price -}} - -
    • - {%- endfor -%} -
- {%- if product.selected_or_first_available_variant.quantity_price_breaks.size >= 3 -%} - - - - {%- endif -%} - {%- endif -%} - - {%- endif -%} -
- {%- when 'share' -%} - {% liquid - assign share_url = product.selected_variant.url | default: product.url | prepend: request.origin - render 'share-button', block: block, share_link: share_url - %} - {%- when 'variant_picker' -%} - {% render 'product-variant-picker', - product: product, - block: block, - product_form_id: product_form_id - %} - {%- when 'buy_buttons' -%} - {%- render 'buy-buttons', - block: block, - product: product, - product_form_id: product_form_id, - section_id: section.id - -%} - {%- when 'custom_liquid' -%} - {{ block.settings.custom_liquid }} - {%- when 'rating' -%} - {%- if product.metafields.reviews.rating.value != blank -%} -
- {% liquid - assign rating_decimal = 0 - 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 -%} - {%- when 'icon-with-text' -%} - {% render 'icon-with-text', block: block %} - {%- endcase -%} - {%- endfor -%} - - {{ 'products.product.view_full_details' | t }} - {{- 'icon-arrow.svg' | inline_asset_content -}} - -
-
-
- {% render 'product-media-modal', product: product, variant_images: variant_images %} + {%- endif -%}
-
+ + + {%- if enable_image_zoom -%} + + {%- endif -%} - - {%- if section.settings.image_zoom == 'hover' -%} - - {%- endif %} - {%- if request.design_mode -%} - + {%- if featured_product.media.size > 0 -%} + {%- endif -%} - {%- if first_3d_model -%} - {%- endif -%} - {%- liquid - if product.selected_or_first_available_variant.featured_media - assign seo_media = product.selected_or_first_available_variant.featured_media - else - assign seo_media = product.featured_media - endif - -%} - - - {% if product.media.size > 0 %} - - - {% endif %} - +
{% schema %} { "name": "t:sections.featured-product.name", - "tag": "section", - "class": "section section-featured-product", "disabled_on": { - "groups": ["header", "footer"] + "groups": ["header", "footer", "custom.overlay"] }, "blocks": [ { @@ -515,13 +179,13 @@ }, { "type": "text", - "name": "t:sections.featured-product.blocks.text.name", + "name": "t:sections.main-product.blocks.text.name", "settings": [ { "type": "inline_richtext", "id": "text", - "default": "t:sections.featured-product.blocks.text.settings.text.default", - "label": "t:sections.featured-product.blocks.text.settings.text.label" + "default": "Text block", + "label": "t:sections.main-product.blocks.text.settings.text.label" }, { "type": "select", @@ -529,65 +193,122 @@ "options": [ { "value": "body", - "label": "t:sections.featured-product.blocks.text.settings.text_style.options__1.label" + "label": "t:sections.main-product.blocks.text.settings.text_style.options__1.label" }, { "value": "subtitle", - "label": "t:sections.featured-product.blocks.text.settings.text_style.options__2.label" + "label": "t:sections.main-product.blocks.text.settings.text_style.options__2.label" }, { "value": "uppercase", - "label": "t:sections.featured-product.blocks.text.settings.text_style.options__3.label" + "label": "t:sections.main-product.blocks.text.settings.text_style.options__3.label" } ], "default": "body", - "label": "t:sections.featured-product.blocks.text.settings.text_style.label" + "label": "t:sections.main-product.blocks.text.settings.text_style.label" + } + ] + }, + { + "type": "rich-text", + "name": "t:sections.rich-text.name", + "settings": [ + { + "type": "richtext", + "id": "text", + "default": "

Use this text to share information about a product, highlight its features, or provide useful details to help customers make informed decisions.

", + "label": "t:sections.main-product.blocks.text.settings.text.label" } ] }, { "type": "title", - "name": "t:sections.featured-product.blocks.title.name", + "name": "t:sections.main-product.blocks.title.name", "limit": 1, "settings": [ { "type": "select", "id": "heading_size", + "label": "t:general.text_size.heading.label", + "default": "h1", "options": [ { - "value": "h2", - "label": "t:sections.all.heading_size.options__1.label" + "value": "h5", + "label": "t:general.text_size.options__h5.label" }, { - "value": "h1", - "label": "t:sections.all.heading_size.options__2.label" + "value": "h4", + "label": "t:general.text_size.options__h4.label" }, { - "value": "h0", - "label": "t:sections.all.heading_size.options__3.label" + "value": "h3", + "label": "t:general.text_size.options__h3.label" }, { - "value": "hxl", - "label": "t:sections.all.heading_size.options__4.label" + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" }, { - "value": "hxxl", - "label": "t:sections.all.heading_size.options__5.label" + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" } - ], - "default": "h1", - "label": "t:sections.all.heading_size.label" + ] } ] }, { "type": "price", - "name": "t:sections.featured-product.blocks.price.name", + "name": "t:sections.main-product.blocks.price.name", "limit": 1 }, { - "type": "sku", - "name": "t:sections.featured-product.blocks.sku.name", + "type": "meta", + "name": "t:sections.main-product.blocks.meta.name", + "limit": 1, + "settings": [ + { + "type": "color", + "id": "link_color", + "label": "t:general.link_color.label", + "default": "#1D349A" + }, + { + "type": "checkbox", + "id": "show_vendor", + "label": "t:general.product.show_vendor.label", + "default": true + }, + { + "type": "checkbox", + "id": "show_product_type", + "label": "t:general.product.show_type.label", + "default": false + }, + { + "type": "checkbox", + "id": "show_sku", + "label": "t:general.product.show_sku.label", + "default": true + }, + { + "type": "checkbox", + "id": "show_barcode", + "label": "t:general.product.show_barcode.label", + "default": false + } + ] + }, + { + "type": "inventory", + "name": "t:sections.main-product.blocks.inventory.name", "limit": 1, "settings": [ { @@ -596,30 +317,41 @@ "options": [ { "value": "body", - "label": "t:sections.featured-product.blocks.sku.settings.text_style.options__1.label" + "label": "t:sections.main-product.blocks.inventory.settings.text_style.options__1.label" }, { "value": "subtitle", - "label": "t:sections.featured-product.blocks.sku.settings.text_style.options__2.label" + "label": "t:sections.main-product.blocks.inventory.settings.text_style.options__2.label" }, { "value": "uppercase", - "label": "t:sections.featured-product.blocks.sku.settings.text_style.options__3.label" + "label": "t:sections.main-product.blocks.inventory.settings.text_style.options__3.label" } ], "default": "body", - "label": "t:sections.featured-product.blocks.sku.settings.text_style.label" + "label": "t:sections.main-product.blocks.inventory.settings.text_style.label" + }, + { + "type": "range", + "id": "inventory_threshold", + "label": "t:sections.main-product.blocks.inventory.settings.inventory_threshold.label", + "min": 0, + "max": 100, + "step": 1, + "info": "t:sections.main-product.blocks.inventory.settings.inventory_threshold.info", + "default": 10 + }, + { + "type": "checkbox", + "id": "show_inventory_quantity", + "label": "t:sections.main-product.blocks.inventory.settings.show_inventory_quantity.label", + "default": true } ] }, - { - "type": "quantity_selector", - "name": "t:sections.featured-product.blocks.quantity_selector.name", - "limit": 1 - }, { "type": "variant_picker", - "name": "t:sections.featured-product.blocks.variant_picker.name", + "name": "t:sections.main-product.blocks.variant_picker.name", "limit": 1, "settings": [ { @@ -628,50 +360,139 @@ "options": [ { "value": "dropdown", - "label": "t:sections.featured-product.blocks.variant_picker.settings.picker_type.options__1.label" + "label": "t:sections.main-product.blocks.variant_picker.settings.picker_type.options__1.label" }, { "value": "button", - "label": "t:sections.featured-product.blocks.variant_picker.settings.picker_type.options__2.label" + "label": "t:sections.main-product.blocks.variant_picker.settings.picker_type.options__2.label" } ], "default": "button", - "label": "t:sections.featured-product.blocks.variant_picker.settings.picker_type.label" + "label": "t:sections.main-product.blocks.variant_picker.settings.picker_type.label" + }, + { + "type": "header", + "content": "t:sections.main-product.blocks.variant_picker.settings.header__color_swatches.content" + }, + { + "type": "paragraph", + "content": "t:sections.main-product.blocks.variant_picker.settings.header__color_swatches.paragraph.content" + }, + { + "type": "select", + "id": "swatch_type", + "options": [ + { + "value": "color_swatch", + "label": "t:sections.main-product.blocks.variant_picker.settings.swatch_type.options__1.label" + }, + { + "value": "variant_image", + "label": "t:sections.main-product.blocks.variant_picker.settings.swatch_type.options__2.label" + } + ], + "default": "color_swatch", + "label": "t:sections.main-product.blocks.variant_picker.settings.swatch_type.label" }, { - "id": "swatch_shape", - "label": "t:sections.featured-product.blocks.variant_picker.settings.swatch_shape.label", "type": "select", - "info": "t:sections.featured-product.blocks.variant_picker.settings.swatch_shape.info", + "id": "swatch_style", "options": [ + { + "value": "standard", + "label": "t:sections.main-product.blocks.variant_picker.settings.swatch_style.options__1.label" + }, { "value": "circle", - "label": "t:sections.featured-product.blocks.variant_picker.settings.swatch_shape.options__1.label" + "label": "t:sections.main-product.blocks.variant_picker.settings.swatch_style.options__2.label" }, { "value": "square", - "label": "t:sections.featured-product.blocks.variant_picker.settings.swatch_shape.options__2.label" + "label": "t:sections.main-product.blocks.variant_picker.settings.swatch_style.options__3.label" + } + ], + "default": "standard", + "label": "t:sections.main-product.blocks.variant_picker.settings.swatch_style.label" + }, + { + "type": "range", + "id": "swatch_size", + "label": "t:sections.main-product.blocks.variant_picker.settings.swatch_size.label", + "min": 20, + "max": 128, + "step": 2, + "default": 40, + "unit": "px" + }, + { + "type": "header", + "content": "t:general.button.header.content" + }, + { + "type": "select", + "id": "button_style", + "options": [ + { + "value": "normal", + "label": "t:sections.main-product.blocks.variant_picker.settings.button_style.options__1.label" }, { - "value": "none", - "label": "t:sections.main-product.blocks.variant_picker.settings.swatch_shape.options__3.label" + "value": "circle", + "label": "t:sections.main-product.blocks.variant_picker.settings.button_style.options__2.label" + }, + { + "value": "square", + "label": "t:sections.main-product.blocks.variant_picker.settings.button_style.options__3.label" } ], - "default": "circle" + "default": "normal", + "label": "t:sections.main-product.blocks.variant_picker.settings.button_style.label" + }, + { + "type": "header", + "content": "t:sections.main-product.blocks.variant_picker.settings.size_chart.content" + }, + { + "type": "text", + "id": "size_title", + "default": "Size", + "label": "t:sections.main-product.blocks.variant_picker.settings.size_chart.form_option_title.label", + "info": "t:sections.main-product.blocks.variant_picker.settings.size_chart.form_option_title.info" + }, + { + "type": "page", + "id": "size_chart_from_page", + "label": "t:sections.main-product.blocks.variant_picker.settings.size_chart.from_page.label", + "info": "t:sections.main-product.blocks.variant_picker.settings.size_chart.from_page.info" + }, + { + "type": "header", + "content": "t:sections.main-product.blocks.variant_picker.settings.size_chart.custom.content", + "info": "t:sections.main-product.blocks.variant_picker.settings.size_chart.custom.info" + }, + { + "type": "paragraph", + "content": "t:sections.main-product.blocks.variant_picker.settings.size_chart.paragraph_2.content" } ] }, { "type": "buy_buttons", - "name": "t:sections.featured-product.blocks.buy_buttons.name", + "name": "t:sections.main-product.blocks.buy_buttons.name", "limit": 1, "settings": [ + { + "type": "checkbox", + "id": "show_quantity_selector", + "default": true, + "label": "t:sections.main-product.blocks.buy_buttons.settings.show_quantity_selector.label" + }, { "type": "checkbox", "id": "show_dynamic_checkout", "default": true, - "label": "t:sections.featured-product.blocks.buy_buttons.settings.show_dynamic_checkout.label", - "info": "t:sections.featured-product.blocks.buy_buttons.settings.show_dynamic_checkout.info" + "label": "t:sections.main-product.blocks.buy_buttons.settings.show_dynamic_checkout.label", + "info": "t:sections.main-product.blocks.buy_buttons.settings.show_dynamic_checkout.info" }, { "type": "checkbox", @@ -683,17 +504,14 @@ ] }, { - "type": "share", - "name": "t:sections.featured-product.blocks.share.name", - "limit": 1, - "settings": [ - { - "type": "text", - "id": "share_label", - "label": "t:sections.featured-product.blocks.share.settings.text.label", - "default": "t:sections.featured-product.blocks.share.settings.text.default" - } - ] + "type": "pickup_availability", + "name": "t:sections.main-product.blocks.pickup_availability.name", + "limit": 1 + }, + { + "type": "description", + "name": "t:sections.main-product.blocks.description.name", + "limit": 1 }, { "type": "custom_liquid", @@ -708,797 +526,1578 @@ ] }, { - "type": "rating", - "name": "t:sections.featured-product.blocks.rating.name", - "limit": 1, - "settings": [ - { - "type": "paragraph", - "content": "t:sections.featured-product.blocks.rating.settings.paragraph.content" - } - ] - }, - { - "type": "icon-with-text", - "name": "t:sections.main-product.blocks.icon_with_text.name", + "type": "collapsible_tab", + "name": "t:sections.main-product.blocks.collapsible_tab.name", "settings": [ { - "type": "select", - "id": "layout", - "options": [ - { - "value": "horizontal", - "label": "t:sections.main-product.blocks.icon_with_text.settings.layout.options__1.label" - }, - { - "value": "vertical", - "label": "t:sections.main-product.blocks.icon_with_text.settings.layout.options__2.label" - } - ], - "default": "horizontal", - "label": "t:sections.main-product.blocks.icon_with_text.settings.layout.label" - }, - { - "type": "header", - "content": "t:sections.main-product.blocks.icon_with_text.settings.content.label", - "info": "t:sections.main-product.blocks.icon_with_text.settings.content.info" + "type": "text", + "id": "heading", + "default": "Collapsible row", + "info": "t:sections.main-product.blocks.collapsible_tab.settings.heading.info", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.heading.label" }, { "type": "select", - "id": "icon_1", + "id": "icon", "options": [ { "value": "none", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__1.label" - }, - { - "value": "apple", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__2.label" - }, - { - "value": "banana", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__3.label" - }, - { - "value": "bottle", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__4.label" - }, - { - "value": "box", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__5.label" - }, - { - "value": "carrot", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__6.label" - }, - { - "value": "chat_bubble", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__7.label" - }, - { - "value": "check_mark", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__8.label" - }, - { - "value": "clipboard", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__9.label" - }, - { - "value": "dairy", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__10.label" + "label": "t:general.icon.options__1.label" }, { - "value": "dairy_free", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__11.label" + "value": "car-simple", + "label": "t:general.icon.options__2.label" }, { - "value": "dryer", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__12.label" + "value": "truck", + "label": "t:general.icon.options__3.label" }, { - "value": "eye", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__13.label" + "value": "package", + "label": "t:general.icon.options__4.label" }, { - "value": "fire", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__14.label" + "value": "currency-circle-dollar", + "label": "t:general.icon.options__5.label" }, { - "value": "gluten_free", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__15.label" + "value": "gift", + "label": "t:general.icon.options__6.label" }, { "value": "heart", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__16.label" + "label": "t:general.icon.options__7.label" }, { - "value": "iron", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__17.label" + "value": "globe", + "label": "t:general.icon.options__8.label" }, { - "value": "leaf", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__18.label" + "value": "check", + "label": "t:general.icon.options__9.label" }, { - "value": "leather", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__19.label" + "value": "arrow-up-left", + "label": "t:general.icon.options__10.label" }, { - "value": "lightning_bolt", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__20.label" + "value": "lightning", + "label": "t:general.icon.options__11.label" }, { - "value": "lipstick", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__21.label" + "value": "calendar-blank", + "label": "t:general.icon.options__12.label" }, { - "value": "lock", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__22.label" + "value": "bell-ringing", + "label": "t:general.icon.options__13.label" }, { - "value": "map_pin", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__23.label" + "value": "location", + "label": "t:general.icon.options__14.label" }, { - "value": "nut_free", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__24.label" + "value": "tag", + "label": "t:general.icon.options__15.label" }, { - "value": "pants", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__25.label" + "value": "map-pin", + "label": "t:general.icon.options__16.label" }, { - "value": "paw_print", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__26.label" + "value": "smiley", + "label": "t:general.icon.options__17.label" }, { - "value": "pepper", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__27.label" + "value": "stool", + "label": "t:general.icon.options__18.label" }, { - "value": "perfume", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__28.label" + "value": "clock", + "label": "t:general.icon.options__19.label" }, { - "value": "plane", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__29.label" + "value": "phone", + "label": "t:general.icon.options__20.label" }, { - "value": "plant", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__30.label" + "value": "chat", + "label": "t:general.icon.options__21.label" }, { - "value": "price_tag", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__31.label" + "value": "paperplane", + "label": "t:general.icon.options__22.label" }, { - "value": "question_mark", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__32.label" + "value": "sliders", + "label": "t:general.icon.options__23.label" }, { - "value": "recycle", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__33.label" + "value": "sound", + "label": "t:general.icon.options__24.label" }, { - "value": "return", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__34.label" + "value": "music", + "label": "t:general.icon.options__25.label" }, { - "value": "ruler", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__35.label" + "value": "airplane", + "label": "t:general.icon.options__26.label" }, { - "value": "serving_dish", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__36.label" + "value": "alarm", + "label": "t:general.icon.options__27.label" }, { - "value": "shirt", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__37.label" + "value": "play-list", + "label": "t:general.icon.options__28.label" }, { - "value": "shoe", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__38.label" + "value": "drop-slash", + "label": "t:general.icon.options__29.label" }, { - "value": "silhouette", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__39.label" + "value": "pause-circle", + "label": "t:general.icon.options__30.label" }, { - "value": "snowflake", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__40.label" + "value": "acorn", + "label": "t:general.icon.options__34.label" }, { - "value": "star", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__41.label" - }, + "value": "leaf", + "label": "t:general.icon.options__35.label" + } + ], + "default": "check", + "label": "t:general.icon.label" + }, + { + "type": "richtext", + "id": "content", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.content.label" + }, + { + "type": "page", + "id": "page", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.page.label" + }, + { + "type": "checkbox", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.default_open.label", + "id": "default_open", + "default": false + } + ] + }, + { + "type": "popup", + "name": "t:sections.main-product.blocks.popup.name", + "settings": [ + { + "type": "text", + "id": "button_label", + "label": "t:sections.main-product.blocks.popup.settings.link_label.label", + "default": "Pop-up button text" + }, + { + "type": "select", + "id": "button_style", + "label": "t:sections.main-product.blocks.popup.settings.link_style.label", + "options": [ { - "value": "stopwatch", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__42.label" + "value": "btn--primary", + "label": "t:general.button.button_style.options__1.label" }, { - "value": "truck", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__43.label" + "value": "btn--secondary", + "label": "t:general.button.button_style.options__2.label" }, { - "value": "washing", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__44.label" + "value": "btn--underline", + "label": "t:general.button.button_style.options__4.label" } ], - "default": "heart", - "label": "t:sections.main-product.blocks.icon_with_text.settings.icon_1.label" + "default": "btn--underline" }, { - "type": "image_picker", - "id": "image_1", - "label": "t:sections.main-product.blocks.icon_with_text.settings.image_1.label" + "type": "header", + "content": "t:sections.main-product.blocks.popup.settings.page.header" }, { - "type": "inline_richtext", - "id": "heading_1", - "default": "t:sections.main-product.blocks.icon_with_text.settings.heading_1.default", - "label": "t:sections.main-product.blocks.icon_with_text.settings.heading_1.label", - "info": "t:sections.main-product.blocks.icon_with_text.settings.heading.info" + "id": "page", + "type": "page", + "label": "t:sections.main-product.blocks.popup.settings.page.label" + } + ] + }, + { + "type": "complementary", + "name": "t:sections.main-product.blocks.complementary_products.name", + "limit": 1, + "settings": [ + { + "type": "paragraph", + "content": "t:sections.main-product.blocks.complementary_products.settings.paragraph.content" + }, + { + "type": "text", + "id": "block_heading", + "default": "Pairs well with", + "label": "t:general.heading.label" }, { "type": "select", - "id": "icon_2", + "id": "heading_size", + "label": "t:general.text_size.heading.label", + "default": "h4", "options": [ { - "value": "none", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__1.label" - }, - { - "value": "apple", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__2.label" - }, - { - "value": "banana", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__3.label" + "value": "h5", + "label": "t:general.text_size.options__h5.label" }, { - "value": "bottle", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__4.label" + "value": "h4", + "label": "t:general.text_size.options__h4.label" }, { - "value": "box", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__5.label" - }, + "value": "h3", + "label": "t:general.text_size.options__h3.label" + } + ] + }, + { + "type": "checkbox", + "id": "make_collapsible_row", + "default": false, + "label": "t:sections.main-product.blocks.complementary_products.settings.make_collapsible_row.label" + }, + { + "type": "select", + "id": "icon", + "options": [ { - "value": "carrot", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__6.label" + "value": "none", + "label": "t:general.icon.options__1.label" }, { - "value": "chat_bubble", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__7.label" + "value": "car-simple", + "label": "t:general.icon.options__2.label" }, { - "value": "check_mark", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__8.label" + "value": "truck", + "label": "t:general.icon.options__3.label" }, { - "value": "clipboard", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__9.label" + "value": "package", + "label": "t:general.icon.options__4.label" }, { - "value": "dairy", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__10.label" + "value": "currency-circle-dollar", + "label": "t:general.icon.options__5.label" }, { - "value": "dairy_free", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__11.label" + "value": "gift", + "label": "t:general.icon.options__6.label" }, { - "value": "dryer", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__12.label" + "value": "heart", + "label": "t:general.icon.options__7.label" }, { - "value": "eye", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__13.label" + "value": "globe", + "label": "t:general.icon.options__8.label" }, { - "value": "fire", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__14.label" + "value": "check", + "label": "t:general.icon.options__9.label" }, { - "value": "gluten_free", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__15.label" + "value": "arrow-up-left", + "label": "t:general.icon.options__10.label" }, { - "value": "heart", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__16.label" + "value": "lightning", + "label": "t:general.icon.options__11.label" }, { - "value": "iron", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__17.label" + "value": "calendar-blank", + "label": "t:general.icon.options__12.label" }, { - "value": "leaf", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__18.label" + "value": "bell-ringing", + "label": "t:general.icon.options__13.label" }, { - "value": "leather", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__19.label" + "value": "location", + "label": "t:general.icon.options__14.label" }, { - "value": "lightning_bolt", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__20.label" + "value": "tag", + "label": "t:general.icon.options__15.label" }, { - "value": "lipstick", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__21.label" + "value": "map-pin", + "label": "t:general.icon.options__16.label" }, { - "value": "lock", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__22.label" + "value": "smiley", + "label": "t:general.icon.options__17.label" }, { - "value": "map_pin", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__23.label" + "value": "stool", + "label": "t:general.icon.options__18.label" }, { - "value": "nut_free", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__24.label" + "value": "clock", + "label": "t:general.icon.options__19.label" }, { - "value": "pants", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__25.label" + "value": "phone", + "label": "t:general.icon.options__20.label" }, { - "value": "paw_print", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__26.label" + "value": "chat", + "label": "t:general.icon.options__21.label" }, { - "value": "pepper", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__27.label" + "value": "paperplane", + "label": "t:general.icon.options__22.label" }, { - "value": "perfume", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__28.label" + "value": "sliders", + "label": "t:general.icon.options__23.label" }, { - "value": "plane", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__29.label" + "value": "sound", + "label": "t:general.icon.options__24.label" }, { - "value": "plant", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__30.label" + "value": "music", + "label": "t:general.icon.options__25.label" }, { - "value": "price_tag", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__31.label" + "value": "airplane", + "label": "t:general.icon.options__26.label" }, { - "value": "question_mark", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__32.label" + "value": "alarm", + "label": "t:general.icon.options__27.label" }, { - "value": "recycle", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__33.label" + "value": "play-list", + "label": "t:general.icon.options__28.label" }, { - "value": "return", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__34.label" + "value": "drop-slash", + "label": "t:general.icon.options__29.label" }, { - "value": "ruler", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__35.label" + "value": "pause-circle", + "label": "t:general.icon.options__30.label" }, { - "value": "serving_dish", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__36.label" + "value": "acorn", + "label": "t:general.icon.options__34.label" }, { - "value": "shirt", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__37.label" - }, + "value": "leaf", + "label": "t:general.icon.options__35.label" + } + ], + "default": "check", + "info": "t:sections.main-product.blocks.complementary_products.settings.icon.info", + "label": "t:general.icon.label" + }, + { + "type": "range", + "id": "product_list_limit", + "min": 1, + "max": 10, + "step": 1, + "default": 10, + "label": "t:general.grid.product_limit.label" + }, + { + "type": "select", + "id": "layout", + "label": "t:sections.main-product.blocks.complementary_products.settings.layout.label", + "default": "grid", + "options": [ + { + "value": "grid", + "label": "t:sections.main-product.blocks.complementary_products.settings.layout.options__1.label" + }, + { + "value": "horizontal-list", + "label": "t:sections.main-product.blocks.complementary_products.settings.layout.options__2.label" + } + ] + }, + { + "type": "range", + "id": "columns", + "label": "t:general.grid.columns_desktop.label", + "min": 2, + "max": 4, + "step": 1, + "default": 3, + "visible_if": "{{ block.settings.layout == 'grid' }}" + }, + { + "type": "header", + "content": "t:general.header__product_cards.content" + }, + { + "type": "select", + "id": "image_ratio", + "options": [ + { + "value": "adapt", + "label": "t:general.image_ratio.options__1.label" + }, + { + "value": "1/1", + "label": "t:general.image_ratio.options__2.label" + }, + { + "value": "3/4", + "label": "t:general.image_ratio.options__3.label" + }, + { + "value": "4/3", + "label": "t:general.image_ratio.options__4.label" + } + ], + "label": "t:general.image_ratio.label", + "default": "adapt" + }, + { + "type": "checkbox", + "id": "enable_quick_add", + "label": "t:sections.main-product.blocks.complementary_products.settings.enable_quick_add.label", + "default": false + } + ] + }, + { + "type": "icon-with-text", + "name": "t:sections.main-product.blocks.icon_with_text.name", + "settings": [ + { + "type": "select", + "id": "layout", + "options": [ + { + "value": "horizontal", + "label": "t:sections.main-product.blocks.icon_with_text.settings.layout.options__1.label" + }, + { + "value": "vertical", + "label": "t:sections.main-product.blocks.icon_with_text.settings.layout.options__2.label" + } + ], + "default": "horizontal", + "label": "t:sections.main-product.blocks.icon_with_text.settings.layout.label" + }, + { + "type": "select", + "id": "title_font", + "label": "t:general.font_family.title.label", + "options": [ + { + "value": "body", + "label": "t:general.font_family.options__1.label" + }, + { + "value": "body-bolder", + "label": "t:general.font_family.options__3.label" + }, + { + "value": "heading", + "label": "t:general.font_family.options__2.label" + } + ], + "default": "heading" + }, + { + "type": "select", + "id": "title_size", + "label": "t:general.text_size.title.label", + "options": [ { - "value": "shoe", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__38.label" + "value": "text-base", + "label": "t:general.text_size.options__base.label" }, { - "value": "silhouette", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__39.label" + "value": "h5", + "label": "t:general.text_size.options__h5.label" }, { - "value": "snowflake", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__40.label" + "value": "h4", + "label": "t:general.text_size.options__h4.label" }, { - "value": "star", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__41.label" + "value": "h3", + "label": "t:general.text_size.options__h3.label" + } + ], + "default": "h5" + }, + { + "type": "header", + "content": "t:sections.main-product.blocks.icon_with_text.settings.first_item.label" + }, + { + "type": "select", + "id": "icon_1", + "options": [ + { + "value": "none", + "label": "t:general.icon.options__1.label" }, { - "value": "stopwatch", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__42.label" + "value": "car-simple", + "label": "t:general.icon.options__2.label" }, { "value": "truck", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__43.label" + "label": "t:general.icon.options__3.label" + }, + { + "value": "package", + "label": "t:general.icon.options__4.label" + }, + { + "value": "currency-circle-dollar", + "label": "t:general.icon.options__5.label" + }, + { + "value": "gift", + "label": "t:general.icon.options__6.label" + }, + { + "value": "heart", + "label": "t:general.icon.options__7.label" + }, + { + "value": "globe", + "label": "t:general.icon.options__8.label" + }, + { + "value": "check", + "label": "t:general.icon.options__9.label" + }, + { + "value": "arrow-up-left", + "label": "t:general.icon.options__10.label" + }, + { + "value": "lightning", + "label": "t:general.icon.options__11.label" + }, + { + "value": "calendar-blank", + "label": "t:general.icon.options__12.label" + }, + { + "value": "bell-ringing", + "label": "t:general.icon.options__13.label" + }, + { + "value": "location", + "label": "t:general.icon.options__14.label" + }, + { + "value": "tag", + "label": "t:general.icon.options__15.label" + }, + { + "value": "map-pin", + "label": "t:general.icon.options__16.label" + }, + { + "value": "smiley", + "label": "t:general.icon.options__17.label" + }, + { + "value": "stool", + "label": "t:general.icon.options__18.label" + }, + { + "value": "clock", + "label": "t:general.icon.options__19.label" + }, + { + "value": "phone", + "label": "t:general.icon.options__20.label" + }, + { + "value": "chat", + "label": "t:general.icon.options__21.label" + }, + { + "value": "paperplane", + "label": "t:general.icon.options__22.label" + }, + { + "value": "sliders", + "label": "t:general.icon.options__23.label" }, { - "value": "washing", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__44.label" + "value": "sound", + "label": "t:general.icon.options__24.label" + }, + { + "value": "music", + "label": "t:general.icon.options__25.label" + }, + { + "value": "airplane", + "label": "t:general.icon.options__26.label" + }, + { + "value": "alarm", + "label": "t:general.icon.options__27.label" + }, + { + "value": "play-list", + "label": "t:general.icon.options__28.label" + }, + { + "value": "drop-slash", + "label": "t:general.icon.options__29.label" + }, + { + "value": "pause-circle", + "label": "t:general.icon.options__30.label" + }, + { + "value": "acorn", + "label": "t:general.icon.options__34.label" + }, + { + "value": "leaf", + "label": "t:general.icon.options__35.label" } ], - "default": "return", - "label": "t:sections.main-product.blocks.icon_with_text.settings.icon_2.label" + "default": "check", + "label": "t:general.icon.label" }, { "type": "image_picker", - "id": "image_2", - "label": "t:sections.main-product.blocks.icon_with_text.settings.image_2.label" + "id": "image_1", + "label": "t:general.image.label" }, { "type": "inline_richtext", - "id": "heading_2", - "default": "t:sections.main-product.blocks.icon_with_text.settings.heading_2.default", - "label": "t:sections.main-product.blocks.icon_with_text.settings.heading_2.label", + "id": "heading_1", + "default": "Heading", + "label": "t:general.heading.label", "info": "t:sections.main-product.blocks.icon_with_text.settings.heading.info" }, + { + "type": "header", + "content": "t:sections.main-product.blocks.icon_with_text.settings.second_item.label" + }, { "type": "select", - "id": "icon_3", + "id": "icon_2", "options": [ { "value": "none", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__1.label" + "label": "t:general.icon.options__1.label" + }, + { + "value": "car-simple", + "label": "t:general.icon.options__2.label" }, { - "value": "apple", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__2.label" + "value": "truck", + "label": "t:general.icon.options__3.label" }, { - "value": "banana", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__3.label" + "value": "package", + "label": "t:general.icon.options__4.label" }, { - "value": "bottle", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__4.label" + "value": "currency-circle-dollar", + "label": "t:general.icon.options__5.label" }, { - "value": "box", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__5.label" + "value": "gift", + "label": "t:general.icon.options__6.label" }, { - "value": "carrot", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__6.label" + "value": "heart", + "label": "t:general.icon.options__7.label" }, { - "value": "chat_bubble", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__7.label" + "value": "globe", + "label": "t:general.icon.options__8.label" }, { - "value": "check_mark", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__8.label" + "value": "check", + "label": "t:general.icon.options__9.label" }, { - "value": "clipboard", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__9.label" + "value": "arrow-up-left", + "label": "t:general.icon.options__10.label" }, { - "value": "dairy", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__10.label" + "value": "lightning", + "label": "t:general.icon.options__11.label" }, { - "value": "dairy_free", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__11.label" + "value": "calendar-blank", + "label": "t:general.icon.options__12.label" }, { - "value": "dryer", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__12.label" + "value": "bell-ringing", + "label": "t:general.icon.options__13.label" }, { - "value": "eye", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__13.label" + "value": "location", + "label": "t:general.icon.options__14.label" }, { - "value": "fire", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__14.label" + "value": "tag", + "label": "t:general.icon.options__15.label" }, { - "value": "gluten_free", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__15.label" + "value": "map-pin", + "label": "t:general.icon.options__16.label" }, { - "value": "heart", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__16.label" + "value": "smiley", + "label": "t:general.icon.options__17.label" }, { - "value": "iron", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__17.label" + "value": "stool", + "label": "t:general.icon.options__18.label" + }, + { + "value": "clock", + "label": "t:general.icon.options__19.label" + }, + { + "value": "phone", + "label": "t:general.icon.options__20.label" + }, + { + "value": "chat", + "label": "t:general.icon.options__21.label" + }, + { + "value": "paperplane", + "label": "t:general.icon.options__22.label" + }, + { + "value": "sliders", + "label": "t:general.icon.options__23.label" + }, + { + "value": "sound", + "label": "t:general.icon.options__24.label" + }, + { + "value": "music", + "label": "t:general.icon.options__25.label" + }, + { + "value": "airplane", + "label": "t:general.icon.options__26.label" + }, + { + "value": "alarm", + "label": "t:general.icon.options__27.label" + }, + { + "value": "play-list", + "label": "t:general.icon.options__28.label" + }, + { + "value": "drop-slash", + "label": "t:general.icon.options__29.label" + }, + { + "value": "pause-circle", + "label": "t:general.icon.options__30.label" + }, + { + "value": "acorn", + "label": "t:general.icon.options__34.label" }, { "value": "leaf", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__18.label" + "label": "t:general.icon.options__35.label" + } + ], + "default": "check", + "label": "t:general.icon.label" + }, + { + "type": "image_picker", + "id": "image_2", + "label": "t:general.image.label" + }, + { + "type": "inline_richtext", + "id": "heading_2", + "default": "Heading", + "label": "t:general.heading.label", + "info": "t:sections.main-product.blocks.icon_with_text.settings.heading.info" + }, + { + "type": "header", + "content": "t:sections.main-product.blocks.icon_with_text.settings.third_item.label" + }, + { + "type": "select", + "id": "icon_3", + "options": [ + { + "value": "none", + "label": "t:general.icon.options__1.label" + }, + { + "value": "car-simple", + "label": "t:general.icon.options__2.label" }, { - "value": "leather", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__19.label" + "value": "truck", + "label": "t:general.icon.options__3.label" }, { - "value": "lightning_bolt", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__20.label" + "value": "package", + "label": "t:general.icon.options__4.label" }, { - "value": "lipstick", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__21.label" + "value": "currency-circle-dollar", + "label": "t:general.icon.options__5.label" }, { - "value": "lock", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__22.label" + "value": "gift", + "label": "t:general.icon.options__6.label" }, { - "value": "map_pin", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__23.label" + "value": "heart", + "label": "t:general.icon.options__7.label" }, { - "value": "nut_free", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__24.label" + "value": "globe", + "label": "t:general.icon.options__8.label" }, { - "value": "pants", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__25.label" + "value": "check", + "label": "t:general.icon.options__9.label" }, { - "value": "paw_print", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__26.label" + "value": "arrow-up-left", + "label": "t:general.icon.options__10.label" }, { - "value": "pepper", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__27.label" + "value": "lightning", + "label": "t:general.icon.options__11.label" }, { - "value": "perfume", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__28.label" + "value": "calendar-blank", + "label": "t:general.icon.options__12.label" }, { - "value": "plane", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__29.label" + "value": "bell-ringing", + "label": "t:general.icon.options__13.label" }, { - "value": "plant", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__30.label" + "value": "location", + "label": "t:general.icon.options__14.label" }, { - "value": "price_tag", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__31.label" + "value": "tag", + "label": "t:general.icon.options__15.label" }, { - "value": "question_mark", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__32.label" + "value": "map-pin", + "label": "t:general.icon.options__16.label" }, { - "value": "recycle", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__33.label" + "value": "smiley", + "label": "t:general.icon.options__17.label" }, { - "value": "return", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__34.label" + "value": "stool", + "label": "t:general.icon.options__18.label" }, { - "value": "ruler", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__35.label" + "value": "clock", + "label": "t:general.icon.options__19.label" }, { - "value": "serving_dish", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__36.label" + "value": "phone", + "label": "t:general.icon.options__20.label" }, { - "value": "shirt", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__37.label" + "value": "chat", + "label": "t:general.icon.options__21.label" }, { - "value": "shoe", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__38.label" + "value": "paperplane", + "label": "t:general.icon.options__22.label" }, { - "value": "silhouette", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__39.label" + "value": "sliders", + "label": "t:general.icon.options__23.label" }, { - "value": "snowflake", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__40.label" + "value": "sound", + "label": "t:general.icon.options__24.label" }, { - "value": "star", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__41.label" + "value": "music", + "label": "t:general.icon.options__25.label" }, { - "value": "stopwatch", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__42.label" + "value": "airplane", + "label": "t:general.icon.options__26.label" }, { - "value": "truck", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__43.label" + "value": "alarm", + "label": "t:general.icon.options__27.label" + }, + { + "value": "play-list", + "label": "t:general.icon.options__28.label" + }, + { + "value": "drop-slash", + "label": "t:general.icon.options__29.label" }, { - "value": "washing", - "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__44.label" + "value": "pause-circle", + "label": "t:general.icon.options__30.label" + }, + { + "value": "acorn", + "label": "t:general.icon.options__34.label" + }, + { + "value": "leaf", + "label": "t:general.icon.options__35.label" } ], - "default": "truck", - "label": "t:sections.main-product.blocks.icon_with_text.settings.icon_3.label" + "default": "check", + "label": "t:general.icon.label" }, { "type": "image_picker", "id": "image_3", - "label": "t:sections.main-product.blocks.icon_with_text.settings.image_3.label" + "label": "t:general.image.label" }, { "type": "inline_richtext", "id": "heading_3", - "default": "t:sections.main-product.blocks.icon_with_text.settings.heading_3.default", - "label": "t:sections.main-product.blocks.icon_with_text.settings.heading_3.label", + "default": "Heading", + "label": "t:general.heading.label", "info": "t:sections.main-product.blocks.icon_with_text.settings.heading.info" } ] - } - ], - "settings": [ + }, { - "type": "product", - "id": "product", - "label": "t:sections.featured-product.settings.product.label" + "type": "addons", + "name": "t:sections.main-product.blocks.addons.name", + "limit": 1, + "settings": [ + { + "type": "header", + "content": "t:general.social_sharing.name" + }, + { + "type": "checkbox", + "id": "show_share", + "label": "t:general.social_sharing.show.label", + "default": true + }, + { + "type": "paragraph", + "content": "t:general.social_sharing.info_1" + }, + { + "type": "paragraph", + "content": "t:general.social_sharing.info_2" + }, + { + "type": "header", + "content": "t:sections.main-product.blocks.addons.settings.header__question.content" + }, + { + "type": "checkbox", + "id": "show_ask_question", + "label": "t:sections.main-product.blocks.addons.settings.ask_question.label", + "default": true + }, + { + "type": "paragraph", + "content": "t:sections.main-product.blocks.addons.settings.ask_question.content" + } + ] }, { - "type": "color_scheme", - "id": "color_scheme", - "label": "t:sections.all.colors.label", - "default": "scheme-1" + "type": "social_sharing", + "name": "t:general.social_sharing.name", + "limit": 1, + "settings": [ + { + "type": "paragraph", + "content": "t:general.social_sharing.info_1" + }, + { + "type": "paragraph", + "content": "t:general.social_sharing.info_2" + } + ] }, { - "type": "checkbox", - "id": "secondary_background", - "default": false, - "label": "t:sections.featured-product.settings.secondary_background.label" + "type": "badges", + "name": "t:sections.main-product.blocks.badges.name", + "limit": 1, + "settings": [ + { + "type": "header", + "content": "t:sections.main-product.blocks.badges.settings.header__tags.content", + "info": "t:sections.main-product.blocks.badges.settings.header__tags.info" + }, + { + "type": "header", + "content": "t:sections.main-product.blocks.badges.settings.header__badges.content" + }, + { + "type": "checkbox", + "id": "show_soldout_badge", + "label": "t:sections.main-product.blocks.badges.settings.show_soldout_badge.label", + "default": true + }, + { + "type": "checkbox", + "id": "show_sale_badge", + "label": "t:sections.main-product.blocks.badges.settings.show_sale_badge.label", + "default": true + }, + { + "type": "select", + "id": "sale_badge_type", + "label": "t:sections.main-product.blocks.badges.settings.sale_badge_type.label", + "default": "text", + "options": [ + { + "value": "text", + "label": "t:sections.main-product.blocks.badges.settings.sale_badge_type.options__1.label" + }, + { + "value": "percentage", + "label": "t:sections.main-product.blocks.badges.settings.sale_badge_type.options__2.label" + }, + { + "value": "fixed_amount", + "label": "t:sections.main-product.blocks.badges.settings.sale_badge_type.options__3.label" + } + ] + } + ] }, { - "type": "header", - "content": "t:sections.featured-product.settings.header.content" + "type": "shipping", + "name": "t:sections.main-product.blocks.shipping.name", + "limit": 1, + "settings": [ + { + "type": "text", + "id": "deliver_text", + "label": "t:sections.main-product.blocks.shipping.settings.deliver_text", + "default": "Estimated delivery:" + }, + { + "type": "text", + "id": "deliver_days", + "label": "t:sections.main-product.blocks.shipping.settings.deliver_days.label", + "info": "t:sections.main-product.blocks.shipping.settings.deliver_days.info", + "default": "7" + }, + { + "type": "text", + "id": "date_format", + "label": "t:sections.main-product.blocks.shipping.settings.date_format.label", + "default": "%b %d", + "info": "t:sections.main-product.blocks.shipping.settings.date_format.info" + } + ] }, { - "type": "select", - "id": "media_size", - "options": [ + "type": "timer", + "name": "t:general.timer.name", + "settings": [ { - "value": "small", - "label": "t:sections.main-product.settings.media_size.options__1.label" + "type": "color", + "id": "text_color", + "label": "t:general.text_color.label", + "default": "#C4301C" }, { - "value": "medium", - "label": "t:sections.main-product.settings.media_size.options__2.label" + "type": "select", + "id": "type", + "label": "t:general.timer.type.label", + "options": [ + { + "value": "evergreen", + "label": "t:general.timer.type.options__1.label" + }, + { + "value": "fixed_time", + "label": "t:general.timer.type.options__2.label" + } + ], + "default": "evergreen" }, { - "value": "large", - "label": "t:sections.main-product.settings.media_size.options__3.label" + "type": "header", + "content": "t:general.timer.header__evergreen.content" + }, + { + "type": "select", + "id": "duration", + "label": "t:general.timer.evergreen_duration.label", + "options": [ + { + "value": "every_2_hrs", + "label": "t:general.timer.evergreen_duration.options__every_2_hrs.label" + }, + { + "value": "every_6_hrs", + "label": "t:general.timer.evergreen_duration.options__every_6_hrs.label" + }, + { + "value": "every_12_hrs", + "label": "t:general.timer.evergreen_duration.options__every_12_hrs.label" + }, + { + "value": "every_24_hrs", + "label": "t:general.timer.evergreen_duration.options__every_24_hrs.label" + }, + { + "value": "every_week", + "label": "t:general.timer.evergreen_duration.options__every_week.label" + }, + { + "value": "every_month", + "label": "t:general.timer.evergreen_duration.options__every_month.label" + } + ], + "default": "every_month" + }, + { + "type": "header", + "content": "t:general.timer.header__fixed_time.content" + }, + { + "type": "text", + "id": "time", + "default": "2025/08/20 03:45 PM", + "label": "t:general.timer.time.label", + "info": "t:general.timer.time.info" + }, + { + "type": "header", + "content": "t:general.header__content_settings.content" + }, + { + "type": "textarea", + "id": "text", + "label": "t:general.text.label", + "default": "Sales end in" } - ], - "default": "medium", - "label": "t:sections.main-product.settings.media_size.label" + ] }, { - "type": "checkbox", - "id": "constrain_to_viewport", - "default": true, - "label": "t:sections.main-product.settings.constrain_to_viewport.label" + "type": "promotion_alert", + "name": "t:sections.main-product.blocks.promotion_alert.name", + "settings": [ + { + "type": "color", + "id": "text_color", + "label": "t:general.text_color.label", + "default": "#049B6E" + }, + { + "type": "select", + "id": "icon", + "options": [ + { + "value": "none", + "label": "t:general.icon.options__1.label" + }, + { + "value": "car-simple", + "label": "t:general.icon.options__2.label" + }, + { + "value": "truck", + "label": "t:general.icon.options__3.label" + }, + { + "value": "package", + "label": "t:general.icon.options__4.label" + }, + { + "value": "currency-circle-dollar", + "label": "t:general.icon.options__5.label" + }, + { + "value": "gift", + "label": "t:general.icon.options__6.label" + }, + { + "value": "heart", + "label": "t:general.icon.options__7.label" + }, + { + "value": "globe", + "label": "t:general.icon.options__8.label" + }, + { + "value": "check", + "label": "t:general.icon.options__9.label" + }, + { + "value": "arrow-up-left", + "label": "t:general.icon.options__10.label" + }, + { + "value": "lightning", + "label": "t:general.icon.options__11.label" + }, + { + "value": "calendar-blank", + "label": "t:general.icon.options__12.label" + }, + { + "value": "bell-ringing", + "label": "t:general.icon.options__13.label" + }, + { + "value": "location", + "label": "t:general.icon.options__14.label" + }, + { + "value": "tag", + "label": "t:general.icon.options__15.label" + }, + { + "value": "map-pin", + "label": "t:general.icon.options__16.label" + }, + { + "value": "smiley", + "label": "t:general.icon.options__17.label" + }, + { + "value": "stool", + "label": "t:general.icon.options__18.label" + }, + { + "value": "clock", + "label": "t:general.icon.options__19.label" + }, + { + "value": "phone", + "label": "t:general.icon.options__20.label" + }, + { + "value": "chat", + "label": "t:general.icon.options__21.label" + }, + { + "value": "paperplane", + "label": "t:general.icon.options__22.label" + }, + { + "value": "sliders", + "label": "t:general.icon.options__23.label" + }, + { + "value": "sound", + "label": "t:general.icon.options__24.label" + }, + { + "value": "music", + "label": "t:general.icon.options__25.label" + }, + { + "value": "airplane", + "label": "t:general.icon.options__26.label" + }, + { + "value": "alarm", + "label": "t:general.icon.options__27.label" + }, + { + "value": "play-list", + "label": "t:general.icon.options__28.label" + }, + { + "value": "drop-slash", + "label": "t:general.icon.options__29.label" + }, + { + "value": "pause-circle", + "label": "t:general.icon.options__30.label" + }, + { + "value": "acorn", + "label": "t:general.icon.options__34.label" + }, + { + "value": "leaf", + "label": "t:general.icon.options__35.label" + } + ], + "default": "lightning", + "label": "t:general.icon.label" + }, + { + "type": "inline_richtext", + "id": "heading", + "label": "t:general.heading.label", + "default": "Limited time offer" + }, + { + "type": "richtext", + "id": "description", + "label": "t:general.text.label", + "default": "

Don’t miss out on this limited-time advantage crafted for you

" + } + ] + }, + { + "type": "divider", + "name": "t:sections.main-product.blocks.divider.name" + } + ], + "settings": [ + { + "type": "header", + "content": "t:general.general.name" }, { "type": "select", - "id": "media_fit", + "id": "container", "options": [ { - "value": "contain", - "label": "t:sections.main-product.settings.media_fit.options__1.label" + "value": "full", + "label": "t:general.container.options__full.label" }, { - "value": "cover", - "label": "t:sections.main-product.settings.media_fit.options__2.label" + "value": "fixed", + "label": "t:general.container.options__fixed.label" } ], - "default": "contain", - "label": "t:sections.main-product.settings.media_fit.label" + "default": "fixed", + "label": "t:general.container.label" + }, + { + "type": "color_scheme", + "id": "color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "product", + "id": "product", + "label": "t:general.product.label" + }, + { + "type": "checkbox", + "id": "enable_sticky_info", + "default": true, + "label": "t:sections.main-product.settings.enable_sticky_info.label" + }, + { + "type": "header", + "content": "t:sections.main-product.settings.header.content", + "info": "t:sections.main-product.settings.header.info" }, { "type": "select", - "id": "media_position", + "id": "media_size", "options": [ { - "value": "left", - "label": "t:sections.featured-product.settings.media_position.options__1.label" + "value": "small", + "label": "t:sections.main-product.settings.media_size.options__1.label" + }, + { + "value": "medium", + "label": "t:sections.main-product.settings.media_size.options__2.label" }, { - "value": "right", - "label": "t:sections.featured-product.settings.media_position.options__2.label" + "value": "large", + "label": "t:sections.main-product.settings.media_size.options__3.label" } ], - "default": "left", - "label": "t:sections.featured-product.settings.media_position.label" + "default": "large", + "label": "t:sections.main-product.settings.media_size.label", + "info": "t:sections.main-product.settings.media_size.info" }, { "type": "select", - "id": "image_zoom", + "id": "mobile_thumbnails", "options": [ { - "value": "lightbox", - "label": "t:sections.main-product.settings.image_zoom.options__1.label" + "value": "show", + "label": "t:sections.main-product.settings.mobile_thumbnails.options__1.label" }, { - "value": "hover", - "label": "t:sections.main-product.settings.image_zoom.options__2.label" - }, - { - "value": "none", - "label": "t:sections.main-product.settings.image_zoom.options__3.label" + "value": "hide", + "label": "t:sections.main-product.settings.mobile_thumbnails.options__2.label" } ], - "default": "lightbox", - "label": "t:sections.main-product.settings.image_zoom.label" + "default": "hide", + "label": "t:sections.main-product.settings.mobile_thumbnails.label" }, { "type": "checkbox", - "id": "hide_variants", + "id": "show_image_border", "default": false, - "label": "t:sections.main-product.settings.hide_variants.label" + "label": "t:general.show_image_border.label" + }, + { + "type": "checkbox", + "id": "enable_image_zoom", + "default": true, + "label": "t:sections.main-product.settings.enable_image_zoom.label" }, { "type": "checkbox", "id": "enable_video_looping", "default": false, - "label": "t:sections.featured-product.settings.enable_video_looping.label" + "label": "t:sections.main-product.settings.enable_video_looping.label" }, { "type": "header", - "content": "t:sections.all.padding.section_padding_heading" + "content": "t:general.padding.section_heading.content" }, { "type": "range", "id": "padding_top", "min": 0, "max": 100, - "step": 4, + "step": 2, "unit": "px", - "label": "t:sections.all.padding.padding_top", - "default": 36 + "label": "t:general.padding.top.label", + "default": 50 }, { "type": "range", "id": "padding_bottom", "min": 0, "max": 100, - "step": 4, + "step": 2, "unit": "px", - "label": "t:sections.all.padding.padding_bottom", - "default": 36 + "label": "t:general.padding.bottom.label", + "default": 50 + }, + { + "type": "header", + "content": "t:general.divider.section_heading.content" + }, + { + "type": "checkbox", + "id": "show_section_divider", + "default": false, + "label": "t:general.divider.show_divider.label" + }, + { + "type": "select", + "id": "divider_width", + "options": [ + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + }, + { + "value": "full", + "label": "t:general.container.options__full.label" + } + ], + "default": "fixed", + "label": "t:general.divider.width.label" } ], "presets": [ { - "name": "t:sections.featured-product.presets.name", + "name": "t:sections.featured-product.name", "blocks": [ { - "type": "text", + "type": "badges", "settings": { - "text": "{{ section.settings.product.vendor }}", - "text_style": "uppercase" + "show_soldout_badge": true, + "show_sale_badge": true, + "sale_badge_type": "percentage" } }, { - "type": "title" + "type": "title", + "settings": { + "heading_size": "h1" + } + }, + { + "type": "meta" }, { "type": "price" }, { - "type": "variant_picker" + "type": "icon-with-text", + "settings": { + "title_font": "body", + "title_size": "text-base", + "icon_1": "check", + "heading_1": "Modern", + "icon_2": "check", + "heading_2": "Eco-certified", + "icon_3": "check", + "heading_3": "Warranty" + } + }, + { + "type": "divider" }, { - "type": "quantity_selector" + "type": "inventory" + }, + { + "type": "description" + }, + { + "type": "variant_picker", + "settings": { + "swatch_style": "square" + } }, { "type": "buy_buttons" }, { - "type": "share" + "type": "icon-with-text", + "settings": { + "layout": "vertical", + "title_font": "body", + "title_size": "text-base", + "icon_1": "car-simple", + "heading_1": "Free International Shipping over $200", + "icon_2": "arrow-up-left", + "heading_2": "Free Returns Within 30 days", + "icon_3": "star-four", + "heading_3": "" + } } ] } diff --git a/sections/featured-products-tab.liquid b/sections/featured-products-tab.liquid new file mode 100644 index 00000000000..b5d57b3e0e1 --- /dev/null +++ b/sections/featured-products-tab.liquid @@ -0,0 +1,565 @@ +{{ 'component-card-img-with-product.css' | asset_url | stylesheet_tag }} +{{ 'section-featured-products-tab.css' | asset_url | stylesheet_tag }} + +{%- style -%} + .section-{{ section.id }} { + --section-padding-top: {{ section.settings.padding_top }}px; + --section-padding-bottom: {{ section.settings.padding_bottom }}px; + --f-columns-mobile: 1; + --f-columns-md: 2; + } +{%- endstyle -%} +{%- render 'divider', + show_divider: section.settings.show_section_divider, + divider_width: section.settings.divider_width +-%} +
+
+ {%- if section.blocks.size > 0 -%} + +
+
+ {%- render 'section-heading', section_settings: section.settings, custom_css_class: 'w-full' -%} + {%- if section.settings.button_label != blank -%} + + {% render 'button', + button_style: section.settings.button_style, + button_link: section.settings.button_link, + button_label: section.settings.button_label, + button_icon: section.settings.button_icon + %} + + {%- endif -%} +
+ + {%- for block in section.blocks -%} + {%- liquid + if block.settings.title != blank + assign tab_name = block.settings.title + else + assign tab_name = 'Tab ' | append: forloop.index + endif + -%} + + {%- endfor -%} + +
+
+
+
+ {%- for block in section.blocks -%} + {%- liquid + assign products = blank + assign products_to_show = false + if block.settings.products != blank + assign products = block.settings.products + endif + if products.count > 2 + assign products_to_show = true + endif + -%} + + {%- endfor -%} +
+ + {%- endif -%} +
+
+{% schema %} +{ + "name": "t:sections.featured-products-tab.name", + "disabled_on": { + "groups": ["header", "footer", "custom.overlay"] + }, + "settings": [ + { + "type": "header", + "content": "t:general.general.name" + }, + { + "type": "select", + "id": "container", + "label": "t:general.container.label", + "default": "fixed", + "options": [ + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + }, + { + "value": "full", + "label": "t:general.container.options__full.label" + } + ] + }, + { + "type": "color_scheme", + "id": "color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "header", + "content": "t:general.section_header.content" + }, + { + "type": "inline_richtext", + "id": "subheading", + "label": "t:general.subheading.label" + }, + { + "type": "inline_richtext", + "id": "heading", + "default": "Featured products tab", + "label": "t:general.heading.label", + "info": "t:general.heading.info" + }, + { + "type": "select", + "id": "highlight_style", + "label": "t:general.highlight_text.highlight_style.label", + "options": [ + { + "value": "none", + "label": "t:general.highlight_text.highlight_style.options.option__1.label" + }, + { + "value": "hand_drawn_circle", + "label": "t:general.highlight_text.highlight_style.options.option__2.label" + }, + { + "value": "thick_underline", + "label": "t:general.highlight_text.highlight_style.options.option__3.label" + }, + { + "value": "wave_underline", + "label": "t:general.highlight_text.highlight_style.options.option__4.label" + } + ] + }, + { + "type": "select", + "id": "highlight_font_style", + "label": "t:general.highlight_text.highlight_font_style.label", + "options": [ + { + "value": "italic", + "label": "t:general.highlight_text.highlight_font_style.options.option__1.label" + }, + { + "value": "normal", + "label": "t:general.highlight_text.highlight_font_style.options.option__2.label" + } + ] + }, + { + "type": "color", + "id": "highlight_style_color", + "label": "t:general.highlight_text.highlight_style_color.label" + }, + { + "type": "color", + "id": "highlight_text_color", + "label": "t:general.highlight_text.highlight_text_color.label" + }, + { + "type": "select", + "id": "heading_size", + "label": "t:general.text_size.heading.label", + "default": "h1", + "options": [ + { + "value": "h5", + "label": "t:general.text_size.options__h5.label" + }, + { + "value": "h4", + "label": "t:general.text_size.options__h4.label" + }, + { + "value": "h3", + "label": "t:general.text_size.options__h3.label" + }, + { + "value": "h2", + "label": "t:general.text_size.options__h2.label" + }, + { + "value": "h1", + "label": "t:general.text_size.options__h1.label" + }, + { + "value": "hd2", + "label": "t:general.text_size.options__hd2.label" + }, + { + "value": "hd1", + "label": "t:general.text_size.options__hd1.label" + } + ] + }, + { + "type": "richtext", + "id": "description", + "label": "t:general.text.label" + }, + { + "type": "select", + "id": "text_size", + "label": "t:general.text_size.text.label", + "default": "text-base", + "options": [ + { + "value": "text-sm", + "label": "t:general.text_size.options__small.label" + }, + { + "value": "text-base", + "label": "t:general.text_size.options__base.label" + }, + { + "value": "text-lg", + "label": "t:general.text_size.options__large.label" + }, + { + "value": "text-inherit", + "label": "t:general.text_size.options__inherit.label" + } + ] + }, + { + "type": "text", + "id": "button_label", + "label": "t:general.button.button_label.label", + "default": "Button label" + }, + { + "type": "url", + "id": "button_link", + "label": "t:general.button.button_link.label" + }, + { + "type": "select", + "id": "button_style", + "label": "t:general.button.button_style.label", + "options": [ + { + "value": "btn--primary", + "label": "t:general.button.button_style.options__1.label" + }, + { + "value": "btn--secondary", + "label": "t:general.button.button_style.options__2.label" + }, + { + "value": "btn--underline", + "label": "t:general.button.button_style.options__4.label" + }, + { + "value": "btn--plain", + "label": "t:general.button.button_style.options__7.label" + } + ], + "default": "btn--primary" + }, + { + "type": "select", + "id": "button_icon", + "label": "t:general.button.button_icon.label", + "options": [ + { + "value": "none", + "label": "t:general.button.button_icon.options__1.label" + }, + { + "value": "caret-right", + "label": "t:general.button.button_icon.options__2.label" + }, + { + "value": "caret-left", + "label": "t:general.button.button_icon.options__22.label" + }, + { + "value": "arrow-right", + "label": "t:general.button.button_icon.options__3.label" + }, + { + "value": "arrow-left", + "label": "t:general.button.button_icon.options__23.label" + }, + { + "value": "close", + "label": "t:general.button.button_icon.options__4.label" + }, + { + "value": "home", + "label": "t:general.button.button_icon.options__5.label" + }, + { + "value": "search", + "label": "t:general.button.button_icon.options__6.label" + }, + { + "value": "hamburger", + "label": "t:general.button.button_icon.options__7.label" + }, + { + "value": "pencil", + "label": "t:general.button.button_icon.options__8.label" + }, + { + "value": "plus", + "label": "t:general.button.button_icon.options__9.label" + }, + { + "value": "cart", + "label": "t:general.button.button_icon.options__10.label" + }, + { + "value": "account", + "label": "t:general.button.button_icon.options__11.label" + }, + { + "value": "sign-in", + "label": "t:general.button.button_icon.options__12.label" + }, + { + "value": "chat", + "label": "t:general.button.button_icon.options__13.label" + }, + { + "value": "download", + "label": "t:general.button.button_icon.options__14.label" + }, + { + "value": "upload", + "label": "t:general.button.button_icon.options__15.label" + }, + { + "value": "heart", + "label": "t:general.button.button_icon.options__16.label" + }, + { + "value": "play-outline", + "label": "t:general.button.button_icon.options__17.label" + }, + { + "value": "pause", + "label": "t:general.button.button_icon.options__18.label" + }, + { + "value": "stop", + "label": "t:general.button.button_icon.options__19.label" + }, + { + "value": "speaker", + "label": "t:general.button.button_icon.options__20.label" + }, + { + "value": "setting", + "label": "t:general.button.button_icon.options__21.label" + } + ], + "default": "none" + }, + { + "type": "header", + "content": "t:general.header__product_cards.content" + }, + { + "type": "select", + "id": "pcard_image_ratio", + "label": "t:general.image_ratio.label", + "options": [ + { + "value": "adapt", + "label": "t:general.image_ratio.options__1.label" + }, + { + "value": "1/1", + "label": "t:general.image_ratio.options__2.label" + }, + { + "value": "3/4", + "label": "t:general.image_ratio.options__3.label" + }, + { + "value": "4/3", + "label": "t:general.image_ratio.options__4.label" + } + ] + }, + { + "type": "header", + "content": "t:general.mobile.name" + }, + { + "type": "checkbox", + "id": "swipe_on_mobile", + "default": true, + "label": "t:general.mobile.swipe_on_mobile.label" + }, + { + "type": "header", + "content": "t:general.divider.section_heading.content" + }, + { + "type": "checkbox", + "id": "show_section_divider", + "label": "t:general.divider.show_divider.label", + "default": false + }, + { + "type": "select", + "id": "divider_width", + "label": "t:general.divider.width.label", + "default": "fixed", + "options": [ + { + "value": "fixed", + "label": "t:general.container.options__fixed.label" + }, + { + "value": "full", + "label": "t:general.container.options__full.label" + } + ] + }, + { + "type": "header", + "content": "t:general.padding.section_heading.content" + }, + { + "type": "range", + "id": "padding_top", + "label": "t:general.padding.top.label", + "default": 50, + "min": 0, + "max": 120, + "step": 2, + "unit": "px" + }, + { + "type": "range", + "id": "padding_bottom", + "label": "t:general.padding.bottom.label", + "default": 50, + "min": 0, + "max": 120, + "step": 2, + "unit": "px" + } + ], + "blocks": [ + { + "type": "tab", + "name": "t:sections.featured-products-tab.blocks.tab.name", + "settings": [ + { + "type": "color_scheme", + "id": "color_scheme", + "label": "t:general.colors.label", + "default": "scheme-1" + }, + { + "type": "text", + "id": "title", + "label": "t:sections.featured-products-tab.blocks.tab.settings.title" + }, + { + "type": "product_list", + "id": "products", + "label": "t:general.products.label", + "limit": 6 + } + ] + } + ], + "presets": [ + { + "name": "t:sections.featured-products-tab.name", + "blocks": [ + { + "type": "tab", + "settings": { + "title": "Product list 1" + } + }, + { + "type": "tab", + "settings": { + "title": "Product list 2" + } + }, + { + "type": "tab", + "settings": { + "title": "Product list 3" + } + } + ] + } + ] +} +{% endschema %} diff --git a/sections/footer-group.json b/sections/footer-group.json index a9263d9b541..f4793fa7938 100644 --- a/sections/footer-group.json +++ b/sections/footer-group.json @@ -1,53 +1,272 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin theme editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "name": "t:sections.footer.name", "type": "footer", "sections": { + "multicolumn_icon_rTKNUF": { + "type": "multicolumn-icon", + "blocks": { + "column_PnJ3NJ": { + "type": "column", + "settings": { + "icon": "chat", + "max_width": 28, + "max_width_mb": 28, + "title": "Customer Service", + "highlight_style": "none", + "highlight_font_style": "italic", + "highlight_style_color": "", + "highlight_text_color": "", + "heading_size": "text-base", + "heading_font": "body-bolder", + "text": "

Mon-Sat, 9am-6pm EST.

", + "text_size": "text-base", + "button_label": "", + "button_link": "", + "button_style": "btn--underline", + "button_icon": "none" + } + }, + "column_xNjRtG": { + "type": "column", + "settings": { + "icon": "phone", + "max_width": 28, + "max_width_mb": 28, + "title": "Call Us", + "highlight_style": "none", + "highlight_font_style": "italic", + "highlight_style_color": "", + "highlight_text_color": "", + "heading_size": "text-base", + "heading_font": "body-bolder", + "text": "

+1 888-234-1234 (tool-free)

", + "text_size": "text-base", + "button_label": "", + "button_link": "", + "button_style": "btn--underline", + "button_icon": "none" + } + }, + "column_69fN8n": { + "type": "column", + "settings": { + "icon": "paperplane", + "max_width": 28, + "max_width_mb": 28, + "title": "Get in Touch", + "highlight_style": "none", + "highlight_font_style": "italic", + "highlight_style_color": "", + "highlight_text_color": "", + "heading_size": "text-base", + "heading_font": "body-bolder", + "text": "

touch@garacestore.com

", + "text_size": "text-base", + "button_label": "", + "button_link": "", + "button_style": "btn--underline", + "button_icon": "none" + } + }, + "column_ngN6XL": { + "type": "column", + "settings": { + "icon": "map-pin", + "max_width": 32, + "max_width_mb": 32, + "title": "Address", + "highlight_style": "none", + "highlight_font_style": "italic", + "highlight_style_color": "", + "highlight_text_color": "", + "heading_size": "text-base", + "heading_font": "body-bolder", + "text": "

382 NE 191st St # 87394 Miami

", + "text_size": "text-base", + "button_label": "", + "button_link": "", + "button_style": "btn--underline", + "button_icon": "none" + } + } + }, + "block_order": [ + "column_PnJ3NJ", + "column_xNjRtG", + "column_69fN8n", + "column_ngN6XL" + ], + "custom_css": [ + ".rich-text__text {--text-margin-top: 0.4rem;}" + ], + "settings": { + "container": "fixed", + "color_scheme": "scheme-info", + "header_layout": "vertical", + "section_header_alignment": "left", + "section_header_alignment_mobile": "inherit", + "subheading": "", + "heading": "", + "highlight_style": "none", + "highlight_font_style": "italic", + "highlight_style_color": "", + "highlight_text_color": "", + "heading_size": "h1", + "description": "", + "text_size": "text-base", + "button_label": "", + "button_link": "", + "button_style": "btn--underline", + "button_icon": "none", + "enable_sticky": false, + "card_color_scheme": "scheme-info", + "content_alignment": "left", + "image_position": "left", + "icon_color": "#64b7a6", + "columns_desktop": 4, + "column_gap": "large", + "row_gap": "inherit", + "show_divider_col": false, + "columns_mobile": "1", + "swipe_on_mobile": false, + "show_section_divider": false, + "divider_width": "fixed", + "padding_top": 32, + "padding_bottom": 32 + } + }, "footer": { "type": "footer", "blocks": { - "footer-0": { - "type": "link_list", + "newsletter_3qCrWc": { + "type": "newsletter", + "settings": { + "block_width": 55, + "heading": "Join the Sendriya Life Community", + "heading_size": "h3", + "newsletter_description": "

Receive wellness insights, product updates, and inspiration from nature.

", + "newsletter_term": "

By subscribing you agree to the Terms of Use & Privacy Policy.

", + "newsletter_text_alignment": "left", + "form_width": 465, + "button_style": "btn--secondary", + "button_icon": "none", + "order_first": true + } + }, + "menu_DEKGYP": { + "type": "menu", "settings": { - "heading": "Quick links", - "menu": "footer" + "block_width": 15, + "heading": "Company", + "heading_size": "h6", + "menu": "footer", + "open_default": false, + "show_divider": false } }, - "footer-1": { - "type": "link_list", + "menu_4eCrBB": { + "type": "menu", "settings": { - "heading": "Info", - "menu": "footer" + "block_width": 15, + "heading": "Collection", + "heading_size": "h6", + "menu": "footer", + "open_default": false, + "show_divider": false } }, - "footer-2": { - "type": "text", + "menu_6cjHfA": { + "type": "menu", "settings": { - "heading": "Our mission", - "subtext": "

Share contact information, store details, and brand content with your customers.<\/p>" + "block_width": 15, + "heading": "Shop", + "heading_size": "h6", + "menu": "footer", + "open_default": false, + "show_divider": false } } }, "block_order": [ - "footer-0", - "footer-1", - "footer-2" + "newsletter_3qCrWc", + "menu_DEKGYP", + "menu_4eCrBB", + "menu_6cjHfA" ], + "custom_css": [], "settings": { - "color_scheme": "scheme-1", - "newsletter_enable": true, - "newsletter_heading": "Subscribe to our emails", + "container": "fixed", + "color_scheme": "scheme-info", + "enable_follow_on_shop": true, "show_social": true, - "enable_country_selector": false, + "social_button_style": "btn--icon", + "enable_country_selector": true, "enable_language_selector": false, "payment_enable": true, - "show_policy": false, - "margin_top": 48, - "padding_top": 36, - "padding_bottom": 36 + "footer_layout": "standard", + "footer_bottom_menu": "", + "show_sperator_line": false, + "show_section_divider": true, + "divider_width": "fixed", + "padding_top": 40, + "padding_bottom": 40 + } + }, + "mobile_sticky_bar_aYhgJK": { + "type": "mobile-sticky-bar", + "blocks": { + "home_AP8mmy": { + "type": "home", + "settings": { + "text": "Home" + } + }, + "cart_gnnwxQ": { + "type": "cart", + "settings": { + "text": "Cart" + } + }, + "products_eYYkE8": { + "type": "products", + "settings": { + "text": "Products", + "collection": "" + } + }, + "link_mJ6QMc": { + "type": "link", + "settings": { + "text": "About", + "url": "", + "icon": "map-pin" + } + } + }, + "block_order": [ + "home_AP8mmy", + "cart_gnnwxQ", + "products_eYYkE8", + "link_mJ6QMc" + ], + "settings": { + "enable_sticky_bar": true, + "show_text": true } } }, "order": [ - "footer" + "multicolumn_icon_rTKNUF", + "footer", + "mobile_sticky_bar_aYhgJK" ] } diff --git a/sections/footer.liquid b/sections/footer.liquid index dbf68b376a9..afdff475715 100644 --- a/sections/footer.liquid +++ b/sections/footer.liquid @@ -1,451 +1,986 @@ {% comment %}theme-check-disable UndefinedObject{% endcomment %} -{{ 'section-footer.css' | asset_url | stylesheet_tag }} -{{ 'component-newsletter.css' | asset_url | stylesheet_tag }} -{{ 'component-list-menu.css' | asset_url | stylesheet_tag }} -{{ 'component-list-payment.css' | asset_url | stylesheet_tag }} -{{ 'component-list-social.css' | asset_url | stylesheet_tag }} - -{%- style -%} - .footer { - margin-top: {{ section.settings.margin_top | times: 0.75 | round: 0 }}px; - } - - .section-{{ section.id }}-padding { - padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px; - padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px; - } - - @media screen and (min-width: 750px) { - .footer { - margin-top: {{ section.settings.margin_top }}px; - } - - .section-{{ section.id }}-padding { - padding-top: {{ section.settings.padding_top }}px; - padding-bottom: {{ section.settings.padding_bottom }}px; - } - } -{%- endstyle -%} - -