diff --git a/config/settings_data.json b/config/settings_data.json index 0f7a06db992..1d2071be29a 100644 --- a/config/settings_data.json +++ b/config/settings_data.json @@ -1,5 +1,331 @@ +/* + * ------------------------------------------------------------ + * 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. + * ------------------------------------------------------------ + */ { - "current": "Default", + "current": { + "logo": "{{ shop.brand.logo }}", + "logo_width": 170, + "favicon": "{{ shop.brand.square_logo }}", + "type_header_font": "antique_olive_n7", + "heading_scale": 100, + "type_body_font": "dosis_n6", + "body_scale": 105, + "page_width": 1200, + "spacing_sections": 0, + "spacing_grid_horizontal": 8, + "spacing_grid_vertical": 8, + "animations_reveal_on_scroll": true, + "animations_hover_elements": "3d-lift", + "buttons_border_thickness": 1, + "buttons_border_opacity": 100, + "buttons_radius": 40, + "buttons_shadow_opacity": 0, + "buttons_shadow_horizontal_offset": 0, + "buttons_shadow_vertical_offset": 4, + "buttons_shadow_blur": 5, + "variant_pills_border_thickness": 1, + "variant_pills_border_opacity": 55, + "variant_pills_radius": 40, + "variant_pills_shadow_opacity": 0, + "variant_pills_shadow_horizontal_offset": 0, + "variant_pills_shadow_vertical_offset": 4, + "variant_pills_shadow_blur": 5, + "inputs_border_thickness": 1, + "inputs_border_opacity": 55, + "inputs_radius": 30, + "inputs_shadow_opacity": 0, + "inputs_shadow_horizontal_offset": 0, + "inputs_shadow_vertical_offset": 4, + "inputs_shadow_blur": 5, + "card_style": "card", + "card_image_padding": 0, + "card_text_alignment": "left", + "card_color_scheme": "scheme-8f92371d-7bd6-4c3a-8341-2ea292c80f74", + "card_border_thickness": 0, + "card_border_opacity": 10, + "card_corner_radius": 20, + "card_shadow_opacity": 0, + "card_shadow_horizontal_offset": 0, + "card_shadow_vertical_offset": 4, + "card_shadow_blur": 5, + "collection_card_style": "card", + "collection_card_image_padding": 0, + "collection_card_text_alignment": "left", + "collection_card_color_scheme": "scheme-8f92371d-7bd6-4c3a-8341-2ea292c80f74", + "collection_card_border_thickness": 0, + "collection_card_border_opacity": 10, + "collection_card_corner_radius": 20, + "collection_card_shadow_opacity": 0, + "collection_card_shadow_horizontal_offset": 0, + "collection_card_shadow_vertical_offset": 4, + "collection_card_shadow_blur": 5, + "blog_card_style": "standard", + "blog_card_image_padding": 0, + "blog_card_text_alignment": "left", + "blog_card_color_scheme": "scheme-2", + "blog_card_border_thickness": 0, + "blog_card_border_opacity": 10, + "blog_card_corner_radius": 20, + "blog_card_shadow_opacity": 0, + "blog_card_shadow_horizontal_offset": 0, + "blog_card_shadow_vertical_offset": 4, + "blog_card_shadow_blur": 5, + "text_boxes_border_thickness": 0, + "text_boxes_border_opacity": 10, + "text_boxes_radius": 20, + "text_boxes_shadow_opacity": 0, + "text_boxes_shadow_horizontal_offset": 0, + "text_boxes_shadow_vertical_offset": 4, + "text_boxes_shadow_blur": 5, + "media_border_thickness": 1, + "media_border_opacity": 5, + "media_radius": 20, + "media_shadow_opacity": 0, + "media_shadow_horizontal_offset": 0, + "media_shadow_vertical_offset": 4, + "media_shadow_blur": 5, + "popup_border_thickness": 1, + "popup_border_opacity": 10, + "popup_corner_radius": 20, + "popup_shadow_opacity": 5, + "popup_shadow_horizontal_offset": 0, + "popup_shadow_vertical_offset": 4, + "popup_shadow_blur": 5, + "drawer_border_thickness": 1, + "drawer_border_opacity": 10, + "drawer_shadow_opacity": 0, + "drawer_shadow_horizontal_offset": 0, + "drawer_shadow_vertical_offset": 4, + "drawer_shadow_blur": 5, + "badge_position": "bottom left", + "badge_corner_radius": 40, + "sale_badge_color_scheme": "scheme-6b778a28-3eb6-42f7-a483-f3decbad892b", + "sold_out_badge_color_scheme": "scheme-d3c596be-ed6f-4eaa-9ce9-304592ead2b1", + "brand_headline": "Descora Station", + "brand_description": "", + "social_facebook_link": "", + "social_instagram_link": "https://www.instagram.com/descorastation/", + "social_youtube_link": "", + "social_tiktok_link": "https://www.tiktok.com/@descorastation", + "social_twitter_link": "", + "social_snapchat_link": "", + "social_pinterest_link": "", + "social_tumblr_link": "", + "social_vimeo_link": "", + "predictive_search_enabled": true, + "predictive_search_show_vendor": false, + "predictive_search_show_price": false, + "currency_code_enabled": true, + "cart_type": "notification", + "show_vendor": false, + "show_cart_note": false, + "cart_drawer_collection": "", + "optionName": "", + "swatchType": "color", + "swatchColors": "light pink - white:#F9A2A8#FFF8F3\nwhite - light pink:#FFF8F3#F9A2A8\nlight pink - pink:#F9A2A8#EC426E\nblack - light pink:#0D0D0D#F9A2A8\npurple - white:#FFF8F3#BF97D5\nblack - purple:#0D0D0D#BF97D5", + "swatchStyle": "round", + "checkout_body_background_color": "#fbf9f9", + "checkout_sidebar_background_color": "#fbf9f9", + "sections": { + "main-password-header": { + "type": "main-password-header", + "settings": { + "color_scheme": "scheme-1" + } + }, + "main-password-footer": { + "type": "main-password-footer", + "settings": { + "color_scheme": "scheme-1" + } + } + }, + "content_for_index": [], + "color_schemes": { + "scheme-1": { + "settings": { + "background": "#fbf9f9", + "background_gradient": "", + "text": "{{ shop.brand.colors.secondary[0].background }}", + "button": "{{ shop.brand.colors.secondary[0].background }}", + "button_label": "#fbf9f9", + "secondary_button_label": "{{ shop.brand.colors.secondary[0].background }}", + "shadow": "#121212" + } + }, + "scheme-2": { + "settings": { + "background": "#f3f3f3", + "background_gradient": "", + "text": "#121212", + "button": "#121212", + "button_label": "#f3f3f3", + "secondary_button_label": "#121212", + "shadow": "#121212" + } + }, + "scheme-3": { + "settings": { + "background": "#242833", + "background_gradient": "", + "text": "#ffffff", + "button": "#ffffff", + "button_label": "#000000", + "secondary_button_label": "#ffffff", + "shadow": "#121212" + } + }, + "scheme-4": { + "settings": { + "background": "#121212", + "background_gradient": "", + "text": "#ffffff", + "button": "#ffffff", + "button_label": "#121212", + "secondary_button_label": "#ffffff", + "shadow": "#121212" + } + }, + "scheme-5": { + "settings": { + "background": "#334fb4", + "background_gradient": "", + "text": "#ffffff", + "button": "#ffffff", + "button_label": "#334fb4", + "secondary_button_label": "#ffffff", + "shadow": "#121212" + } + }, + "scheme-15870743-b328-40f2-a548-8e25739dfe64": { + "settings": { + "background": "#060404", + "background_gradient": "", + "text": "#ece9e9", + "button": "#ece9e9", + "button_label": "#060404", + "secondary_button_label": "#ece9e9", + "shadow": "#161313" + } + }, + "scheme-6b778a28-3eb6-42f7-a483-f3decbad892b": { + "settings": { + "background": "{{ shop.brand.colors.primary[0].background }}", + "background_gradient": "", + "text": "#fbf9f9", + "button": "#fbf9f9", + "button_label": "{{ shop.brand.colors.primary[0].background }}", + "secondary_button_label": "#fbf9f9", + "shadow": "#121212" + } + }, + "scheme-285911f8-4f01-4949-a476-2ff08da2b4d6": { + "settings": { + "background": "#fbf9f9", + "background_gradient": "", + "text": "#161313", + "button": "{{ shop.brand.colors.secondary[0].background }}", + "button_label": "#fbf9f9", + "secondary_button_label": "{{ shop.brand.colors.secondary[0].background }}", + "shadow": "#121212" + } + }, + "scheme-0c2e7ad3-991a-4392-883a-86759c5cf171": { + "settings": { + "background": "#fbf9f9", + "background_gradient": "", + "text": "#161313", + "button": "{{ shop.brand.colors.primary[0].foreground }}", + "button_label": "#161313", + "secondary_button_label": "{{ shop.brand.colors.primary[0].foreground }}", + "shadow": "#121212" + } + }, + "scheme-6c45f782-57b9-48ae-8213-c75ab62c4284": { + "settings": { + "background": "#060404", + "background_gradient": "", + "text": "{{ shop.brand.colors.primary[0].background }}", + "button": "{{ shop.brand.colors.primary[0].background }}", + "button_label": "#161313", + "secondary_button_label": "{{ shop.brand.colors.primary[0].background }}", + "shadow": "#121212" + } + }, + "scheme-d3c596be-ed6f-4eaa-9ce9-304592ead2b1": { + "settings": { + "background": "#fbf9f9", + "background_gradient": "", + "text": "{{ shop.brand.colors.secondary[0].background }}", + "button": "{{ shop.brand.colors.secondary[0].background }}", + "button_label": "#fbf9f9", + "secondary_button_label": "{{ shop.brand.colors.secondary[0].background }}", + "shadow": "#121212" + } + }, + "scheme-016318c1-bb41-4323-a850-cac811480190": { + "settings": { + "background": "#fbf9f9", + "background_gradient": "", + "text": "{{ shop.brand.colors.primary[0].foreground }}", + "button": "{{ shop.brand.colors.primary[0].foreground }}", + "button_label": "#161313", + "secondary_button_label": "{{ shop.brand.colors.primary[0].foreground }}", + "shadow": "#121212" + } + }, + "scheme-f308d7d9-f0ee-485b-afe4-2fdd8870d26e": { + "settings": { + "background": "{{ shop.brand.colors.secondary[0].background }}", + "background_gradient": "", + "text": "#fbf9f9", + "button": "#fbf9f9", + "button_label": "{{ shop.brand.colors.secondary[0].background }}", + "secondary_button_label": "#fbf9f9", + "shadow": "#121212" + } + }, + "scheme-56b85104-3295-4075-ada6-c3c26b8c78df": { + "settings": { + "background": "#fbf9f9", + "background_gradient": "", + "text": "{{ shop.brand.colors.primary[0].background }}", + "button": "{{ shop.brand.colors.primary[0].background }}", + "button_label": "#fbf9f9", + "secondary_button_label": "{{ shop.brand.colors.primary[0].background }}", + "shadow": "#121212" + } + }, + "scheme-06d3c196-e11d-44f4-a044-bffbe206f5e1": { + "settings": { + "background": "#fbf9f9", + "background_gradient": "", + "text": "#554055", + "button": "#554055", + "button_label": "#fbf9f9", + "secondary_button_label": "#554055", + "shadow": "#121212" + } + }, + "scheme-8f92371d-7bd6-4c3a-8341-2ea292c80f74": { + "settings": { + "background": "#ffffff", + "background_gradient": "linear-gradient(116deg, rgba(211, 144, 158, 1), rgba(202, 116, 137, 1), rgba(211, 127, 163, 1) 22%, rgba(148, 125, 200, 1) 100%)", + "text": "#ffffff", + "button": "{{ shop.brand.colors.secondary[0].background }}", + "button_label": "#fbf9f9", + "secondary_button_label": "{{ shop.brand.colors.secondary[0].background }}", + "shadow": "#121212" + } + } + } + }, "presets": { "Default": { "logo_width": 90, diff --git a/config/settings_schema.json b/config/settings_schema.json index 8418a6eefeb..e6c351e3c4d 100644 --- a/config/settings_schema.json +++ b/config/settings_schema.json @@ -1465,5 +1465,88 @@ "default": "scheme-1" } ] - } + }, + { + "name": "Color Swatches by WebSensePro", + "settings": [ + { + "type": "paragraph", + "content": "Support WebSensePro by [Subscribing our Channel](https:\/\/youtube.com\/@websensepro?sub_confirmation=1)" + }, + { + "type": "text", + "id": "optionName", + "label": "Swatch option name", + "default": "Color", + "info": "Make sure capitalization is same as variant for e.g Color not color " + }, + { + "type": "paragraph", + "content": "If your store is in different languages, type in all the different words and separate them with commas. For example: Color, Colour, Couleur" + }, + { + "type": "select", + "id": "swatchType", + "label": "Swatch type", + "options": [ + { + "value": "color", + "label": "Color" + }, + { + "value": "variantImage", + "label": "Variant image" + } + ], + "default": "color" + }, + { + "type": "textarea", + "id": "swatchColors", + "label": "Colors", + "placeholder": "Red:#ff0000\nGreen:#00ff00\nBlue:#0000ff", + "default": "Black:#000000\nWhite:#f5f5f5\nBlue:#005eff\nRed:#c9002c\nPink:#ffd5e6\nBrown:#a2896b\nOlive:#808000\nGreenRed:#008000#c9002c\nGreenRedBlue:#008000#c9002c#005eff", + "info": "One rule per line. Example: Blue:#005eff\n2 Color Swatch Example: GreenRed:#008000#c9002c\n3 Color Swatch Example: GreenRedBlue:#008000#c9002c#005eff" + }, + { + "type": "paragraph", + "content": "You can also add [image files](\/admin\/content\/files?selectedView=all&media_type=Image) instead of using colors, in lowercase with spaces replaced by hyphens. Example: Green kaki: green-kaki.png" + }, + { + "type": "select", + "id": "swatchStyle", + "label": "Swatch style", + "options": [ + { + "value": "round", + "label": "Round" + }, + { + "value": "square", + "label": "Square" + }, + { + "value":"square-round-corners", + "label":"Square round corners" + }, + { + "value": "portrait", + "label": "Portrait" + } + ], + "default": "round", + "info":"Portrait mode is only available for the variant image type." + }, + { + "type": "range", + "id": "swatchSize", + "min": 20, + "max": 120, + "step": 2, + "unit": "px", + "label": "Swatch size", + "default": 40 + } + ] + }, ] diff --git a/sections/footer-group.context.de.json b/sections/footer-group.context.de.json new file mode 100644 index 00000000000..9e842f08d44 --- /dev/null +++ b/sections/footer-group.context.de.json @@ -0,0 +1,17 @@ +/* +* ------------------------------------------------------------ +* 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. +* ------------------------------------------------------------ +*/ +{ + "parent": "footer-group.json", + "context": { + "market": "de" + }, + "sections": { + } +} diff --git a/sections/footer-group.json b/sections/footer-group.json index a9263d9b541..2f6e6c0d9e7 100644 --- a/sections/footer-group.json +++ b/sections/footer-group.json @@ -4,44 +4,17 @@ "sections": { "footer": { "type": "footer", - "blocks": { - "footer-0": { - "type": "link_list", - "settings": { - "heading": "Quick links", - "menu": "footer" - } - }, - "footer-1": { - "type": "link_list", - "settings": { - "heading": "Info", - "menu": "footer" - } - }, - "footer-2": { - "type": "text", - "settings": { - "heading": "Our mission", - "subtext": "

Share contact information, store details, and brand content with your customers.<\/p>" - } - } - }, - "block_order": [ - "footer-0", - "footer-1", - "footer-2" - ], "settings": { - "color_scheme": "scheme-1", - "newsletter_enable": true, + "color_scheme": "scheme-d3c596be-ed6f-4eaa-9ce9-304592ead2b1", + "newsletter_enable": false, "newsletter_heading": "Subscribe to our emails", + "enable_follow_on_shop": true, "show_social": true, - "enable_country_selector": false, + "enable_country_selector": true, "enable_language_selector": false, "payment_enable": true, - "show_policy": false, - "margin_top": 48, + "show_policy": true, + "margin_top": 0, "padding_top": 36, "padding_bottom": 36 } diff --git a/sections/header-group.context.de.json b/sections/header-group.context.de.json new file mode 100644 index 00000000000..9be877b0ac4 --- /dev/null +++ b/sections/header-group.context.de.json @@ -0,0 +1,17 @@ +/* +* ------------------------------------------------------------ +* 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. +* ------------------------------------------------------------ +*/ +{ + "parent": "header-group.json", + "context": { + "market": "de" + }, + "sections": { + } +} diff --git a/sections/header-group.json b/sections/header-group.json index a9ac3a08a0d..88203df47b8 100644 --- a/sections/header-group.json +++ b/sections/header-group.json @@ -1,3 +1,12 @@ +/* +* ------------------------------------------------------------ +* 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.header.name", "type": "header", @@ -5,31 +14,53 @@ "announcement-bar": { "type": "announcement-bar", "blocks": { - "announcement-bar-0": { + "announcement_LHP4tT": { "type": "announcement", "settings": { - "text": "Welcome to our store", - "text_alignment": "center", - "color_scheme": "scheme-1", + "text": "Free shipping for orders {{ localization.market.metafields.custom.free_shipping_limit | metafield_text }} or more", "link": "" } + }, + "announcement_FpNgyK": { + "type": "announcement", + "settings": { + "text": "NEW: Bunny headphone stand available now!", + "link": "shopify://products/descora-headphone-stand-mahou-usagi" + } } }, "block_order": [ - "announcement-bar-0" - ] + "announcement_LHP4tT", + "announcement_FpNgyK" + ], + "settings": { + "color_scheme": "scheme-8f92371d-7bd6-4c3a-8341-2ea292c80f74", + "show_line_separator": true, + "show_social": false, + "auto_rotate": true, + "change_slides_speed": 5, + "enable_country_selector": false, + "enable_language_selector": false + } }, "header": { "type": "header", + "custom_css": [ + "summary {font-size: 16px;}", + "a {font-size: 16px;}", + ".mega-menu__link--level-2 {font-size: 18px; font-family: Antique Olive; font-weight: bold;}" + ], "settings": { - "color_scheme": "scheme-1", "logo_position": "middle-left", "menu": "main-menu", - "menu_type_desktop": "dropdown", + "menu_type_desktop": "mega", "sticky_header_type": "on-scroll-up", "show_line_separator": true, + "color_scheme": "scheme-d3c596be-ed6f-4eaa-9ce9-304592ead2b1", + "menu_color_scheme": "scheme-8f92371d-7bd6-4c3a-8341-2ea292c80f74", "enable_country_selector": true, "enable_language_selector": true, + "enable_customer_avatar": true, "mobile_logo_position": "center", "margin_bottom": 0, "padding_top": 20, diff --git a/sections/main-cart-items.liquid b/sections/main-cart-items.liquid index 662faa8aa07..bd44c3f44ec 100644 --- a/sections/main-cart-items.liquid +++ b/sections/main-cart-items.liquid @@ -29,14 +29,16 @@

{{ 'sections.cart.empty' | t }}

- + + {{ 'general.continue_shopping' | t }} diff --git a/sections/main-product-backup.liquid b/sections/main-product-backup.liquid new file mode 100644 index 00000000000..7d1c07c3e8c --- /dev/null +++ b/sections/main-product-backup.liquid @@ -0,0 +1,2261 @@ + + {{ 'section-main-product.css' | asset_url | stylesheet_tag }} + {{ 'component-accordion.css' | asset_url | stylesheet_tag }} + {{ 'component-price.css' | asset_url | stylesheet_tag }} + {{ 'component-slider.css' | asset_url | stylesheet_tag }} + {{ 'component-rating.css' | asset_url | stylesheet_tag }} + {{ 'component-deferred-media.css' | asset_url | stylesheet_tag }} + + {% unless product.has_only_default_variant %} + {{ 'component-product-variant-picker.css' | asset_url | stylesheet_tag }} + {{ 'component-swatch-input.css' | asset_url | stylesheet_tag }} + {{ 'component-swatch.css' | asset_url | stylesheet_tag }} + {% endunless %} + {%- if product.quantity_price_breaks_configured? -%} + {{ 'component-volume-pricing.css' | asset_url | stylesheet_tag }} + {%- endif -%} + + {%- 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 product.quantity_price_breaks_configured? -%} + + + {%- endif -%} + + {% if section.settings.image_zoom == 'hover' %} + + {% endif %} + {%- if request.design_mode -%} + + {%- endif -%} + + {%- assign first_3d_model = product.media | where: 'media_type', 'model' | first -%} + {%- if first_3d_model -%} + {{ 'component-product-model.css' | asset_url | stylesheet_tag }} + + + {%- endif -%} + + {% assign variant_images = product.images | where: 'attached_to_variant?', true | map: 'src' %} +
+
+
+ {% render 'product-media-gallery', variant_images: variant_images %} +
+
+
+ {%- 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' -%} +
+

{{ product.title | escape }}

+ +

+ {{ product.title | escape }} +

+
+
+ {% if product.metafields.custom.showswatch %} + {% else %} + + {% endif %} + + {%- when 'price' -%} +
+ {%- render 'price', + product: product, + 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 -%} +
+ {%- assign product_form_installment_id = 'product-form-installment-' | append: section.id -%} + {%- form 'product', product, id: product_form_installment_id, class: 'installment caption-large' -%} + + {{ form | payment_terms }} + {%- endform -%} +
+ {%- when 'inventory' -%} +

+ {%- if product.selected_or_first_available_variant.inventory_management == 'shopify' -%} + {%- if product.selected_or_first_available_variant.inventory_quantity > 0 -%} + {%- if product.selected_or_first_available_variant.inventory_quantity + <= block.settings.inventory_threshold + -%} + + {%- if block.settings.show_inventory_quantity -%} + {{- + 'products.product.inventory_low_stock_show_count' + | t: quantity: product.selected_or_first_available_variant.inventory_quantity + -}} + {%- else -%} + {{- 'products.product.inventory_low_stock' | t -}} + {%- endif -%} + {%- else -%} + + {%- if block.settings.show_inventory_quantity -%} + {{- + 'products.product.inventory_in_stock_show_count' + | t: quantity: product.selected_or_first_available_variant.inventory_quantity + -}} + {%- else -%} + {{- 'products.product.inventory_in_stock' | t -}} + {%- endif -%} + {%- endif -%} + {%- else -%} + {%- if product.selected_or_first_available_variant.inventory_policy == 'continue' -%} + + {{- 'products.product.inventory_out_of_stock_continue_selling' | t -}} + {%- else -%} + + {{- 'products.product.inventory_out_of_stock' | t -}} + {%- endif -%} + {%- endif -%} + {%- endif -%} +

+ {%- when 'description' -%} + {%- if product.description != blank -%} +
+ {{ product.description }} +
+ {%- endif -%} + {%- when 'sku' -%} +

+ {{ 'products.product.sku' | t }}: + {{- product.selected_or_first_available_variant.sku -}} +

+ {%- when 'custom_liquid' -%} + {{ block.settings.custom_liquid }} + {%- when 'collapsible_tab' -%} +
+
+ +
+ {% render 'icon-accordion', icon: block.settings.icon %} +

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

+
+ {% render 'icon-caret' %} +
+
+ {{ block.settings.content }} + {{ block.settings.page.content }} +
+
+
+ {%- 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 -%} +
+
+ {{ 'products.product.price.regular_price' | t }} +
+
+ + {{ 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' | 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' + | 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 -%} +
+
+ {{ 'products.product.price.regular_price' | t }} +
+
+ + {{ variant_price_compare | money_with_currency }} + +
+
+ {{ 'products.product.price.sale_price' | t }} +
+
+ + {{- 'products.product.volume_pricing.price_at_each' | t: price: variant_price -}} + +
+
+ {%- else -%} + + {{- 'products.product.volume_pricing.price_at_each' | 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 -}} + + + {{- 'sections.quick_order_list.each' | t: money: price_break_price -}} + +
  • + {%- endfor -%} +
+ {%- if product.selected_or_first_available_variant.quantity_price_breaks.size >= 3 -%} + + + + {%- endif -%} + {%- endif -%} +
+ {%- endif -%} +
+ {%- when 'popup' -%} + + + + {%- 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, + show_pickup_availability: true + -%} + {%- 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 + %} + +

+ +

+

+ + + {{- product.metafields.reviews.rating_count }} + {{ 'accessibility.total_reviews' | t -}} + +

+
+ {%- endif -%} + {%- when 'complementary' -%} + + {%- if recommendations.performed and recommendations.products_count > 0 -%} + + {%- endif -%} + {{ 'component-card.css' | asset_url | stylesheet_tag }} + {{ 'component-complementary-products.css' | asset_url | stylesheet_tag }} + {%- if block.settings.enable_quick_add -%} + {{ 'quick-add.css' | asset_url | stylesheet_tag }} + + {%- endif -%} + + {%- when 'icon-with-text' -%} + {% render 'icon-with-text', block: block %} + {%- endcase -%} + {%- endfor -%} + + {{ 'products.product.view_full_details' | t }} + {% render 'icon-arrow' %} + +
+
+
+ + {% render 'product-media-modal', variant_images: variant_images %} + + {% assign popups = section.blocks | where: 'type', 'popup' %} + {%- for block in popups -%} + + + + {%- endfor -%} + + {%- if 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 + -%} + + +
+
+ +{% schema %} +{ + "name": "t:sections.main-product.name", + "tag": "section", + "class": "section", + "blocks": [ + { + "type": "@app" + }, + { + "type": "text", + "name": "t:sections.main-product.blocks.text.name", + "settings": [ + { + "type": "inline_richtext", + "id": "text", + "default": "t:sections.main-product.blocks.text.settings.text.default", + "label": "t:sections.main-product.blocks.text.settings.text.label" + }, + { + "type": "select", + "id": "text_style", + "options": [ + { + "value": "body", + "label": "t:sections.main-product.blocks.text.settings.text_style.options__1.label" + }, + { + "value": "subtitle", + "label": "t:sections.main-product.blocks.text.settings.text_style.options__2.label" + }, + { + "value": "uppercase", + "label": "t:sections.main-product.blocks.text.settings.text_style.options__3.label" + } + ], + "default": "body", + "label": "t:sections.main-product.blocks.text.settings.text_style.label" + } + ] + }, + { + "type": "title", + "name": "t:sections.main-product.blocks.title.name", + "limit": 1 + }, + { + "type": "price", + "name": "t:sections.main-product.blocks.price.name", + "limit": 1 + }, + { + "type": "sku", + "name": "t:sections.main-product.blocks.sku.name", + "limit": 1, + "settings": [ + { + "type": "select", + "id": "text_style", + "options": [ + { + "value": "body", + "label": "t:sections.main-product.blocks.sku.settings.text_style.options__1.label" + }, + { + "value": "subtitle", + "label": "t:sections.main-product.blocks.sku.settings.text_style.options__2.label" + }, + { + "value": "uppercase", + "label": "t:sections.main-product.blocks.sku.settings.text_style.options__3.label" + } + ], + "default": "body", + "label": "t:sections.main-product.blocks.sku.settings.text_style.label" + } + ] + }, + { + "type": "inventory", + "name": "t:sections.main-product.blocks.inventory.name", + "limit": 1, + "settings": [ + { + "type": "select", + "id": "text_style", + "options": [ + { + "value": "body", + "label": "t:sections.main-product.blocks.inventory.settings.text_style.options__1.label" + }, + { + "value": "subtitle", + "label": "t:sections.main-product.blocks.inventory.settings.text_style.options__2.label" + }, + { + "value": "uppercase", + "label": "t:sections.main-product.blocks.inventory.settings.text_style.options__3.label" + } + ], + "default": "body", + "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.main-product.blocks.quantity_selector.name", + "limit": 1 + }, + { + "type": "variant_picker", + "name": "t:sections.main-product.blocks.variant_picker.name", + "limit": 1, + "settings": [ + { + "type": "select", + "id": "picker_type", + "options": [ + { + "value": "dropdown", + "label": "t:sections.main-product.blocks.variant_picker.settings.picker_type.options__1.label" + }, + { + "value": "button", + "label": "t:sections.main-product.blocks.variant_picker.settings.picker_type.options__2.label" + } + ], + "default": "button", + "label": "t:sections.main-product.blocks.variant_picker.settings.picker_type.label" + }, + { + "id": "swatch_shape", + "label": "t:sections.main-product.blocks.variant_picker.settings.swatch_shape.label", + "type": "select", + "info": "t:sections.main-product.blocks.variant_picker.settings.swatch_shape.info", + "options": [ + { + "value": "circle", + "label": "t:sections.main-product.blocks.variant_picker.settings.swatch_shape.options__1.label" + }, + { + "value": "square", + "label": "t:sections.main-product.blocks.variant_picker.settings.swatch_shape.options__2.label" + }, + { + "value": "none", + "label": "t:sections.main-product.blocks.variant_picker.settings.swatch_shape.options__3.label" + } + ], + "default": "circle" + } + ] + }, + { + "type": "buy_buttons", + "name": "t:sections.main-product.blocks.buy_buttons.name", + "limit": 1, + "settings": [ + { + "type": "checkbox", + "id": "show_dynamic_checkout", + "default": true, + "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", + "id": "show_gift_card_recipient", + "default": true, + "label": "t:sections.main-product.blocks.buy_buttons.settings.show_gift_card_recipient.label", + "info": "t:sections.main-product.blocks.buy_buttons.settings.show_gift_card_recipient.info" + } + ] + }, + { + "type": "description", + "name": "t:sections.main-product.blocks.description.name", + "limit": 1 + }, + { + "type": "share", + "name": "t:sections.main-product.blocks.share.name", + "limit": 1, + "settings": [ + { + "type": "text", + "id": "share_label", + "label": "t:sections.main-product.blocks.share.settings.text.label", + "default": "t:sections.main-product.blocks.share.settings.text.default" + }, + { + "type": "paragraph", + "content": "t:sections.main-product.blocks.share.settings.featured_image_info.content" + }, + { + "type": "paragraph", + "content": "t:sections.main-product.blocks.share.settings.title_info.content" + } + ] + }, + { + "type": "custom_liquid", + "name": "t:sections.custom-liquid.name", + "settings": [ + { + "type": "liquid", + "id": "custom_liquid", + "label": "t:sections.custom-liquid.settings.custom_liquid.label", + "info": "t:sections.custom-liquid.settings.custom_liquid.info" + } + ] + }, + { + "type": "collapsible_tab", + "name": "t:sections.main-product.blocks.collapsible_tab.name", + "settings": [ + { + "type": "text", + "id": "heading", + "default": "t:sections.main-product.blocks.collapsible_tab.settings.heading.default", + "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", + "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" + }, + { + "value": "dairy_free", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__11.label" + }, + { + "value": "dryer", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__12.label" + }, + { + "value": "eye", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__13.label" + }, + { + "value": "fire", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__14.label" + }, + { + "value": "gluten_free", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__15.label" + }, + { + "value": "heart", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__16.label" + }, + { + "value": "iron", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__17.label" + }, + { + "value": "leaf", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__18.label" + }, + { + "value": "leather", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__19.label" + }, + { + "value": "lightning_bolt", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__20.label" + }, + { + "value": "lipstick", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__21.label" + }, + { + "value": "lock", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__22.label" + }, + { + "value": "map_pin", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__23.label" + }, + { + "value": "nut_free", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__24.label" + }, + { + "value": "pants", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__25.label" + }, + { + "value": "paw_print", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__26.label" + }, + { + "value": "pepper", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__27.label" + }, + { + "value": "perfume", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__28.label" + }, + { + "value": "plane", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__29.label" + }, + { + "value": "plant", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__30.label" + }, + { + "value": "price_tag", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__31.label" + }, + { + "value": "question_mark", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__32.label" + }, + { + "value": "recycle", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__33.label" + }, + { + "value": "return", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__34.label" + }, + { + "value": "ruler", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__35.label" + }, + { + "value": "serving_dish", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__36.label" + }, + { + "value": "shirt", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__37.label" + }, + { + "value": "shoe", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__38.label" + }, + { + "value": "silhouette", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__39.label" + }, + { + "value": "snowflake", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__40.label" + }, + { + "value": "star", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__41.label" + }, + { + "value": "stopwatch", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__42.label" + }, + { + "value": "truck", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__43.label" + }, + { + "value": "washing", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__44.label" + } + ], + "default": "check_mark", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.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": "popup", + "name": "t:sections.main-product.blocks.popup.name", + "settings": [ + { + "type": "text", + "id": "text", + "default": "t:sections.main-product.blocks.popup.settings.link_label.default", + "label": "t:sections.main-product.blocks.popup.settings.link_label.label" + }, + { + "id": "page", + "type": "page", + "label": "t:sections.main-product.blocks.popup.settings.page.label" + } + ] + }, + { + "type": "rating", + "name": "t:sections.main-product.blocks.rating.name", + "limit": 1, + "settings": [ + { + "type": "paragraph", + "content": "t:sections.main-product.blocks.rating.settings.paragraph.content" + } + ] + }, + { + "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": "t:sections.main-product.blocks.complementary_products.settings.heading.default", + "label": "t:sections.main-product.blocks.complementary_products.settings.heading.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": "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" + }, + { + "value": "dairy_free", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__11.label" + }, + { + "value": "dryer", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__12.label" + }, + { + "value": "eye", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__13.label" + }, + { + "value": "fire", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__14.label" + }, + { + "value": "gluten_free", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__15.label" + }, + { + "value": "heart", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__16.label" + }, + { + "value": "iron", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__17.label" + }, + { + "value": "leaf", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__18.label" + }, + { + "value": "leather", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__19.label" + }, + { + "value": "lightning_bolt", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__20.label" + }, + { + "value": "lipstick", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__21.label" + }, + { + "value": "lock", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__22.label" + }, + { + "value": "map_pin", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__23.label" + }, + { + "value": "nut_free", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__24.label" + }, + { + "value": "pants", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__25.label" + }, + { + "value": "paw_print", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__26.label" + }, + { + "value": "pepper", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__27.label" + }, + { + "value": "perfume", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__28.label" + }, + { + "value": "plane", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__29.label" + }, + { + "value": "plant", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__30.label" + }, + { + "value": "price_tag", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__31.label" + }, + { + "value": "question_mark", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__32.label" + }, + { + "value": "recycle", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__33.label" + }, + { + "value": "return", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__34.label" + }, + { + "value": "ruler", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__35.label" + }, + { + "value": "serving_dish", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__36.label" + }, + { + "value": "shirt", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__37.label" + }, + { + "value": "shoe", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__38.label" + }, + { + "value": "silhouette", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__39.label" + }, + { + "value": "snowflake", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__40.label" + }, + { + "value": "star", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__41.label" + }, + { + "value": "stopwatch", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__42.label" + }, + { + "value": "truck", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__43.label" + }, + { + "value": "washing", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__44.label" + } + ], + "default": "price_tag", + "info": "t:sections.main-product.blocks.complementary_products.settings.icon.info", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.label" + }, + { + "type": "range", + "id": "product_list_limit", + "min": 1, + "max": 10, + "step": 1, + "default": 10, + "label": "t:sections.main-product.blocks.complementary_products.settings.product_list_limit.label" + }, + { + "type": "range", + "id": "products_per_page", + "min": 1, + "max": 4, + "step": 1, + "default": 3, + "label": "t:sections.main-product.blocks.complementary_products.settings.products_per_page.label" + }, + { + "type": "select", + "id": "pagination_style", + "options": [ + { + "value": "dots", + "label": "t:sections.main-product.blocks.complementary_products.settings.pagination_style.options.option_1" + }, + { + "value": "counter", + "label": "t:sections.main-product.blocks.complementary_products.settings.pagination_style.options.option_2" + }, + { + "value": "numbers", + "label": "t:sections.main-product.blocks.complementary_products.settings.pagination_style.options.option_3" + } + ], + "label": "t:sections.main-product.blocks.complementary_products.settings.pagination_style.label", + "default": "counter" + }, + { + "type": "header", + "content": "t:sections.main-product.blocks.complementary_products.settings.product_card.heading" + }, + { + "type": "select", + "id": "image_ratio", + "options": [ + { + "value": "portrait", + "label": "t:sections.main-product.blocks.complementary_products.settings.image_ratio.options.option_1" + }, + { + "value": "square", + "label": "t:sections.main-product.blocks.complementary_products.settings.image_ratio.options.option_2" + } + ], + "label": "t:sections.main-product.blocks.complementary_products.settings.image_ratio.label", + "default": "square" + }, + { + "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": "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": "select", + "id": "icon_1", + "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" + }, + { + "value": "dairy_free", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__11.label" + }, + { + "value": "dryer", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__12.label" + }, + { + "value": "eye", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__13.label" + }, + { + "value": "fire", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__14.label" + }, + { + "value": "gluten_free", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__15.label" + }, + { + "value": "heart", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__16.label" + }, + { + "value": "iron", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__17.label" + }, + { + "value": "leaf", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__18.label" + }, + { + "value": "leather", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__19.label" + }, + { + "value": "lightning_bolt", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__20.label" + }, + { + "value": "lipstick", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__21.label" + }, + { + "value": "lock", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__22.label" + }, + { + "value": "map_pin", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__23.label" + }, + { + "value": "nut_free", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__24.label" + }, + { + "value": "pants", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__25.label" + }, + { + "value": "paw_print", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__26.label" + }, + { + "value": "pepper", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__27.label" + }, + { + "value": "perfume", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__28.label" + }, + { + "value": "plane", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__29.label" + }, + { + "value": "plant", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__30.label" + }, + { + "value": "price_tag", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__31.label" + }, + { + "value": "question_mark", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__32.label" + }, + { + "value": "recycle", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__33.label" + }, + { + "value": "return", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__34.label" + }, + { + "value": "ruler", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__35.label" + }, + { + "value": "serving_dish", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__36.label" + }, + { + "value": "shirt", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__37.label" + }, + { + "value": "shoe", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__38.label" + }, + { + "value": "silhouette", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__39.label" + }, + { + "value": "snowflake", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__40.label" + }, + { + "value": "star", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__41.label" + }, + { + "value": "stopwatch", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__42.label" + }, + { + "value": "truck", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__43.label" + }, + { + "value": "washing", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__44.label" + } + ], + "default": "heart", + "label": "t:sections.main-product.blocks.icon_with_text.settings.icon_1.label" + }, + { + "type": "image_picker", + "id": "image_1", + "label": "t:sections.main-product.blocks.icon_with_text.settings.image_1.label" + }, + { + "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" + }, + { + "type": "select", + "id": "icon_2", + "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" + }, + { + "value": "dairy_free", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__11.label" + }, + { + "value": "dryer", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__12.label" + }, + { + "value": "eye", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__13.label" + }, + { + "value": "fire", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__14.label" + }, + { + "value": "gluten_free", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__15.label" + }, + { + "value": "heart", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__16.label" + }, + { + "value": "iron", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__17.label" + }, + { + "value": "leaf", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__18.label" + }, + { + "value": "leather", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__19.label" + }, + { + "value": "lightning_bolt", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__20.label" + }, + { + "value": "lipstick", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__21.label" + }, + { + "value": "lock", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__22.label" + }, + { + "value": "map_pin", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__23.label" + }, + { + "value": "nut_free", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__24.label" + }, + { + "value": "pants", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__25.label" + }, + { + "value": "paw_print", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__26.label" + }, + { + "value": "pepper", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__27.label" + }, + { + "value": "perfume", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__28.label" + }, + { + "value": "plane", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__29.label" + }, + { + "value": "plant", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__30.label" + }, + { + "value": "price_tag", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__31.label" + }, + { + "value": "question_mark", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__32.label" + }, + { + "value": "recycle", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__33.label" + }, + { + "value": "return", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__34.label" + }, + { + "value": "ruler", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__35.label" + }, + { + "value": "serving_dish", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__36.label" + }, + { + "value": "shirt", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__37.label" + }, + { + "value": "shoe", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__38.label" + }, + { + "value": "silhouette", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__39.label" + }, + { + "value": "snowflake", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__40.label" + }, + { + "value": "star", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__41.label" + }, + { + "value": "stopwatch", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__42.label" + }, + { + "value": "truck", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__43.label" + }, + { + "value": "washing", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__44.label" + } + ], + "default": "return", + "label": "t:sections.main-product.blocks.icon_with_text.settings.icon_2.label" + }, + { + "type": "image_picker", + "id": "image_2", + "label": "t:sections.main-product.blocks.icon_with_text.settings.image_2.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", + "info": "t:sections.main-product.blocks.icon_with_text.settings.heading.info" + }, + { + "type": "select", + "id": "icon_3", + "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" + }, + { + "value": "dairy_free", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__11.label" + }, + { + "value": "dryer", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__12.label" + }, + { + "value": "eye", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__13.label" + }, + { + "value": "fire", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__14.label" + }, + { + "value": "gluten_free", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__15.label" + }, + { + "value": "heart", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__16.label" + }, + { + "value": "iron", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__17.label" + }, + { + "value": "leaf", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__18.label" + }, + { + "value": "leather", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__19.label" + }, + { + "value": "lightning_bolt", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__20.label" + }, + { + "value": "lipstick", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__21.label" + }, + { + "value": "lock", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__22.label" + }, + { + "value": "map_pin", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__23.label" + }, + { + "value": "nut_free", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__24.label" + }, + { + "value": "pants", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__25.label" + }, + { + "value": "paw_print", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__26.label" + }, + { + "value": "pepper", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__27.label" + }, + { + "value": "perfume", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__28.label" + }, + { + "value": "plane", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__29.label" + }, + { + "value": "plant", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__30.label" + }, + { + "value": "price_tag", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__31.label" + }, + { + "value": "question_mark", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__32.label" + }, + { + "value": "recycle", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__33.label" + }, + { + "value": "return", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__34.label" + }, + { + "value": "ruler", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__35.label" + }, + { + "value": "serving_dish", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__36.label" + }, + { + "value": "shirt", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__37.label" + }, + { + "value": "shoe", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__38.label" + }, + { + "value": "silhouette", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__39.label" + }, + { + "value": "snowflake", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__40.label" + }, + { + "value": "star", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__41.label" + }, + { + "value": "stopwatch", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__42.label" + }, + { + "value": "truck", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__43.label" + }, + { + "value": "washing", + "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__44.label" + } + ], + "default": "truck", + "label": "t:sections.main-product.blocks.icon_with_text.settings.icon_3.label" + }, + { + "type": "image_picker", + "id": "image_3", + "label": "t:sections.main-product.blocks.icon_with_text.settings.image_3.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", + "info": "t:sections.main-product.blocks.icon_with_text.settings.heading.info" + } + ] + } + ], + "settings": [ + { + "type": "checkbox", + "id": "enable_sticky_info", + "default": true, + "label": "t:sections.main-product.settings.enable_sticky_info.label" + }, + { + "type": "color_scheme", + "id": "color_scheme", + "label": "t:sections.all.colors.label", + "default": "scheme-1" + }, + { + "type": "header", + "content": "t:sections.main-product.settings.header.content", + "info": "t:sections.main-product.settings.header.info" + }, + { + "type": "select", + "id": "media_size", + "options": [ + { + "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": "large", + "label": "t:sections.main-product.settings.media_size.options__3.label" + } + ], + "default": "large", + "label": "t:sections.main-product.settings.media_size.label", + "info": "t:sections.main-product.settings.media_size.info" + }, + { + "type": "checkbox", + "id": "constrain_to_viewport", + "default": true, + "label": "t:sections.main-product.settings.constrain_to_viewport.label" + }, + { + "type": "select", + "id": "media_fit", + "options": [ + { + "value": "contain", + "label": "t:sections.main-product.settings.media_fit.options__1.label" + }, + { + "value": "cover", + "label": "t:sections.main-product.settings.media_fit.options__2.label" + } + ], + "default": "contain", + "label": "t:sections.main-product.settings.media_fit.label" + }, + { + "type": "select", + "id": "gallery_layout", + "options": [ + { + "value": "stacked", + "label": "t:sections.main-product.settings.gallery_layout.options__1.label" + }, + { + "value": "columns", + "label": "t:sections.main-product.settings.gallery_layout.options__2.label" + }, + { + "value": "thumbnail", + "label": "t:sections.main-product.settings.gallery_layout.options__3.label" + }, + { + "value": "thumbnail_slider", + "label": "t:sections.main-product.settings.gallery_layout.options__4.label" + } + ], + "default": "stacked", + "label": "t:sections.main-product.settings.gallery_layout.label" + }, + { + "type": "select", + "id": "media_position", + "options": [ + { + "value": "left", + "label": "t:sections.main-product.settings.media_position.options__1.label" + }, + { + "value": "right", + "label": "t:sections.main-product.settings.media_position.options__2.label" + } + ], + "default": "left", + "label": "t:sections.main-product.settings.media_position.label", + "info": "t:sections.main-product.settings.media_position.info" + }, + { + "type": "select", + "id": "image_zoom", + "options": [ + { + "value": "lightbox", + "label": "t:sections.main-product.settings.image_zoom.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" + } + ], + "default": "lightbox", + "label": "t:sections.main-product.settings.image_zoom.label", + "info": "t:sections.main-product.settings.image_zoom.info" + }, + { + "type": "select", + "id": "mobile_thumbnails", + "options": [ + { + "value": "columns", + "label": "t:sections.main-product.settings.mobile_thumbnails.options__1.label" + }, + { + "value": "show", + "label": "t:sections.main-product.settings.mobile_thumbnails.options__2.label" + }, + { + "value": "hide", + "label": "t:sections.main-product.settings.mobile_thumbnails.options__3.label" + } + ], + "default": "hide", + "label": "t:sections.main-product.settings.mobile_thumbnails.label" + }, + { + "type": "checkbox", + "id": "hide_variants", + "default": false, + "label": "t:sections.main-product.settings.hide_variants.label" + }, + { + "type": "checkbox", + "id": "enable_video_looping", + "default": false, + "label": "t:sections.main-product.settings.enable_video_looping.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 + } + ] +} +{% endschema %} diff --git a/sections/main-product.liquid b/sections/main-product.liquid index c44bdebd106..ace3b976d64 100644 --- a/sections/main-product.liquid +++ b/sections/main-product.liquid @@ -105,6 +105,7 @@
+ {%- when 'price' -%}
{%- render 'price', @@ -462,7 +463,16 @@ %} {%- when 'variant_picker' -%} - {% render 'product-variant-picker', product: product, block: block, product_form_id: product_form_id %} + {% if product.metafields.custom.showswatch %} + {% render 'custom-color-swatch', product: product, block: block, product_form_id: product_form_id %} + {% else %} + {% render 'product-variant-picker', + product: product, + block: block, + product_form_id: product_form_id + %} + {% endif %} + {%- when 'buy_buttons' -%} {%- render 'buy-buttons', block: block, diff --git a/snippets/color-option.liquid b/snippets/color-option.liquid new file mode 100644 index 00000000000..68bd158f658 --- /dev/null +++ b/snippets/color-option.liquid @@ -0,0 +1,214 @@ +{% comment %} + Renders product variant options + + Accepts: + - product: {Object} product object. + - option: {Object} current product_option object. + - block: {Object} block object. + + + Usage: + {% render 'product-variant-options', + product: product, + option: option, + block: block + %} +{% endcomment %} +{%- liquid + assign variants_available_arr = product.variants | map: 'available' + assign variants_option1_arr = product.variants | map: 'option1' + assign variants_option2_arr = product.variants | map: 'option2' + assign variants_option3_arr = product.variants | map: 'option3' + + assign product_form_id = 'product-form-' | append: section.id + + assign swatchType = settings.swatchType + assign swatchStyle = settings.swatchStyle + assign swatchSize = settings.swatchSize + assign swatchColors = settings.swatchColors | newline_to_br | split: '
' +-%} + + + +{%- for value in option.values -%} + {%- liquid + assign option_disabled = true + + for option1_name in variants_option1_arr + case option.position + when 1 + if variants_option1_arr[forloop.index0] == value and variants_available_arr[forloop.index0] + assign option_disabled = false + endif + when 2 + if option1_name == product.selected_or_first_available_variant.option1 and variants_option2_arr[forloop.index0] == value and variants_available_arr[forloop.index0] + assign option_disabled = false + endif + when 3 + if option1_name == product.selected_or_first_available_variant.option1 and variants_option2_arr[forloop.index0] == product.selected_or_first_available_variant.option2 and variants_option3_arr[forloop.index0] == value and variants_available_arr[forloop.index0] + assign option_disabled = false + endif + endcase + endfor + -%} + + {%- if block.settings.picker_type == 'button' -%} + + {%- if swatchType == 'variantImage' -%} + + {%- else -%} + {%- liquid + for colorData in swatchColors + assign colorDataArr = colorData | split: ':' + assign ruleName = colorDataArr[0] | strip + if value == ruleName + assign colorCodes = colorDataArr[1] | strip | split: '#' + assign colorNumber = 0 | plus: colorCodes.size + break + endif + endfor + -%} + + {%- assign colorCodes = '' -%} + {%- endif -%} + {%- elsif block.settings.picker_type == 'dropdown' -%} + + {%- endif -%} +{%- endfor -%} + + diff --git a/snippets/custom-color-swatch.liquid b/snippets/custom-color-swatch.liquid new file mode 100644 index 00000000000..4049a7034ea --- /dev/null +++ b/snippets/custom-color-swatch.liquid @@ -0,0 +1,122 @@ +{% comment %} + Renders product variant-picker + + Accepts: + - product: {Object} product object. + - block: {Object} passing the block information. + - product_form_id: {String} Id of the product form to which the variant picker is associated. + Usage: + {% render 'product-variant-picker', product: product, block: block, product_form_id: product_form_id %} +{% endcomment %} +{%- unless product.has_only_default_variant -%} + + {%- for option in product.options_with_values -%} + {%- liquid + assign swatch_count = option.values | map: 'swatch' | compact | size + assign picker_type = block.settings.picker_type + + if swatch_count > 0 and block.settings.swatch_shape != 'none' + if block.settings.picker_type == 'dropdown' + assign picker_type = 'swatch_dropdown' + else + assign picker_type = 'swatch' + endif + endif + -%} + + {%- if picker_type == 'swatch' -%} +
+ + {{ option.name }}: + + {{- option.selected_value -}} + + + {% render 'custom-variant-options', + product: product, + option: option, + block: block, + picker_type: picker_type + %} +
+ {%- elsif picker_type == 'button' -%} +
+ {{ option.name }} + {% render 'custom-variant-options', + product: product, + option: option, + block: block, + picker_type: picker_type + %} +
+ + {% comment %} +
+ {%- liquid + assign optionNames = settings.optionName | split: ',' + assign useColor = false + for optionColor in optionNames + if optionColor == option.name + assign useColor = true + break + endif + endfor + -%} + {%- if useColor -%} + + {{ option.name }}: {{ option.selected_value }} + + {% render 'color-option', product: product, option: option, block: block %} + {%- else -%} + {{ option.name }} + {% render 'product-variant-options', + product: product, + option: option, + block: block, + picker_type: picker_type + %} + {%- endif -%} +
+ {% endcomment %} + {%- else -%} +
+ +
+ {%- if picker_type == 'swatch_dropdown' -%} + + {% render 'swatch', swatch: option.selected_value.swatch, shape: block.settings.swatch_shape %} + + {%- endif -%} + + {% render 'icon-caret' %} +
+
+ {%- endif -%} + {%- endfor -%} + + +
+{%- endunless -%} diff --git a/snippets/custom-variant-options.liquid b/snippets/custom-variant-options.liquid new file mode 100644 index 00000000000..1b9c9caa46a --- /dev/null +++ b/snippets/custom-variant-options.liquid @@ -0,0 +1,188 @@ +{% comment %} + Renders product variant options + + Accepts: + - product: {Object} product object. + - option: {Object} current product_option object. + - block: {Object} block object. + - picker_type: {String} type of picker to dispay + + + Usage: + {% render 'product-variant-options', + product: product, + option: option, + block: block + picker_type: picker_type + %} +{% endcomment %} +{%- liquid + assign product_form_id = 'product-form-' | append: section.id + assign variants = product.variants +-%} + +{%- for value in option.values -%} + {%- for variant in variants -%} + {%- if variant.title == value -%} + {% assign primary_color = variant.metafields.custom.primarycolor %} + {% assign secondary_color = variant.metafields.custom.secondarycolor %} + + {%- liquid + assign swatch_focal_point = null + if value.swatch.image + assign image_url = value.swatch.image | image_url: width: 50 + assign swatch_value = 'url(' | append: image_url | append: ')' + assign swatch_focal_point = value.swatch.image.presentation.focal_point + elsif value.swatch.color + assign swatch_value = 'rgb(' | append: value.swatch.color.rgb | append: ')' + else + assign swatch_value = null + endif + + assign option_disabled = true + if value.available + assign option_disabled = false + endif + -%} + + {%- capture input_id -%} + {{ section.id }}-{{ option.position }}-{{ forloop.index0 -}} + {%- endcapture -%} + + {%- capture input_name -%} + {{ option.name }}-{{ option.position }} + {%- endcapture -%} + + {%- capture input_dataset -%} + data-product-url="{{ value.product_url }}" + data-option-value-id="{{ value.id }}" + {%- endcapture -%} + + {%- capture label_unavailable -%} + + {{- 'products.product.variant_sold_out_or_unavailable' | t -}} + + {%- endcapture -%} + + {%- if picker_type == 'swatch' -%} + {%- capture help_text -%} + {{ value | escape }} + {{ label_unavailable }} + {%- endcapture -%} + {% + render 'swatch-input', + id: input_id, + name: input_name, + value: value | escape, + swatch: value.swatch, + product_form_id: product_form_id, + checked: value.selected, + visually_disabled: option_disabled, + shape: block.settings.swatch_shape, + help_text: help_text, + additional_props: input_dataset + %} + {%- elsif picker_type == 'button' -%} + + + + + + {%- elsif picker_type == 'dropdown' or picker_type == 'swatch_dropdown' -%} + + {%- endif -%} + {%- endif -%} + {%- endfor -%} +{%- endfor -%} diff --git a/snippets/product-variant-picker.liquid b/snippets/product-variant-picker.liquid index 50c674e0212..c5685bef54e 100644 --- a/snippets/product-variant-picker.liquid +++ b/snippets/product-variant-picker.liquid @@ -52,6 +52,35 @@ picker_type: picker_type %} + + {% comment %} +
+ {%- liquid + assign optionNames = settings.optionName | split: ',' + assign useColor = false + for optionColor in optionNames + if optionColor == option.name + assign useColor = true + break + endif + endfor + -%} + {%- if useColor -%} + + {{ option.name }}: {{ option.selected_value }} + + {% render 'color-option', product: product, option: option, block: block %} + {%- else -%} + {{ option.name }} + {% render 'product-variant-options', + product: product, + option: option, + block: block, + picker_type: picker_type + %} + {%- endif -%} +
+ {% endcomment %} {%- else -%}