FROM CACHE - fr_header
Cette communauté a fait place à une assistance de pair-à-pair. L’assistance Shopify ne sera plus proposée pour cette communauté. Nous vous encourageons à entrer en contact avec d’autres marchands et partenaires pour obtenir de l’aide et partager vos expériences ! Veuillez continuer à signaler tout ce qui va à l'encontre de notre Code de conduite ou tout contenu que vous souhaitez faire supprimer.

Couleurs des variants coté front

Couleurs des variants coté front

Guillaume84
Shopify Partner
2 0 0

Bonjour,

 

J'essaie d'afficher la couleur des variants coté front en suivant des tutos sur youtube mais impossible d'afficher les couleurs..

Coté produit j'ai bien ajouté mes champs metafields sur les variantes : 

variant.metafields.color.value : #000000
 
Coté theme, j'utilise Prestige 10.0.2
Au niveau du fichier sections/main-product.liquid, je ne vois pas ou modifier pour que la couleur du metefields s'affiche...
Quelqu'un pourrait m'expliquer s.v.p ?
Merci
 
{%- liquid
  assign has_content_below_gallery = false

  for block in section.blocks
    if block.type == 'complementary_products'
      assign has_content_below_gallery = true
      break
    endif

    unless block.settings.show_below_gallery
      continue
    endunless

    if block.type == 'accordion' and block.settings.title != blank and block.settings.content != blank or block.settings.liquid != blank or block.settings.page.content != blank
      assign has_content_below_gallery = true
      break
    elsif block.type == 'description' and product.description != blank
      assign has_content_below_gallery = true
      break
    endif
  endfor
-%}

<style>
  #shopify-section-{{ section.id }} {
    --product-grid: "product-gallery" "product-info" {% if has_content_below_gallery %}"product-content"{% endif %} / minmax(0, 1fr);
  }

  @media screen and (min-width: 1000px) {
    #shopify-section-{{ section.id }} {
      {%- if has_content_below_gallery -%}
        --product-grid: "product-gallery product-info" auto "product-content product-info" minmax(0, 1fr) / minmax(0, {{ 100.0 | minus: section.settings.product_info_size | divided_by: 100.0 }}fr) minmax(0, {{ section.settings.product_info_size | divided_by: 100.0 }}fr);
      {%- else -%}
        --product-grid: "product-gallery product-info" / minmax(0, {{ 100.0 | minus: section.settings.product_info_size | divided_by: 100.0 }}fr) minmax(0, {{ section.settings.product_info_size | divided_by: 100.0 }}fr);
      {%- endif -%}
    }
  }
</style>

{%- assign color_scheme_hash = section.settings.color_scheme.settings.background_gradient | default: section.settings.color_scheme.settings.background | md5 -%}
{%- capture product_form_id -%}product-form-main-{{ product.id }}-{{ section.id }}{%- endcapture -%}

<div class="section-spacing section-spacing--tight color-scheme color-scheme--{{ section.settings.color_scheme.id }} color-scheme--bg-{{ color_scheme_hash }}">
  <div class="container {% unless section.settings.container_size == 'full' %}container--{{ section.settings.container_size }}{% endunless %}">
    <product-rerender id="product-info-{{ product.id }}-{{ section.id }}" observe-form="{{ product_form_id }}" allow-partial-rerender>
      <div class="product">
        {%- if product.media.size > 0 -%}
          {%- render 'product-gallery',
              product: product,
              product_form_id: product_form_id,
              desktop_layout: section.settings.desktop_media_layout,
              mobile_controls: section.settings.mobile_controls,
              enable_media_autoplay: section.settings.enable_media_autoplay,
              enable_video_looping: section.settings.enable_video_looping,
              enable_image_zoom: section.settings.enable_image_zoom,
              max_image_zoom_level: section.settings.max_image_zoom_level -%}
         
        {%- endif -%}

        {%- render 'product-info', 
          product: product, 
          product_form_id: product_form_id,
          center_basic_info: section.settings.center_basic_info, 
          has_content_below_gallery: has_content_below_gallery, 
          context: 'main_product' 
        -%}

        {%- comment -%}On Prestige, some content may be on the left part below the product gallery{%- endcomment -%}
        {%- if has_content_below_gallery -%}
          <div id="product-extra-information" class="product-content-below-gallery empty:hidden scroll-margin-offset">
            {%- for block in section.blocks -%}
              {%- unless block.settings.show_below_gallery -%}
                {%- continue -%}
              {%- endunless -%}

              {%- case block.type -%}
                {%- when 'description' -%}
                  {%- if product.description != blank -%}
                    {%- if block.settings.collapse_content -%}
                      {%- assign accordion_title = 'product.general.description' | t -%}
                      {%- render 'accordion', title: accordion_title, content: product.description, prose_content: true, size: 'lg', block: block -%}
                    {%- else -%}
                      <div class="product-content-below-gallery__description prose">
                        {{- product.description -}}
                      </div>
                    {%- endif -%}
                  {%- endif -%}

                {%- when 'accordion' -%}
                  {%- liquid
                    assign accordion_title = block.settings.title | default: block.settings.page.title
                    assign accordion_content = block.settings.page.content | default: block.settings.liquid | default: block.settings.content

                    if accordion_title != blank and accordion_content != blank
                      render 'accordion', title: accordion_title, content: accordion_content, size: 'lg', prose_content: true, icon: block.settings.icon, custom_icon: block.settings.custom_icon, block: block
                    endif
                  -%}

                {%- when 'complementary_products' -%}
                  {%- render 'complementary-products', product: product, block: block -%}
              {%- endcase -%}
            {%- endfor -%}
          </div>
        {%- endif -%}
      </div>
    </product-rerender>
  </div>
</div>

{%- if section.settings.show_sticky_add_to_cart and product.available -%}
  <product-rerender id="{{ product_form_id }}-sticky-bar" observe-form="{{ product_form_id }}">
    <product-sticky-bar form="{{ product_form_id }}" class="product-sticky-bar">
      <div class="product-sticky-bar__info sm-max:hidden">
        <div class="h-stack gap-6">
          {%- if product.media.size > 0 -%}
            {%- assign default_media = product.selected_or_first_available_variant.featured_media | default: product.featured_media -%}
            {{- default_media | image_url: width: default_media.width | image_tag: loading: 'lazy', sizes: '60px', widths: '60,120,180' -}}
            
          {%- endif -%}

          <div class="v-stack">
            <span class="h6">{{ product.title }}</span>
  
            {%- if product.selected_or_first_available_variant != nil -%}
              {%- render 'price-list', variant: product.selected_or_first_available_variant, hide_unit_price: true, context: 'card' -%}
            {%- endif -%}
          </div>
        </div>
      </div>

      <buy-buttons class="buy-buttons" template="{{ product.template_suffix | escape }}" form="{{ product_form_id }}">
        {%- liquid
          assign button_disabled = false
          assign button_style = 'solid'

          if product.selected_or_first_available_variant == nil
            assign button_disabled = true
            assign button_style = 'outline'
            assign button_content = 'product.general.unavailable_button' | t
          elsif product.selected_or_first_available_variant.available == false
            assign button_disabled = true
            assign button_style = 'outline'
            assign button_content = 'product.general.sold_out_button' | t
          else
            if product.template_suffix contains 'pre-order'
              assign button_content = 'product.general.pre_order_button' | t
            else
              assign button_content = 'product.general.add_to_cart_button' | t
            endif
          endif
        -%}

        {%- render 'button', content: button_content, style: button_style, type: 'submit', form: product_form_id, disabled: button_disabled -%}
      </buy-buttons>
    </product-sticky-bar>
  </product-rerender>
{%- endif -%}

{%- comment -%}
IMPLEMENTATION NOTE: Shopify does not currently allows to render a given section within the context of a given product. However,
when rendering the quick buy drawers/popovers, we want to be able to re-use the merchant's choices (such as the selector type). This
is however only possible by rendering the whole product page, and extracting the relevant part. Here, we therefore render the
quick buy information in a template, that will be extracted in JS, which ensures it is not visible in the main product page
{%- endcomment -%}
{%- render 'product-quick-buy', product: product -%}

<script>
  // We save the product ID in local storage to be eventually used for recently viewed section
  try {
    let recentlyViewedProducts = JSON.parse(localStorage.getItem('theme:recently-viewed-products') || '[]');

    recentlyViewedProducts = recentlyViewedProducts.filter(item => item !== {{ product.id }}); // Delete product to remove to the start
    recentlyViewedProducts.unshift({{ product.id }}); // Add at the start

    localStorage.setItem('theme:recently-viewed-products', JSON.stringify(recentlyViewedProducts));
  } catch (e) {
    // Safari in private mode does not allow setting item, we silently fail
  }
</script>

{% schema %}
{
  "name": "t:sections.main_product.name",
  "class": "shopify-section--main-product",
  "tag": "section",
  "settings": [
   {
      "type": "color_scheme",
      "id": "color_scheme",
      "label": "t:global.colors.scheme",
      "default": "scheme-1"
    },
    {
      "type": "select",
      "id": "container_size",
      "label": "t:global.sizes.section_width",
      "options": [
        {
          "value": "lg",
          "label": "t:global.sizes.large"
        },
        {
          "value": "xl",
          "label": "t:global.sizes.x_large"
        },
        {
          "value": "full",
          "label": "t:global.sizes.full_width"
        }
      ],
      "default": "lg"
    },
    {
      "type": "range",
      "id": "product_info_size",
      "label": "t:sections.main_product.product_info_size",
      "info": "t:sections.main_product.product_info_size_info",
      "min": 30,
      "max": 60,
      "step": 1,
      "unit": "%",
      "default": 35
    },
    {
      "type": "checkbox",
      "id": "show_sticky_add_to_cart",
      "label": "t:sections.main_product.show_sticky_add_to_cart",
      "default": true
    },
    {
      "type": "checkbox",
      "id": "center_basic_info",
      "label": "t:sections.main_product.center_basic_info",
      "info": "t:sections.main_product.center_basic_info_info",
      "default": false
    },
    {
      "type": "header",
      "content": "t:sections.main_product.media_category",
      "info": "t:sections.main_product.media_category_info"
    },
    {
      "type": "select",
      "id": "desktop_media_layout",
      "label": "t:sections.main_product.desktop_media_layout",
      "options": [
        {
          "value": "grid",
          "label": "t:sections.main_product.desktop_media_layout_options.grid"
        },
        {
          "value": "grid_2x",
          "label": "t:sections.main_product.desktop_media_layout_options.grid_2x"
        },
        {
          "value": "grid_2x_highlighted",
          "label": "t:sections.main_product.desktop_media_layout_options.grid_2x_highlighted"
        },
        {
          "value": "carousel_thumbnails_left",
          "label": "t:sections.main_product.desktop_media_layout_options.carousel_thumbnails_left"
        },
        {
          "value": "carousel_thumbnails_bottom",
          "label": "t:sections.main_product.desktop_media_layout_options.carousel_thumbnails_bottom"
        },
        {
          "value": "carousel_dots",
          "label": "t:sections.main_product.desktop_media_layout_options.carousel_dots"
        }
      ],
      "default": "grid"
    },
    {
      "type": "range",
      "id": "desktop_media_grid_gap",
      "min": 0,
      "max": 50,
      "unit": "px",
      "label": "t:sections.main_product.desktop_media_grid_gap",
      "default": 30
    },
    {
      "type": "select",
      "id": "mobile_controls",
      "label": "t:sections.main_product.mobile_controls",
      "options": [
        {
          "value": "dots",
          "label": "t:sections.main_product.mobile_controls_options.dots"
        },
        {
          "value": "thumbnails",
          "label": "t:sections.main_product.mobile_controls_options.thumbnails"
        },
        {
          "value": "free_scroll",
          "label": "t:sections.main_product.mobile_controls_options.free_scroll"
        }
      ],
      "default": "dots"
    },
    {
      "type": "checkbox",
      "id": "enable_media_autoplay",
      "label": "t:sections.main_product.enable_media_autoplay",
      "info": "t:sections.main_product.enable_media_autoplay_info",
      "default": false
    },
    {
      "type": "checkbox",
      "id": "enable_video_looping",
      "label": "t:sections.main_product.enable_video_looping",
      "default": true
    },
    {
      "type": "header",
      "content": "t:sections.main_product.image_zoom_category",
      "info": "t:sections.main_product.image_zoom_category_info"
    },
    {
      "type": "checkbox",
      "id": "enable_image_zoom",
      "label": "t:sections.main_product.image_zoom_enable",
      "default": true
    },
    {
      "type": "range",
      "id": "max_image_zoom_level",
      "min": 1,
      "max": 4,
      "step": 0.5,
      "label": "t:sections.main_product.image_zoom_max_level",
      "default": 3
    }
  ],
  "blocks": [
    {
      "type": "@app"
    },
    {
      "type": "vendor",
      "name": "t:sections.main_product.blocks.vendor.name",
      "limit": 1
    },
    {
      "type": "title",
      "name": "t:sections.main_product.blocks.title.name",
      "limit": 1,
      "settings": [
        {
          "type": "select",
          "id": "heading_tag",
          "label": "t:global.text.style",
          "options": [
            {
              "value": "h1",
              "label": "H1"
            },
            {
              "value": "h2",
              "label": "H2"
            },
            {
              "value": "h3",
              "label": "H3"
            },
            {
              "value": "h4",
              "label": "H4"
            },
            {
              "value": "h5",
              "label": "H5"
            },
            {
              "value": "h6",
              "label": "H6"
            }
          ],
          "default": "h3"
        }
      ]
    },
    {
      "type": "sku",
      "name": "t:sections.main_product.blocks.sku.name",
      "limit": 1
    },
    {
      "type": "badges",
      "name": "t:sections.main_product.blocks.badges.name",
      "limit": 1,
      "settings": [
        {
          "type": "paragraph",
          "content": "t:sections.main_product.blocks.badges.instructions"
        }
      ]
    },
    {
      "type": "price",
      "name": "t:sections.main_product.blocks.price.name",
      "limit": 1,
      "settings": [
        {
          "type": "checkbox",
          "id": "show_taxes_notice",
          "label": "t:sections.main_product.blocks.price.show_taxes_notice",
          "default": false
        }
      ]
    },
    {
      "type": "rating",
      "name": "t:sections.main_product.blocks.rating.name",
      "limit": 1,
      "settings": [
        {
          "type": "paragraph",
          "content": "t:sections.main_product.blocks.rating.instructions"
        },
        {
          "type": "checkbox",
          "id": "show_empty",
          "label": "t:sections.main_product.blocks.rating.show_if_no_reviews",
          "default": true
        },
        {
          "type": "select",
          "id": "rating_mode",
          "label": "t:sections.main_product.blocks.rating.show_product_rating_as",
          "options": [
            {
              "value": "rating",
              "label": "t:sections.main_product.blocks.rating.show_product_rating_as_options.rating"
            },
            {
              "value": "count",
              "label": "t:sections.main_product.blocks.rating.show_product_rating_as_options.count"
            }
          ],
          "default": "rating"
        }
      ]
    },
    {
      "type": "payment_terms",
      "name": "t:sections.main_product.blocks.payment_terms.name",
      "limit": 1,
      "settings": [
        {
          "type": "paragraph",
          "content": "t:sections.main_product.blocks.payment_terms.instructions"
        }
      ]
    },
    {
      "type": "separator",
      "name": "t:sections.main_product.blocks.separator.name"
    },
    {
      "type": "description",
      "name": "t:sections.main_product.blocks.description.name",
      "limit": 1,
      "settings": [
        {
          "type": "checkbox",
          "id": "collapse_content",
          "label": "t:sections.main_product.blocks.description.collapse_content",
          "default": false
        },
        {
          "type": "checkbox",
          "id": "show_below_gallery",
          "label": "t:sections.main_product.blocks.description.show_below_gallery",
          "default": false
        }
      ]
    },
    {
      "type": "variant_picker",
      "name": "t:sections.main_product.blocks.variant_picker.name",
      "limit": 1,
      "settings": [
        {
          "type": "checkbox",
          "id": "hide_sold_out_variants",
          "label": "t:sections.main_product.blocks.variant_picker.hide_sold_out_variants",
          "default": false
        },
        {
          "type": "select",
          "id": "selector_style",
          "label": "t:sections.main_product.blocks.variant_picker.selector_style",
          "options": [
            {
              "value": "block",
              "label": "t:sections.main_product.blocks.variant_picker.selector_style_options.block"
            },
            {
              "value": "dropdown",
              "label": "t:sections.main_product.blocks.variant_picker.selector_style_options.dropdown"
            }
          ],
          "default": "block"
        },
        {
          "type": "select",
          "id": "swatch_selector_style",
          "label": "t:sections.main_product.blocks.variant_picker.swatch_selector_style",
          "info": "t:sections.main_product.blocks.variant_picker.swatch_selector_style_info",
          "options": [
            {
              "value": "swatch",
              "label": "t:sections.main_product.blocks.variant_picker.swatch_selector_style_options.swatch"
            },
            {
              "value": "block_swatch",
              "label": "t:sections.main_product.blocks.variant_picker.swatch_selector_style_options.block_swatch"
            },
            {
              "value": "none",
              "label": "t:sections.main_product.blocks.variant_picker.swatch_selector_style_options.none"
            }
          ],
          "default": "swatch"
        },
        {
          "type": "text",
          "id": "variant_image_options",
          "label": "t:sections.main_product.blocks.variant_picker.variant_image_options",
          "info": "t:sections.main_product.blocks.variant_picker.variant_image_options_info"
        },
        {
          "type": "page",
          "id": "size_chart_page",
          "label": "t:sections.main_product.blocks.variant_picker.size_chart_page",
          "info": "t:sections.main_product.blocks.variant_picker.size_chart_page_info"
        }
      ]
    },
    {
      "type": "product_variations",
      "name": "t:sections.main_product.blocks.product_variations.name",
      "settings": [
        {
          "type": "paragraph",
          "content": "t:sections.main_product.blocks.product_variations.instructions"
        },
        {
          "type": "text",
          "id": "option_name",
          "label": "t:sections.main_product.blocks.product_variations.option_name",
          "placeholder": "t:sections.main_product.blocks.product_variations.option_name_placeholder"
        },
        {
          "type": "text",
          "id": "option_value_metafield",
          "label": "t:sections.main_product.blocks.product_variations.option_value_metafield",
          "info": "t:sections.main_product.blocks.product_variations.option_value_metafield_info"
        },
        {
          "type": "product_list",
          "id": "products",
          "label": "t:sections.main_product.blocks.product_variations.product_list",
          "info": "t:sections.main_product.blocks.product_variations.product_list_info"
        },
        {
          "type": "select",
          "id": "selector_style",
          "label": "t:sections.main_product.blocks.variant_picker.selector_style",
          "options": [
            {
              "value": "block",
              "label": "t:sections.main_product.blocks.variant_picker.selector_style_options.block"
            },
            {
              "value": "block_swatch",
              "label": "t:sections.main_product.blocks.variant_picker.swatch_selector_style_options.block_swatch"
            },
            {
              "value": "swatch",
              "label": "t:sections.main_product.blocks.variant_picker.swatch_selector_style_options.swatch"
            },
            {
              "value": "variant_image",
              "label": "t:sections.main_product.blocks.variant_picker.selector_style_options.variant_image"
            }
          ],
          "default": "swatch"
        }
      ]
    },
    {
      "type": "line_item_property",
      "name": "t:sections.main_product.blocks.line_item_property.name",
      "settings": [
        {
          "type": "paragraph",
          "content": "t:sections.main_product.blocks.line_item_property.line_item_info"
        },
        {
          "type": "text",
          "id": "label",
          "label": "t:sections.main_product.blocks.line_item_property.line_item_label",
          "default": "Your label"
        },
        {
          "type": "select",
          "id": "type",
          "label": "t:sections.main_product.blocks.line_item_property.line_item_type",
          "options": [
            {
              "value": "text",
              "label": "t:sections.main_product.blocks.line_item_property.line_item_type_options.text"
            },
            {
              "value": "checkbox",
              "label": "t:sections.main_product.blocks.line_item_property.line_item_type_options.checkbox"
            },
            {
              "value": "dropdown",
              "label": "t:sections.main_product.blocks.line_item_property.line_item_type_options.dropdown"
            }
          ],
          "default": "text"
        },
        {
          "type": "checkbox",
          "id": "required",
          "label": "t:sections.main_product.blocks.line_item_property.required",
          "info": "t:sections.main_product.blocks.line_item_property.required_info",
          "default": false
        },
        {
          "type": "header",
          "content": "t:sections.main_product.blocks.line_item_property.text_type_category",
          "info": "t:sections.main_product.blocks.line_item_property.text_type_category_info"
        },
        {
          "type": "checkbox",
          "id": "allow_long_text",
          "label": "t:sections.main_product.blocks.line_item_property.text_type_allow_long_text",
          "default": false
        },
        {
          "type": "number",
          "id": "max_length",
          "label": "t:sections.main_product.blocks.line_item_property.text_type_max_length"
        },
        {
          "type": "header",
          "content": "t:sections.main_product.blocks.line_item_property.checkbox_type_category",
          "info": "t:sections.main_product.blocks.line_item_property.checkbox_type_category_info"
        },
        {
          "type": "text",
          "id": "checkbox_value",
          "label": "t:sections.main_product.blocks.line_item_property.checkbox_value",
          "info": "t:sections.main_product.blocks.line_item_property.checkbox_value_info",
          "default": "Yes"
        },
        {
          "type": "header",
          "content": "t:sections.main_product.blocks.line_item_property.dropdown_type_category",
          "info": "t:sections.main_product.blocks.line_item_property.dropdown_type_category_info"
        },
        {
          "type": "text",
          "id": "select_values",
          "label": "t:sections.main_product.blocks.line_item_property.dropdown_values",
          "info": "t:sections.main_product.blocks.line_item_property.dropdown_values_info",
          "default": "Value 1,Value 2,Value 3"
        }
      ]
    },
    {
      "type": "quantity_selector",
      "name": "t:sections.main_product.blocks.quantity_selector.name",
      "limit": 1,
      "settings": [
        {
          "type": "paragraph",
          "content": "t:sections.main_product.blocks.quantity_selector.instructions"
        }
      ]
    },
    {
      "type": "inventory",
      "name": "t:sections.main_product.blocks.inventory.name",
      "limit": 1,
      "settings": [
        {
          "type": "checkbox",
          "id": "show_in_stock_quantity",
          "label": "t:sections.main_product.blocks.inventory.show_in_stock_quantity",
          "default": true
        },
        {
          "type": "range",
          "id": "low_inventory_threshold",
          "label": "t:sections.main_product.blocks.inventory.low_inventory_threshold",
          "info": "t:sections.main_product.blocks.inventory.low_inventory_threshold_info",
          "min": 0,
          "max": 100,
          "step": 1,
          "default": 0
        },
        {
          "type": "checkbox",
          "id": "show_progress_bar",
          "label": "t:sections.main_product.blocks.inventory.show_progress_bar",
          "default": true
        },
        {
          "type": "number",
          "id": "progress_bar_max_value",
          "label": "t:sections.main_product.blocks.inventory.progress_bar_max_value",
          "info": "t:sections.main_product.blocks.inventory.progress_bar_max_value_info",
          "default": 50
        }
      ]
    },
    {
      "type": "buy_buttons",
      "name": "t:sections.main_product.blocks.buy_buttons.name",
      "limit": 1,
      "settings": [
        {
          "type": "checkbox",
          "id": "show_payment_button",
          "label": "t:sections.main_product.blocks.buy_buttons.show_payment_button",
          "info": "t:sections.main_product.blocks.buy_buttons.show_payment_button_info",
          "default": true
        },
        {
          "type": "checkbox",
          "id": "show_gift_card_recipient",
          "label": "t:sections.main_product.blocks.buy_buttons.show_gift_card_recipient",
          "info": "t:sections.main_product.blocks.buy_buttons.show_gift_card_recipient_info",
          "default": true
        },
        {
          "type": "color",
          "id": "atc_button_background",
          "label": "t:sections.main_product.blocks.buy_buttons.add_to_cart_background"
        },
        {
          "type": "color",
          "id": "atc_button_text_color",
          "label": "t:sections.main_product.blocks.buy_buttons.add_to_cart_text_color"
        },
        {
          "type": "color",
          "id": "payment_button_background",
          "label": "t:sections.main_product.blocks.buy_buttons.payment_button_background"
        },
        {
          "type": "color",
          "id": "payment_button_text_color",
          "label": "t:sections.main_product.blocks.buy_buttons.payment_button_text_color"
        }
      ]
    },
    {
      "type": "pickup_availability",
      "name": "t:sections.main_product.blocks.pickup_availability.name",
      "limit": 1,
      "settings": [
        {
          "type": "paragraph",
          "content": "t:sections.main_product.blocks.pickup_availability.instructions"
        }
      ]
    },
    {
      "type": "complementary_products",
      "name": "t:sections.main_product.blocks.complementary_products.name",
      "limit": 1,
      "settings": [
        {
          "type": "paragraph",
          "content": "t:sections.main_product.blocks.complementary_products.instructions"
        },
        {
          "type": "inline_richtext",
          "id": "title",
          "label": "t:global.text.heading",
          "default": "Pairs well with"
        },
        {
          "type": "range",
          "id": "products_count",
          "label": "t:sections.main_product.blocks.complementary_products.products_count",
          "min": 1,
          "max": 10,
          "default": 2
        },
        {
          "type": "checkbox",
          "id": "show_below_gallery",
          "label": "t:sections.main_product.blocks.complementary_products.show_below_gallery",
          "default": true
        },
        {
          "type": "checkbox",
          "id": "stack_products",
          "label": "t:sections.main_product.blocks.complementary_products.stack_products",
          "default": false
        },
        {
          "type": "checkbox",
          "id": "show_quick_buy",
          "label": "t:sections.main_product.blocks.complementary_products.show_quick_buy",
          "default": true
        }
      ]
    },
    {
      "type": "offers",
      "name": "t:sections.main_product.blocks.offers.name",
      "settings": [
        {
          "type": "checkbox",
          "id": "stack_offers",
          "label": "t:sections.main_product.blocks.offers.stack_offers",
          "default": false
        },
        {
          "type": "header",
          "content": "t:sections.main_product.blocks.offers.offer_1_category"
        },
        {
          "type": "inline_richtext",
          "id": "offer_1_title",
          "label": "t:sections.main_product.blocks.offers.offer_title",
          "default": "Write something"
        },
        {
          "type": "richtext",
          "id": "offer_1_content",
          "label": "t:sections.main_product.blocks.offers.offer_content",
          "default": "<p>Share some temporary offers to your customers.</p>"
        },
        {
          "type": "header",
          "content": "t:sections.main_product.blocks.offers.offer_2_category"
        },
        {
          "type": "inline_richtext",
          "id": "offer_2_title",
          "label": "t:sections.main_product.blocks.offers.offer_title"
        },
        {
          "type": "richtext",
          "id": "offer_2_content",
          "label": "t:sections.main_product.blocks.offers.offer_content"
        },
        {
          "type": "header",
          "content": "t:sections.main_product.blocks.offers.offer_3_category"
        },
        {
          "type": "inline_richtext",
          "id": "offer_3_title",
          "label": "t:sections.main_product.blocks.offers.offer_title"
        },
        {
          "type": "richtext",
          "id": "offer_3_content",
          "label": "t:sections.main_product.blocks.offers.offer_content"
        },
        {
          "type": "header",
          "content": "t:global.colors.category"
        },
        {
          "type": "color",
          "id": "background",
          "label": "t:global.colors.background"
        },
        {
          "type": "color",
          "id": "text_color",
          "label": "t:global.colors.text"
        },
        {
          "type": "color",
          "id": "border_color",
          "label": "t:global.colors.border"
        }
      ]
    },
    {
      "type": "feature_with_icon",
      "name": "t:sections.main_product.blocks.feature_with_icon.name",
      "settings": [
        {
          "type": "inline_richtext",
          "id": "text",
          "label": "t:global.text.text",
          "default": "Feature"
        },
        {
          "type": "url",
          "id": "link",
          "label": "t:global.text.link"
        },
        {
          "type": "select",
          "id": "icon",
          "label": "t:global.icons.icon",
          "options": [
            {
              "value": "none",
              "label": "t:global.icons.none"
            },
            {
              "value": "picto-award-gift",
              "label": "t:global.icons.award_gift",
              "group": "t:global.icons.shop_category"
            },
            {
              "value": "picto-bag-handle",
              "label": "t:global.icons.bag_handle",
              "group": "t:global.icons.shop_category"
            },
            {
              "value": "picto-building",
              "label": "t:global.icons.building",
              "group": "t:global.icons.shop_category"
            },
            {
              "value": "picto-coupon",
              "label": "t:global.icons.coupon",
              "group": "t:global.icons.shop_category"
            },
            {
              "value": "picto-gift",
              "label": "t:global.icons.gift",
              "group": "t:global.icons.shop_category"
            },
            {
              "value": "picto-info",
              "label": "t:global.icons.info",
              "group": "t:global.icons.shop_category"
            },
            {
              "value": "picto-love",
              "label": "t:global.icons.love",
              "group": "t:global.icons.shop_category"
            },
            {
              "value": "picto-percent",
              "label": "t:global.icons.percent",
              "group": "t:global.icons.shop_category"
            },
            {
              "value": "picto-star",
              "label": "t:global.icons.star",
              "group": "t:global.icons.shop_category"
            },
            {
              "value": "picto-box",
              "label": "t:global.icons.box",
              "group": "t:global.icons.shipping_category"
            },
            {
              "value": "picto-delivery-truck",
              "label": "t:global.icons.delivery_truck",
              "group": "t:global.icons.shipping_category"
            },
            {
              "value": "picto-pin",
              "label": "t:global.icons.pin",
              "group": "t:global.icons.shipping_category"
            },
            {
              "value": "picto-plane",
              "label": "t:global.icons.plane",
              "group": "t:global.icons.shipping_category"
            },
            {
              "value": "picto-return",
              "label": "t:global.icons.return",
              "group": "t:global.icons.shipping_category"
            },
            {
              "value": "picto-credit-card",
              "label": "t:global.icons.credit_card",
              "group": "t:global.icons.payment_and_security_category"
            },
            {
              "value": "picto-lock",
              "label": "t:global.icons.lock",
              "group": "t:global.icons.payment_and_security_category"
            },
            {
              "value": "picto-money",
              "label": "t:global.icons.money",
              "group": "t:global.icons.payment_and_security_category"
            },
            {
              "value": "picto-secure-profile",
              "label": "t:global.icons.secure_profile",
              "group": "t:global.icons.payment_and_security_category"
            },
            {
              "value": "picto-shield",
              "label": "t:global.icons.shield",
              "group": "t:global.icons.payment_and_security_category"
            },
            {
              "value": "picto-earth",
              "label": "t:global.icons.earth",
              "group": "t:global.icons.ecology_category"
            },
            {
              "value": "picto-leaf",
              "label": "t:global.icons.leaf",
              "group": "t:global.icons.ecology_category"
            },
            {
              "value": "picto-recycle",
              "label": "t:global.icons.recycle",
              "group": "t:global.icons.ecology_category"
            },
            {
              "value": "picto-tree",
              "label": "t:global.icons.tree",
              "group": "t:global.icons.ecology_category"
            },
            {
              "value": "picto-at-sign",
              "label": "t:global.icons.at_sign",
              "group": "t:global.icons.tech_category"
            },
            {
              "value": "picto-bluetooth",
              "label": "t:global.icons.bluetooth",
              "group": "t:global.icons.tech_category"
            },
            {
              "value": "picto-camera",
              "label": "t:global.icons.camera",
              "group": "t:global.icons.tech_category"
            },
            {
              "value": "picto-printer",
              "label": "t:global.icons.printer",
              "group": "t:global.icons.tech_category"
            },
            {
              "value": "picto-smart-watch",
              "label": "t:global.icons.smart_watch",
              "group": "t:global.icons.tech_category"
            },
            {
              "value": "picto-wifi",
              "label": "t:global.icons.wifi",
              "group": "t:global.icons.tech_category"
            },
            {
              "value": "picto-avatar",
              "label": "t:global.icons.avatar",
              "group": "t:global.icons.communication_category"
            },
            {
              "value": "picto-chat",
              "label": "t:global.icons.chat",
              "group": "t:global.icons.communication_category"
            },
            {
              "value": "picto-calendar",
              "label": "t:global.icons.calendar",
              "group": "t:global.icons.communication_category"
            },
            {
              "value": "picto-comment",
              "label": "t:global.icons.comment",
              "group": "t:global.icons.communication_category"
            },
            {
              "value": "picto-customer-support",
              "label": "t:global.icons.customer_support",
              "group": "t:global.icons.communication_category"
            },
            {
              "value": "picto-happy-face",
              "label": "t:global.icons.happy_face",
              "group": "t:global.icons.communication_category"
            },
            {
              "value": "picto-mailbox",
              "label": "t:global.icons.mailbox",
              "group": "t:global.icons.communication_category"
            },
            {
              "value": "picto-mobile-phone",
              "label": "t:global.icons.mobile_phone",
              "group": "t:global.icons.communication_category"
            },
            {
              "value": "picto-operator",
              "label": "t:global.icons.operator",
              "group": "t:global.icons.communication_category"
            },
            {
              "value": "picto-phone",
              "label": "t:global.icons.phone",
              "group": "t:global.icons.communication_category"
            },
            {
              "value": "picto-send",
              "label": "t:global.icons.send",
              "group": "t:global.icons.communication_category"
            },
            {
              "value": "picto-user",
              "label": "t:global.icons.user",
              "group": "t:global.icons.communication_category"
            },
            {
              "value": "picto-burger",
              "label": "t:global.icons.burger",
              "group": "t:global.icons.food_category"
            },
            {
              "value": "picto-beer",
              "label": "t:global.icons.beer",
              "group": "t:global.icons.food_category"
            },
            {
              "value": "picto-coffee",
              "label": "t:global.icons.coffee",
              "group": "t:global.icons.food_category"
            },
            {
              "value": "picto-pizza",
              "label": "t:global.icons.pizza",
              "group": "t:global.icons.food_category"
            },
            {
              "value": "picto-bottle",
              "label": "t:global.icons.bottle",
              "group": "t:global.icons.food_category"
            },
            {
              "value": "picto-document",
              "label": "t:global.icons.document",
              "group": "t:global.icons.other_category"
            },
            {
              "value": "picto-error",
              "label": "t:global.icons.error",
              "group": "t:global.icons.other_category"
            },
            {
              "value": "picto-file",
              "label": "t:global.icons.file",
              "group": "t:global.icons.other_category"
            },
            {
              "value": "picto-jewelry",
              "label": "t:global.icons.jewelry",
              "group": "t:global.icons.other_category"
            },
            {
              "value": "picto-mask",
              "label": "t:global.icons.mask",
              "group": "t:global.icons.other_category"
            },
            {
              "value": "picto-music",
              "label": "t:global.icons.music",
              "group": "t:global.icons.other_category"
            },
            {
              "value": "picto-not-allowed",
              "label": "t:global.icons.not_allowed",
              "group": "t:global.icons.other_category"
            },
            {
              "value": "picto-target",
              "label": "t:global.icons.target",
              "group": "t:global.icons.other_category"
            },
            {
              "value": "picto-timer",
              "label": "t:global.icons.timer",
              "group": "t:global.icons.other_category"
            },
            {
              "value": "picto-success",
              "label": "t:global.icons.success",
              "group": "t:global.icons.other_category"
            }
          ],
          "default": "none"
        },
        {
          "type": "image_picker",
          "id": "custom_icon",
          "label": "t:global.icons.custom_icon",
          "info": "t:global.icons.custom_icon_info"
        },
        {
          "type": "range",
          "id": "icon_width",
          "min": 12,
          "max": 32,
          "step": 4,
          "unit": "px",
          "label": "t:global.icons.icon_width",
          "default": 16
        },
        {
          "type": "color",
          "id": "background",
          "label": "t:global.colors.background",
          "default": "#ffffff"
        },
        {
          "type": "color",
          "id": "text_color",
          "label": "t:global.colors.text",
          "default": "#6b6b6b"
        },
        {
          "type": "color",
          "id": "border_color",
          "label": "t:global.colors.border"
        }
      ]
    },
    {
      "type": "text",
      "name": "t:sections.main_product.blocks.text.name",
      "settings": [
        {
          "type": "richtext",
          "id": "text",
          "label": "t:global.text.content",
          "default": "<p>Share some content to your customers about your products.</p>"
        }
      ]
    },
    {
      "type": "accordion",
      "name": "t:sections.main_product.blocks.collapsible_text.name",
      "settings": [
        {
          "type": "checkbox",
          "id": "show_below_gallery",
          "label": "t:sections.main_product.blocks.collapsible_text.show_below_gallery",
          "default": true
        },
        {
          "type": "select",
          "id": "icon",
          "label": "t:global.icons.icon",
          "options": [
            {
              "value": "none",
              "label": "t:global.icons.none"
            },
            {
              "value": "picto-award-gift",
              "label": "t:global.icons.award_gift",
              "group": "t:global.icons.shop_category"
            },
            {
              "value": "picto-bag-handle",
              "label": "t:global.icons.bag_handle",
              "group": "t:global.icons.shop_category"
            },
            {
              "value": "picto-building",
              "label": "t:global.icons.building",
              "group": "t:global.icons.shop_category"
            },
            {
              "value": "picto-coupon",
              "label": "t:global.icons.coupon",
              "group": "t:global.icons.shop_category"
            },
            {
              "value": "picto-gift",
              "label": "t:global.icons.gift",
              "group": "t:global.icons.shop_category"
            },
            {
              "value": "picto-info",
              "label": "t:global.icons.info",
              "group": "t:global.icons.shop_category"
            },
            {
              "value": "picto-love",
              "label": "t:global.icons.love",
              "group": "t:global.icons.shop_category"
            },
            {
              "value": "picto-percent",
              "label": "t:global.icons.percent",
              "group": "t:global.icons.shop_category"
            },
            {
              "value": "picto-star",
              "label": "t:global.icons.star",
              "group": "t:global.icons.shop_category"
            },
            {
              "value": "picto-box",
              "label": "t:global.icons.box",
              "group": "t:global.icons.shipping_category"
            },
            {
              "value": "picto-delivery-truck",
              "label": "t:global.icons.delivery_truck",
              "group": "t:global.icons.shipping_category"
            },
            {
              "value": "picto-pin",
              "label": "t:global.icons.pin",
              "group": "t:global.icons.shipping_category"
            },
            {
              "value": "picto-plane",
              "label": "t:global.icons.plane",
              "group": "t:global.icons.shipping_category"
            },
            {
              "value": "picto-return",
              "label": "t:global.icons.return",
              "group": "t:global.icons.shipping_category"
            },
            {
              "value": "picto-credit-card",
              "label": "t:global.icons.credit_card",
              "group": "t:global.icons.payment_and_security_category"
            },
            {
              "value": "picto-lock",
              "label": "t:global.icons.lock",
              "group": "t:global.icons.payment_and_security_category"
            },
            {
              "value": "picto-money",
              "label": "t:global.icons.money",
              "group": "t:global.icons.payment_and_security_category"
            },
            {
              "value": "picto-secure-profile",
              "label": "t:global.icons.secure_profile",
              "group": "t:global.icons.payment_and_security_category"
            },
            {
              "value": "picto-shield",
              "label": "t:global.icons.shield",
              "group": "t:global.icons.payment_and_security_category"
            },
            {
              "value": "picto-earth",
              "label": "t:global.icons.earth",
              "group": "t:global.icons.ecology_category"
            },
            {
              "value": "picto-leaf",
              "label": "t:global.icons.leaf",
              "group": "t:global.icons.ecology_category"
            },
            {
              "value": "picto-recycle",
              "label": "t:global.icons.recycle",
              "group": "t:global.icons.ecology_category"
            },
            {
              "value": "picto-tree",
              "label": "t:global.icons.tree",
              "group": "t:global.icons.ecology_category"
            },
            {
              "value": "picto-at-sign",
              "label": "t:global.icons.at_sign",
              "group": "t:global.icons.tech_category"
            },
            {
              "value": "picto-bluetooth",
              "label": "t:global.icons.bluetooth",
              "group": "t:global.icons.tech_category"
            },
            {
              "value": "picto-camera",
              "label": "t:global.icons.camera",
              "group": "t:global.icons.tech_category"
            },
            {
              "value": "picto-printer",
              "label": "t:global.icons.printer",
              "group": "t:global.icons.tech_category"
            },
            {
              "value": "picto-smart-watch",
              "label": "t:global.icons.smart_watch",
              "group": "t:global.icons.tech_category"
            },
            {
              "value": "picto-wifi",
              "label": "t:global.icons.wifi",
              "group": "t:global.icons.tech_category"
            },
            {
              "value": "picto-avatar",
              "label": "t:global.icons.avatar",
              "group": "t:global.icons.communication_category"
            },
            {
              "value": "picto-chat",
              "label": "t:global.icons.chat",
              "group": "t:global.icons.communication_category"
            },
            {
              "value": "picto-calendar",
              "label": "t:global.icons.calendar",
              "group": "t:global.icons.communication_category"
            },
            {
              "value": "picto-comment",
              "label": "t:global.icons.comment",
              "group": "t:global.icons.communication_category"
            },
            {
              "value": "picto-customer-support",
              "label": "t:global.icons.customer_support",
              "group": "t:global.icons.communication_category"
            },
            {
              "value": "picto-happy-face",
              "label": "t:global.icons.happy_face",
              "group": "t:global.icons.communication_category"
            },
            {
              "value": "picto-mailbox",
              "label": "t:global.icons.mailbox",
              "group": "t:global.icons.communication_category"
            },
            {
              "value": "picto-mobile-phone",
              "label": "t:global.icons.mobile_phone",
              "group": "t:global.icons.communication_category"
            },
            {
              "value": "picto-operator",
              "label": "t:global.icons.operator",
              "group": "t:global.icons.communication_category"
            },
            {
              "value": "picto-phone",
              "label": "t:global.icons.phone",
              "group": "t:global.icons.communication_category"
            },
            {
              "value": "picto-send",
              "label": "t:global.icons.send",
              "group": "t:global.icons.communication_category"
            },
            {
              "value": "picto-user",
              "label": "t:global.icons.user",
              "group": "t:global.icons.communication_category"
            },
            {
              "value": "picto-burger",
              "label": "t:global.icons.burger",
              "group": "t:global.icons.food_category"
            },
            {
              "value": "picto-beer",
              "label": "t:global.icons.beer",
              "group": "t:global.icons.food_category"
            },
            {
              "value": "picto-coffee",
              "label": "t:global.icons.coffee",
              "group": "t:global.icons.food_category"
            },
            {
              "value": "picto-pizza",
              "label": "t:global.icons.pizza",
              "group": "t:global.icons.food_category"
            },
            {
              "value": "picto-bottle",
              "label": "t:global.icons.bottle",
              "group": "t:global.icons.food_category"
            },
            {
              "value": "picto-document",
              "label": "t:global.icons.document",
              "group": "t:global.icons.other_category"
            },
            {
              "value": "picto-error",
              "label": "t:global.icons.error",
              "group": "t:global.icons.other_category"
            },
            {
              "value": "picto-file",
              "label": "t:global.icons.file",
              "group": "t:global.icons.other_category"
            },
            {
              "value": "picto-jewelry",
              "label": "t:global.icons.jewelry",
              "group": "t:global.icons.other_category"
            },
            {
              "value": "picto-mask",
              "label": "t:global.icons.mask",
              "group": "t:global.icons.other_category"
            },
            {
              "value": "picto-music",
              "label": "t:global.icons.music",
              "group": "t:global.icons.other_category"
            },
            {
              "value": "picto-not-allowed",
              "label": "t:global.icons.not_allowed",
              "group": "t:global.icons.other_category"
            },
            {
              "value": "picto-target",
              "label": "t:global.icons.target",
              "group": "t:global.icons.other_category"
            },
            {
              "value": "picto-timer",
              "label": "t:global.icons.timer",
              "group": "t:global.icons.other_category"
            },
            {
              "value": "picto-success",
              "label": "t:global.icons.success",
              "group": "t:global.icons.other_category"
            }
          ],
          "default": "none"
        },
        {
          "type": "image_picker",
          "id": "custom_icon",
          "label": "t:global.icons.custom_icon",
          "info": "t:global.icons.custom_icon_info"
        },
        {
          "type": "inline_richtext",
          "id": "title",
          "label": "t:global.text.title",
          "default": "Title"
        },
        {
          "type": "richtext",
          "id": "content",
          "label": "t:global.text.content",
          "default": "<p>Share some content to your customers about your products.</p>"
        },
        {
          "type": "liquid",
          "id": "liquid",
          "label": "t:global.code.liquid",
          "info": "t:sections.main_product.blocks.collapsible_text.liquid_info"
        },
        {
          "type": "page",
          "id": "page",
          "label": "t:sections.main_product.blocks.collapsible_text.page",
          "info": "t:sections.main_product.blocks.collapsible_text.page_info"
        }
      ]
    },
    {
      "type": "liquid",
      "name": "t:sections.main_product.blocks.liquid.name",
      "settings": [
        {
          "type": "liquid",
          "id": "liquid",
          "label": "t:global.code.liquid",
          "info": "t:global.code.liquid_info"
        }
      ]
    },
    {
      "type": "modal",
      "name": "t:sections.main_product.blocks.modal.name",
      "settings": [
        {
          "type": "paragraph",
          "content": "t:sections.main_product.blocks.modal.instructions"
        },
        {
          "type": "header",
          "content": "Button"
        },
        {
          "type": "inline_richtext",
          "id": "button_title",
          "label": "t:global.text.button_text",
          "default": "Button title"
        },
        {
          "type": "select",
          "id": "button_style",
          "label": "t:global.text.style",
          "options": [
            {
              "value": "outline",
              "label": "t:global.text.link_style_options.outline"
            },
            {
              "value": "solid",
              "label": "t:global.text.link_style_options.solid"
            },
            {
              "value": "link",
              "label": "t:global.text.link_style_options.link"
            }
          ],
          "default": "solid"
        },
        {
          "type": "checkbox",
          "id": "stretch_button",
          "label": "t:sections.main_product.blocks.button.stretch"
        },
        {
          "type": "color",
          "id": "button_background",
          "label": "t:global.colors.background"
        },
        {
          "type": "color",
          "id": "button_text_color",
          "label": "t:global.colors.text"
        },
        {
          "type": "header",
          "content": "t:sections.main_product.blocks.modal.modal_category"
        },
        {
          "type": "inline_richtext",
          "id": "modal_title",
          "label": "t:sections.main_product.blocks.modal.modal_title",
          "default": "Modal title"
        },
        {
          "type": "richtext",
          "id": "modal_content",
          "label": "t:sections.main_product.blocks.modal.modal_content",
          "default": "<p>Write some content that will appear in a modal</p>"
        }
      ]
    },
    {
      "type": "image",
      "name": "t:sections.main_product.blocks.image.name",
      "settings": [
        {
          "type": "image_picker",
          "id": "image",
          "label": "t:global.image.image"
        },
        {
          "type": "select",
          "id": "alignment",
          "label": "t:global.image.alignment",
          "options": [
            {
              "value": "start",
              "label": "t:global.position.left"
            },
            {
              "value": "center",
              "label": "t:global.position.center"
            },
            {
              "value": "end",
              "label": "t:global.position.right"
            }
          ],
          "default": "start"
        },
        {
          "type": "radio",
          "id": "width_mode",
          "label": "t:global.image.width",
          "options": [
            {
              "value": "full_width",
              "label": "t:global.image.width_options.full_width"
            },
            {
              "value": "custom",
              "label": "t:global.image.width_options.custom"
            }
          ],
          "default": "custom"
        },
        {
          "type": "range",
          "id": "max_width",
          "min": 100,
          "max": 600,
          "step": 10,
          "unit": "px",
          "label": "t:global.image.maximum_width",
          "default": 300
        },
        {
          "type": "range",
          "id": "mobile_max_width",
          "min": 100,
          "max": 600,
          "step": 10,
          "unit": "px",
          "label": "t:global.image.mobile_maximum_width",
          "default": 200
        }
      ]
    },
    {
      "type": "button",
      "name": "t:sections.main_product.blocks.button.name",
      "settings": [
        {
          "type": "paragraph",
          "content": "t:sections.main_product.blocks.button.instructions"
        },
        {
          "type": "url",
          "id": "link",
          "label": "t:sections.main_product.blocks.button.link"
        },
        {
          "type": "text",
          "id": "text",
          "label": "t:sections.main_product.blocks.button.text",
          "default": "Button"
        },
        {
          "type": "checkbox",
          "id": "stretch",
          "label": "t:sections.main_product.blocks.button.stretch"
        },
        {
          "type": "color",
          "id": "background",
          "label": "t:global.colors.background"
        },
        {
          "type": "color",
          "id": "text_color",
          "label": "t:global.colors.text"
        }
      ]
    },
    {
      "type": "share_buttons",
      "name": "t:sections.main_product.blocks.share_buttons.name",
      "settings": [
        {
          "type": "paragraph",
          "content": "t:sections.main_product.blocks.share_buttons.instructions"
        }
      ]
    },
    {
      "type": "more_information",
      "name": "t:sections.main_product.blocks.more_information.name",
      "limit": 1,
      "settings": [
        {
          "type": "paragraph",
          "content": "t:sections.main_product.blocks.more_information.instructions"
        },
        {
          "type": "inline_richtext",
          "id": "text",
          "label": "t:sections.main_product.blocks.more_information.text",
          "default": "More information"
        }
      ]
    }
  ]
}
{% endschema %}
0 RÉPONSES 0