Facebook
From xarkezpl, 2 Weeks ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 114
  1. <section
  2.   id="MainProduct-{{ section.id }}"
  3.   class="section-{{ section.id }}-padding gradient color-{{ section.settings.color_scheme }}"
  4.    data-secti section.id }}"
  5. >
  6.   {{ 'section-main-product.css' | asset_url | stylesheet_tag }}
  7.   {{ 'component-accordion.css' | asset_url | stylesheet_tag }}
  8.   {{ 'component-price.css' | asset_url | stylesheet_tag }}
  9.   {{ 'component-slider.css' | asset_url | stylesheet_tag }}
  10.   {{ 'component-rating.css' | asset_url | stylesheet_tag }}
  11.   {{ 'component-deferred-media.css' | asset_url | stylesheet_tag }}
  12.   {% unless product.has_only_default_variant %}
  13.     {{ 'component-product-variant-picker.css' | asset_url | stylesheet_tag }}
  14.     {{ 'component-swatch-input.css' | asset_url | stylesheet_tag }}
  15.     {{ 'component-swatch.css' | asset_url | stylesheet_tag }}
  16.   {% endunless %}
  17.   {%- if product.quantity_price_breaks_configured? -%}
  18.     {{ 'component-volume-pricing.css' | asset_url | stylesheet_tag }}
  19.   {%- endif -%}
  20.  
  21.   {%- style -%}
  22.     .section-{{ section.id }}-padding {
  23.       padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
  24.       padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
  25.     }
  26.  
  27.     @media screen and (min-width: 750px) {
  28.       .section-{{ section.id }}-padding {
  29.         padding-top: {{ section.settings.padding_top }}px;
  30.         padding-bottom: {{ section.settings.padding_bottom }}px;
  31.       }
  32.     }
  33.   {%- endstyle -%}
  34.  
  35.   [removed][removed]
  36.   [removed][removed]
  37.   {%- if product.quantity_price_breaks_configured? -%}
  38.     [removed][removed]
  39.     [removed][removed]
  40.   {%- endif -%}
  41.  
  42.   {% if section.settings.image_zoom == 'hover' %}
  43.     [removed][removed]
  44.   {% endif %}
  45.   {%- if request.design_mode -%}
  46.     [removed][removed]
  47.   {%- endif -%}
  48.  
  49.   {%- assign first_3d_model = product.media | where: 'media_type', 'model' | first -%}
  50.   {%- if first_3d_model -%}
  51.     {{ 'component-product-model.css' | asset_url | stylesheet_tag }}
  52.     &lt;link
  53.       id="ModelViewerStyle"
  54.       rel="stylesheet"
  55.       href="https://cdn.shopify.com/shopifycloud/model-viewer-ui/assets/v1.0/model-viewer-ui.css"
  56.       media="print"
  57.        
  58.     &gt;
  59.     &lt;link
  60.       id="ModelViewerOverride"
  61.       rel="stylesheet"
  62.       href="{{ 'component-model-viewer-ui.css' | asset_url }}"
  63.       media="print"
  64.        
  65.     &gt;
  66.   {%- endif -%}
  67.  
  68.   {% assign variant_images = product.images | where: 'attached_to_variant?', true | map: 'src' %}
  69.   <div class="page-width">
  70.     >
  71.       <div class="grid__item product__media-wrapper{% if section.settings.media_positi 'right' %} medium-hide large-up-hide{% endif %}">
  72.         {% render 'product-media-gallery', variant_images: variant_images %}
  73.       </div>
  74.       >
  75.         <product-info
  76.           id="ProductInfo-{{ section.id }}"
  77.            data-secti section.id }}"
  78.           data-url="{{ product.url }}"
  79.           class="product__info-container{% if section.settings.enable_sticky_info %} product__column-sticky{% endif %}"
  80.         >
  81.           {%- assign product_form_id = 'product-form-' | append: section.id -%}
  82.  
  83.           {%- for block in section.blocks -%}
  84.             {%- case block.type -%}
  85.               {%- when '@app' -%}
  86.                 {% render block %}
  87.               {%- when 'text' -%}
  88.                 <p                    class="product__text inline-richtext{% if block.settings.text_ 'uppercase' %} caption-with-letter-spacing{% elsif block.settings.text_ 'subtitle' %} subtitle{% endif %}"
  89.                   {{ block.shopify_attributes }}
  90.                 >
  91.                   {{- block.settings.text -}}
  92.                 </p>
  93.               {%- when 'title' -%}
  94.                 <div class="product__title" {{ block.shopify_attributes }}>
  95.                   <h1>{{ product.title | escape }}</h1>
  96.                   <a href="{{ product.url }}" class="product__title">
  97.                     <h2 class="h1">
  98.                       {{ product.title | escape }}
  99.                     </h2>
  100.                   </a>
  101.                 </div>
  102.               {%- when 'price' -%}
  103.                 <div class="no-js-hidden" id="price-{{ section.id }}" role="status" {{ block.shopify_attributes }}>
  104.                   {%- render 'price',
  105.                     product: product,
  106.                     use_variant: true,
  107.                     show_badges: true,
  108.                     price_class: 'price--large'
  109.                   -%}
  110.                 </div>
  111.                 {%- if product.quantity_price_breaks_configured? -%}
  112.                   <div class="volume-pricing-note" id="Volume-Note-{{ section.id }}">
  113.                     <span>{{ 'products.product.volume_pricing.note' | t }}</span>
  114.                   </div>
  115.                 {%- endif -%}
  116.                 <div class="product__tax caption rte">
  117.                   {%- if cart.taxes_included -%}
  118.                     {{ 'products.product.include_taxes' | t }}
  119.                   {%- endif -%}
  120.                   {%- if shop.shipping_policy.body != blank -%}
  121.                     {{ 'products.product.shipping_policy_html' | t: link: shop.shipping_policy.url }}
  122.                   {%- endif -%}
  123.                 </div>
  124.                 <div {{ block.shopify_attributes }}>
  125.                   {%- assign product_form_installment_id = 'product-form-installment-' | append: section.id -%}
  126.                   {%- form 'product', product, id: product_form_installment_id, class: 'installment caption-large' -%}
  127.                     &lt;input type="hidden" name="id" value="{{ product.selected_or_first_available_variant.id }}"&gt;
  128.                     {{ form | payment_terms }}
  129.                   {%- endform -%}
  130.                 </div>
  131.               {%- when 'inventory' -%}
  132.                 <p                    class="product__inventory no-js-hidden{% if block.settings.text_ 'uppercase' %} caption-with-letter-spacing{% elsif block.settings.text_ 'subtitle' %} subtitle{% endif %}{% if product.selected_or_first_available_variant.inventory_management != 'shopify' %} visibility-hidden{% endif %}"
  133.                   {{ block.shopify_attributes }}
  134.                   id="Inventory-{{ section.id }}"
  135.                   role="status"
  136.                 >
  137.                   {%- if product.selected_or_first_available_variant.inventory_management == 'shopify' -%}
  138.                     {%- if product.selected_or_first_available_variant.inventory_quantity > 0 -%}
  139.                       {%- if product.selected_or_first_available_variant.inventory_quantity
  140.                           <= block.settings.inventory_threshold
  141.                       -%}
  142.                         <svg width="15" height="15" aria-hidden="true">
  143.                           <circle cx="7.5" cy="7.5" r="7.5" fill="rgb(238,148,65, 0.3)"/>
  144.                           <circle cx="7.5" cy="7.5" r="5" stroke="rgb(255, 255, 255)" stroke-width="1" fill="rgb(238,148,65)"/>
  145.                         </svg>
  146.                         {%- if block.settings.show_inventory_quantity -%}
  147.                           {{-
  148.                             'products.product.inventory_low_stock_show_count'
  149.                             | t: quantity: product.selected_or_first_available_variant.inventory_quantity
  150.                           -}}
  151.                         {%- else -%}
  152.                           {{- 'products.product.inventory_low_stock' | t -}}
  153.                         {%- endif -%}
  154.                       {%- else -%}
  155.                         <svg width="15" height="15" aria-hidden="true">
  156.                           <circle cx="7.5" cy="7.5" r="7.5" fill="rgb(62,214,96, 0.3)"/>
  157.                           <circle cx="7.5" cy="7.5" r="5" stroke="rgb(255, 255, 255)" stroke-width="1" fill="rgb(62,214,96)"/>
  158.                         </svg>
  159.                         {%- if block.settings.show_inventory_quantity -%}
  160.                           {{-
  161.                             'products.product.inventory_in_stock_show_count'
  162.                             | t: quantity: product.selected_or_first_available_variant.inventory_quantity
  163.                           -}}
  164.                         {%- else -%}
  165.                           {{- 'products.product.inventory_in_stock' | t -}}
  166.                         {%- endif -%}
  167.                       {%- endif -%}
  168.                     {%- else -%}
  169.                       {%- if product.selected_or_first_available_variant.inventory_policy == 'continue' -%}
  170.                         <svg width="15" height="15" aria-hidden="true">
  171.                           <circle cx="7.5" cy="7.5" r="7.5" fill="rgb(62,214,96, 0.3)"/>
  172.                           <circle cx="7.5" cy="7.5" r="5" stroke="rgb(255, 255, 255)" stroke-width="1" fill="rgb(62,214,96)"/>
  173.                         </svg>
  174.                         {{- 'products.product.inventory_out_of_stock_continue_selling' | t -}}
  175.                       {%- else -%}
  176.                         <svg width="15" height="15" aria-hidden="true">
  177.                           <circle cx="7.5" cy="7.5" r="7.5" fill="rgb(200,200,200, 0.3)"/>
  178.                           <circle cx="7.5" cy="7.5" r="5" stroke="rgb(255, 255, 255)" stroke-width="1" fill="rgb(200,200,200)"/>
  179.                         </svg>
  180.                         {{- 'products.product.inventory_out_of_stock' | t -}}
  181.                       {%- endif -%}
  182.                     {%- endif -%}
  183.                   {%- endif -%}
  184.                 </p>
  185.               {%- when 'description' -%}
  186.                 {%- if product.description != blank -%}
  187.                   <div class="product__description rte quick-add-hidden" {{ block.shopify_attributes }}>
  188.                     {{ product.description }}
  189.                   </div>
  190.                 {%- endif -%}
  191.               {%- when 'sku' -%}
  192.                 <p                    class="product__sku no-js-hidden{% if block.settings.text_ 'uppercase' %} caption-with-letter-spacing{% elsif block.settings.text_ 'subtitle' %} subtitle{% endif %}{% if product.selected_or_first_available_variant.sku.size == 0 %} visibility-hidden{% endif %}"
  193.                   id="Sku-{{ section.id }}"
  194.                   role="status"
  195.                   {{ block.shopify_attributes }}
  196.                 >
  197.                   <span class="visually-hidden">{{ 'products.product.sku' | t }}:</span>
  198.                   {{- product.selected_or_first_available_variant.sku -}}
  199.                 </p>
  200.               {%- when 'custom_liquid' -%}
  201.                 {{ block.settings.custom_liquid }}
  202.               {%- when 'collapsible_tab' -%}
  203.                 <div class="product__accordion accordion quick-add-hidden" {{ block.shopify_attributes }}>
  204.                   <details id="Details-{{ block.id }}-{{ section.id }}">
  205.                     <summary>
  206.                       <div class="summary__title">
  207.                         {% render 'icon-accordion', icon: block.settings.icon %}
  208.                         <h2 class="h4 accordion__title inline-richtext">
  209.                           {{ block.settings.heading | default: block.settings.page.title | escape }}
  210.                         </h2>
  211.                       </div>
  212.                       {% render 'icon-caret' %}
  213.                     </summary>
  214.                     <div class="accordion__content rte" id="ProductAccordion-{{ block.id }}-{{ section.id }}">
  215.                       {{ block.settings.content }}
  216.                       {{ block.settings.page.content }}
  217.                     </div>
  218.                   </details>
  219.                 </div>
  220.               {%- when 'quantity_selector' -%}
  221.                 >
  222.                   {% comment %} TODO: enable theme-check once `item_count_for_variant` is accepted as valid filter {% endcomment %}
  223.                   {% # theme-check-disable %}
  224.                   {%- assign cart_qty = cart
  225.                     | item_count_for_variant: product.selected_or_first_available_variant.id
  226.                   -%}
  227.                   {% # theme-check-enable %}
  228.                   <label class="quantity__label form__label" for="Quantity-{{ section.id }}">
  229.                     {{ 'products.product.quantity.label' | t }}
  230.                     <span class="quantity__rules-cart no-js-hidden{% if cart_qty == 0 %} hidden{% endif %}">
  231.                       {%- render 'loading-spinner' -%}
  232.                       <span
  233.                         >(
  234.                         {{- 'products.product.quantity.in_cart_html' | t: quantity: cart_qty -}}
  235.                         )</span
  236.                       >
  237.                     </span>
  238.                   </label>
  239.                   <div class="price-per-item__container">
  240.                     <quantity-input class="quantity" data-url="{{ product.url }}" data-secti section.id }}">
  241.                       <button class="quantity__button no-js-hidden" name="minus" type="button">
  242.                         <span class="visually-hidden">
  243.                           {{- 'products.product.quantity.decrease' | t: product: product.title | escape -}}
  244.                         </span>
  245.                         {% render 'icon-minus' %}
  246.                       </button>
  247.                       &lt;input
  248.                         class="quantity__input"
  249.                         type="number"
  250.                         name="quantity"
  251.                         id="Quantity-{{ section.id }}"
  252.                         data-cart-quantity="{{ cart_qty }}"
  253.                         data-min="{{ product.selected_or_first_available_variant.quantity_rule.min }}"
  254.                         min="{{ product.selected_or_first_available_variant.quantity_rule.min }}"
  255.                         {% if product.selected_or_first_available_variant.quantity_rule.max != null %}
  256.                           data-max="{{ product.selected_or_first_available_variant.quantity_rule.max }}"
  257.                           max="{{ product.selected_or_first_available_variant.quantity_rule.max }}"
  258.                         {% endif %}
  259.                         step="{{ product.selected_or_first_available_variant.quantity_rule.increment }}"
  260.                         value="{{ product.selected_or_first_available_variant.quantity_rule.min }}"
  261.                         form="{{ product_form_id }}"
  262.                       &gt;
  263.                       <button class="quantity__button no-js-hidden" name="plus" type="button">
  264.                         <span class="visually-hidden">
  265.                           {{- 'products.product.quantity.increase' | t: product: product.title | escape -}}
  266.                         </span>
  267.                         {% render 'icon-plus' %}
  268.                       </button>
  269.                     </quantity-input>
  270.                     {%- liquid
  271.                       assign volume_pricing_array = product.selected_or_first_available_variant.quantity_price_breaks | sort: 'quantity' | reverse
  272.                       assign current_qty_for_volume_pricing = cart_qty | plus: product.selected_or_first_available_variant.quantity_rule.min
  273.                       if cart_qty > 0
  274.                         assign current_qty_for_volume_pricing = cart_qty | plus: product.selected_or_first_available_variant.quantity_rule.increment
  275.                       endif
  276.                     -%}
  277.                     {%- if product.quantity_price_breaks_configured? -%}
  278.                       <price-per-item
  279.                         class="no-js-hidden"
  280.                         id="Price-Per-Item-{{ section.id }}"
  281.                         data-section-id="{{ section.id }}"
  282.                         data-variant-id="{{ product.selected_or_first_available_variant.id }}"
  283.                       >
  284.                         {%- if product.selected_or_first_available_variant.quantity_price_breaks.size > 0 -%}
  285.                           {%- assign variant_price_compare = product.selected_or_first_available_variant.compare_at_price -%}
  286.                           <div class="price-per-item">
  287.                             {%- if variant_price_compare -%}
  288.                               <dl class="price-per-item--current">
  289.                                 <dt class="visually-hidden">
  290.                                   {{ 'products.product.price.regular_price' | t }}
  291.                                 </dt>
  292.                                 <dd>
  293.                                   <s class="variant-item__old-price">
  294.                                     {{ variant_price_compare | money_with_currency }}
  295.                                   </s>
  296.                                 </dd>
  297.                               </dl>
  298.                             {%- endif -%}
  299.                             {%- if current_qty_for_volume_pricing < volume_pricing_array.last.minimum_quantity -%}
  300.                               {%- assign variant_price = product.selected_or_first_available_variant.price
  301.                                 | money_with_currency
  302.                               -%}
  303.                               <span class="price-per-item--current">
  304.                                 {{- 'products.product.volume_pricing.price_at_each' | t: price: variant_price -}}
  305.                               </span>
  306.                             {%- else -%}
  307.                               {%- for price_break in volume_pricing_array -%}
  308.                                 {%- if current_qty_for_volume_pricing >= price_break.minimum_quantity -%}
  309.                                   {%- assign price_break_price = price_break.price | money_with_currency -%}
  310.                                   <span class="price-per-item--current">
  311.                                     {{-
  312.                                       'products.product.volume_pricing.price_at_each'
  313.                                       | t: price: price_break_price
  314.                                     -}}
  315.                                   </span>
  316.                                   {%- break -%}
  317.                                 {%- endif -%}
  318.                               {%- endfor -%}
  319.                             {%- endif -%}
  320.                           </div>
  321.                         {%- else -%}
  322.                           {%- assign variant_price = product.selected_or_first_available_variant.price
  323.                             | money_with_currency
  324.                           -%}
  325.                           {%- assign variant_price_compare = product.selected_or_first_available_variant.compare_at_price -%}
  326.                           <div class="price-per-item">
  327.                             {%- if variant_price_compare -%}
  328.                               <dl class="price-per-item--current">
  329.                                 <dt class="visually-hidden">
  330.                                   {{ 'products.product.price.regular_price' | t }}
  331.                                 </dt>
  332.                                 <dd>
  333.                                   <s class="variant-item__old-price">
  334.                                     {{ variant_price_compare | money_with_currency }}
  335.                                   </s>
  336.                                 </dd>
  337.                                 <dt class="visually-hidden">
  338.                                   {{ 'products.product.price.sale_price' | t }}
  339.                                 </dt>
  340.                                 <dd>
  341.                                   <span class="price-per-item--current">
  342.                                     {{- 'products.product.volume_pricing.price_at_each' | t: price: variant_price -}}
  343.                                   </span>
  344.                                 </dd>
  345.                               </dl>
  346.                             {%- else -%}
  347.                               <span class="price-per-item--current">
  348.                                 {{- 'products.product.volume_pricing.price_at_each' | t: price: variant_price -}}
  349.                               </span>
  350.                             {%- endif -%}
  351.                           </div>
  352.                         {%- endif -%}
  353.                       </price-per-item>
  354.                     {%- endif -%}
  355.                   </div>
  356.                   <div class="quantity__rules caption no-js-hidden" id="Quantity-Rules-{{ section.id }}">
  357.                     {%- if product.selected_or_first_available_variant.quantity_rule.increment > 1 -%}
  358.                       <span class="divider">
  359.                         {{-
  360.                           'products.product.quantity.multiples_of'
  361.                           | t: quantity: product.selected_or_first_available_variant.quantity_rule.increment
  362.                         -}}
  363.                       </span>
  364.                     {%- endif -%}
  365.                     {%- if product.selected_or_first_available_variant.quantity_rule.min > 1 -%}
  366.                       <span class="divider">
  367.                         {{-
  368.                           'products.product.quantity.minimum_of'
  369.                           | t: quantity: product.selected_or_first_available_variant.quantity_rule.min
  370.                         -}}
  371.                       </span>
  372.                     {%- endif -%}
  373.                     {%- if product.selected_or_first_available_variant.quantity_rule.max != null -%}
  374.                       <span class="divider">
  375.                         {{-
  376.                           'products.product.quantity.maximum_of'
  377.                           | t: quantity: product.selected_or_first_available_variant.quantity_rule.max
  378.                         -}}
  379.                       </span>
  380.                     {%- endif -%}
  381.                   </div>
  382.                   {%- if product.quantity_price_breaks_configured? -%}
  383.                     <volume-pricing class="parent-display no-js-hidden" id="Volume-{{ section.id }}">
  384.                       {%- if product.selected_or_first_available_variant.quantity_price_breaks.size > 0 -%}
  385.                         <span class="caption-large">{{ 'products.product.volume_pricing.title' | t }}</span>
  386.                         <ul class="list-unstyled no-js-hidden">
  387.                           <li>
  388.                             <span>{{ product.selected_or_first_available_variant.quantity_rule.min }}+</span>
  389.                             {%- assign price = product.selected_or_first_available_variant.price
  390.                               | money_with_currency
  391.                             -%}
  392.                             <span data-text="{{ 'products.product.volume_pricing.price_at_each' | t: price: variant_price }}">
  393.                               {{- 'sections.quick_order_list.each' | t: money: price -}}
  394.                             </span>
  395.                           </li>
  396.                           {%- for price_break in product.selected_or_first_available_variant.quantity_price_breaks -%}
  397.                             {%- assign price_break_price = price_break.price | money_with_currency -%}
  398.                             >
  399.                               <span>
  400.                                 {{- price_break.minimum_quantity -}}
  401.                                 <span aria-hidden="true">+</span></span
  402.                               >
  403.                               <span data-text="{{ 'products.product.volume_pricing.price_at_each' | t: price: price_break_price }}">
  404.                                 {{- 'sections.quick_order_list.each' | t: money: price_break_price -}}
  405.                               </span>
  406.                             </li>
  407.                           {%- endfor -%}
  408.                         </ul>
  409.                         {%- if product.selected_or_first_available_variant.quantity_price_breaks.size >= 3 -%}
  410.                           <show-more-button>
  411.                             <button
  412.                               class="button-show-more link underlined-link"
  413.                               id="Show-More-{{ section.id }}"
  414.                               type="button"
  415.                             >
  416.                               <span class="label-show-more label-text"
  417.                                 ><span aria-hidden="true">+ </span>{{ 'products.facets.show_more' | t }}
  418.                               </span>
  419.                             </button>
  420.                           </show-more-button>
  421.                         {%- endif -%}
  422.                       {%- endif -%}
  423.                     </volume-pricing>
  424.                   {%- endif -%}
  425.                 </div>
  426.               {%- when 'popup' -%}
  427.                 <modal-opener
  428.                   class="product-popup-modal__opener no-js-hidden quick-add-hidden"
  429.                   data-modal="#PopupModal-{{ block.id }}"
  430.                   {{ block.shopify_attributes }}
  431.                 >
  432.                   <button
  433.                     id="ProductPopup-{{ block.id }}"
  434.                     class="product-popup-modal__button link"
  435.                     type="button"
  436.                     aria-haspopup="dialog"
  437.                   >
  438.                     {{ block.settings.text | default: block.settings.page.title | escape }}
  439.                   </button>
  440.                 </modal-opener>
  441.                 <a href="{{ block.settings.page.url }}" class="product-popup-modal__button link no-js">
  442.                   {{- block.settings.text -}}
  443.                 </a>
  444.               {%- when 'share' -%}
  445.                 {% assign share_url = product.selected_variant.url | default: product.url | prepend: request.origin %}
  446.                 {% render 'share-button', block: block, share_link: share_url %}
  447.  
  448.               {%- when 'variant_picker' -%}
  449.                 {% render 'product-variant-picker', product: product, block: block, product_form_id: product_form_id %}
  450.               {%- when 'buy_buttons' -%}
  451.                 {%- render 'buy-buttons',
  452.                   block: block,
  453.                   product: product,
  454.                   product_form_id: product_form_id,
  455.                   section_id: section.id,
  456.                   show_pickup_availability: true
  457.                 -%}
  458.               {%- when 'rating' -%}
  459.                 {%- if product.metafields.reviews.rating.value != blank -%}
  460.                   <div class="rating-wrapper">
  461.                     {% liquid
  462.                       assign rating_decimal = 0
  463.                       assign decimal = product.metafields.reviews.rating.value.rating | modulo: 1
  464.                       if decimal >= 0.3 and decimal <= 0.7
  465.                         assign rating_decimal = 0.5
  466.                       elsif decimal > 0.7
  467.                         assign rating_decimal = 1
  468.                       endif
  469.                     %}
  470.                     <div
  471.                       class="rating"
  472.                       role="img"
  473.                       aria-label="{{ 'accessibility.star_reviews_info' | t: rating_value: product.metafields.reviews.rating.value, rating_max: product.metafields.reviews.rating.value.scale_max }}"
  474.                     >
  475.                       <span
  476.                         aria-hidden="true"
  477.                         class="rating-star"
  478.                           {{ product.metafields.reviews.rating.value.rating | floor }}; --rating-max: {{ product.metafields.reviews.rating.value.scale_max }}; --rating-decimal: {{ rating_decimal }};"
  479.                       ></span>
  480.                     </div>
  481.                     <p class="rating-text caption">
  482.                       <span aria-hidden="true">
  483.                         {{- product.metafields.reviews.rating.value }} /
  484.                         {{ product.metafields.reviews.rating.value.scale_max -}}
  485.                       </span>
  486.                     </p>
  487.                     <p class="rating-count caption">
  488.                       <span aria-hidden="true">({{ product.metafields.reviews.rating_count }})</span>
  489.                       <span class="visually-hidden">
  490.                         {{- product.metafields.reviews.rating_count }}
  491.                         {{ 'accessibility.total_reviews' | t -}}
  492.                       </span>
  493.                     </p>
  494.                   </div>
  495.                 {%- endif -%}
  496.               {%- when 'complementary' -%}
  497.                 >
  498.                   {%- if recommendations.performed and recommendations.products_count > 0 -%}
  499.                     <aside
  500.                       aria-label="{{ 'accessibility.complementary_products' | t }}"
  501.                       {{ block.shopify_attributes -}}
  502.                       {% if block.settings.make_collapsible_row %}
  503.                         class="product__accordion accordion"
  504.                       {% endif %}
  505.                     >
  506.                       <div class="complementary-products__container">
  507.                         {%- if block.settings.make_collapsible_row -%}
  508.                           <details id="Details-{{ block.id }}-{{ section.id }}" open>
  509.                             <summary>
  510.                         {%- endif %}
  511.                         <div class="summary__title">
  512.                           {%- if block.settings.make_collapsible_row -%}
  513.                             {% render 'icon-accordion', icon: block.settings.icon %}
  514.                             <h2 class="h4 accordion__title">{{ block.settings.block_heading }}</h2>
  515.                           {%- else -%}
  516.                             <h2 class="h3 accordion__title">{{ block.settings.block_heading }}</h2>
  517.                           {%- endif -%}
  518.                         </div>
  519.                         {%- if block.settings.make_collapsible_row -%}
  520.                           {% render 'icon-caret' %}
  521.                           </summary>
  522.                         {%- endif -%}
  523.                         <slideshow-component class="slider-mobile-gutter">
  524.                           {%- assign number_of_slides = recommendations.products_count
  525.                             | plus: 0.0
  526.                             | divided_by: block.settings.products_per_page
  527.                             | ceil
  528.                           -%}
  529.                           <div
  530.                             id="Slider-{{ block.id }}"
  531.                             class="contains-card contains-card--product complementary-slider grid grid--1-col slider slider--everywhere"
  532.                             role="list"
  533.                             {% if number_of_slides > 1 %}
  534.                               aria-label="{{ 'general.slider.name' | t }}"
  535.                             {% endif %}
  536.                           >
  537.                             {%- for i in (1..number_of_slides) -%}
  538.                               <div
  539.                                 id="Slide-{{ block.id }}-{{ forloop.index }}"
  540.                                 class="complementary-slide complementary-slide--{{ settings.card_style }} grid__item slider__slide slideshow__slide"
  541.                                 tabindex="-1"
  542.                                 role="group"
  543.                                 {% if number_of_slides > 1 %}
  544.                                   aria-roledescription="{{ 'sections.slideshow.slide' | t }}"
  545.                                   aria-label="{{ forloop.index }} {{ 'general.slider.of' | t }} {{ forloop.length }}"
  546.                                 {% endif %}
  547.                               >
  548.                                 <ul class="list-unstyled" role="list">
  549.                                   {%- for product in recommendations.products
  550.                                     limit: block.settings.products_per_page
  551.                                     offset: continue
  552.                                   -%}
  553.                                     <li>
  554.                                       {% render 'card-product',
  555.                                         card_product: product,
  556.                                         media_aspect_ratio: block.settings.image_ratio,
  557.                                         show_secondary_image: false,
  558.                                         lazy_load: false,
  559.                                         show_quick_add: block.settings.enable_quick_add,
  560.                                         section_id: section.id,
  561.                                         horizontal_class: true,
  562.                                         horizontal_quick_add: true
  563.                                       %}
  564.                                     </li>
  565.                                   {%- endfor -%}
  566.                                 </ul>
  567.                               </div>
  568.                             {%- endfor -%}
  569.                           </div>
  570.                           {%- if number_of_slides > 1 -%}
  571.                             <div class="slider-buttons no-js-hidden">
  572.                               <button
  573.                                 type="button"
  574.                                 class="slider-button slider-button--prev"
  575.                                 name="previous"
  576.                                 aria-label="{{ 'general.slider.previous_slide' | t }}"
  577.                               >
  578.                                 {% render 'icon-caret' %}
  579.                               </button>
  580.                               <div class="slider-counter slider-counter--{{ block.settings.pagination_style }}{% if block.settings.paginati 'counter' or block.settings.paginati 'numbers' %} caption{% endif %}">
  581.                                 {%- if block.settings.pagination_style == 'counter' -%}
  582.                                   <span class="slider-counter--current">1</span>
  583.                                   <span aria-hidden="true"> / </span>
  584.                                   <span class="visually-hidden">{{ 'general.slider.of' | t }}</span>
  585.                                   <span class="slider-counter--total">{{ number_of_slides }}</span>
  586.                                 {%- else -%}
  587.                                   <div class="slideshow__control-wrapper">
  588.                                     {%- for i in (1..number_of_slides) -%}
  589.                                       <button
  590.                                         class="slider-counter__link slider-counter__link--{{ block.settings.pagination_style }} link"
  591.                                         aria-label="{{ 'sections.slideshow.load_slide' | t }} {{ forloop.index }} {{ 'general.slider.of' | t }} {{ forloop.length }}"
  592.                                          aria-c block.id }}"
  593.                                       >
  594.                                         {%- if block.settings.pagination_style == 'numbers' -%}
  595.                                           {{ forloop.index -}}
  596.                                         {%- else -%}
  597.                                           <span class="dot"></span>
  598.                                         {%- endif -%}
  599.                                       </button>
  600.                                     {%- endfor -%}
  601.                                   </div>
  602.                                 {%- endif -%}
  603.                               </div>
  604.                               <button
  605.                                 type="button"
  606.                                 class="slider-button slider-button--next"
  607.                                 name="next"
  608.                                 aria-label="{{ 'general.slider.next_slide' | t }}"
  609.                               >
  610.                                 {% render 'icon-caret' %}
  611.                               </button>
  612.                             </div>
  613.                           {%- endif -%}
  614.                         </slideshow-component>
  615.                         {%- if block.settings.make_collapsible_row -%}
  616.                           </details>
  617.                         {%- endif -%}
  618.                       </div>
  619.                     </aside>
  620.                   {%- endif -%}
  621.                   {{ 'component-card.css' | asset_url | stylesheet_tag }}
  622.                   {{ 'component-complementary-products.css' | asset_url | stylesheet_tag }}
  623.                   {%- if block.settings.enable_quick_add -%}
  624.                     {{ 'quick-add.css' | asset_url | stylesheet_tag }}
  625.                     [removed][removed]
  626.                   {%- endif -%}
  627.                 </product-recommendations>
  628.               {%- when 'icon-with-text' -%}
  629.                 {% render 'icon-with-text', block: block %}
  630.             {%- endcase -%}
  631.           {%- endfor -%}
  632.           <a href="{{ product.url }}" class="link product__view-details animate-arrow">
  633.             {{ 'products.product.view_full_details' | t }}
  634.             {% render 'icon-arrow' %}
  635.           </a>
  636.         </product-info>
  637.       </div>
  638.       {%- if section.settings.media_position == 'right' -%}
  639.         {% comment %} Duplicate gallery to display after product content on tablet/desktop breakpoint {% endcomment %}
  640.         <div class="grid__item product__media-wrapper small-hide">
  641.           {% render 'product-media-gallery', variant_images: variant_images, is_duplicate: true %}
  642.         </div>
  643.       {%- endif -%}
  644.     </div>
  645.  
  646.     {% render 'product-media-modal', variant_images: variant_images %}
  647.  
  648.     {% assign popups = section.blocks | where: 'type', 'popup' %}
  649.     {%- for block in popups -%}
  650.       <modal-dialog id="PopupModal-{{ block.id }}" class="product-popup-modal" {{ block.shopify_attributes }}>
  651.         <div
  652.           role="dialog"
  653.           aria-label="{{ block.settings.text }}"
  654.           aria-modal="true"
  655.           class="product-popup-modal__content"
  656.           tabindex="-1"
  657.         >
  658.           <button
  659.             id="ModalClose-{{ block.id }}"
  660.             type="button"
  661.             class="product-popup-modal__toggle"
  662.             aria-label="{{ 'accessibility.close' | t }}"
  663.           >
  664.             {% render 'icon-close' %}
  665.           </button>
  666.           <div class="product-popup-modal__content-info">
  667.             <h1 class="h2">{{ block.settings.page.title | escape }}</h1>
  668.             {{ block.settings.page.content }}
  669.           </div>
  670.         </div>
  671.       </modal-dialog>
  672.     {%- endfor -%}
  673.  
  674.     {%- if product.media.size > 0 -%}
  675.       [removed][removed]
  676.       [removed][removed]
  677.     {%- endif -%}
  678.  
  679.     {%- if first_3d_model -%}
  680.       [removed]
  681.         {{ product.media | where: 'media_type', 'model' | json }}
  682.       [removed]
  683.       [removed][removed]
  684.     {%- endif -%}
  685.  
  686.     [removed]
  687.       document.addEventListener('DOMContentLoaded', function () {
  688.         function isIE() {
  689.           const ua = window.navigator.userAgent;
  690.           const msie = ua.indexOf('MSIE ');
  691.           const trident = ua.indexOf('Trident/');
  692.  
  693.           return msie > 0 || trident > 0;
  694.         }
  695.  
  696.         if (!isIE()) return;
  697.         const hiddenInput = document.querySelector('#{{ product_form_id }} input[name="id"]');
  698.         const noScriptInputWrapper = document.createElement('div');
  699.         const variantPicker = document.querySelector('variant-selects[data-section="{{ section.id }}"]');
  700.         noScriptInputWrapper[removed] = document.querySelector(
  701.           '.product-form__noscript-wrapper-{{ section.id }}'
  702.         ).textContent;
  703.         variantPicker.outerHTML = noScriptInputWrapper.outerHTML;
  704.  
  705.         document.querySelector('#Variants-{{ section.id }}').addEventListener('change', function (event) {
  706.           hiddenInput.value = event.currentTarget.value;
  707.         });
  708.       });
  709.     [removed]
  710.  
  711.     {%- liquid
  712.       if product.selected_or_first_available_variant.featured_media
  713.         assign seo_media = product.selected_or_first_available_variant.featured_media
  714.       else
  715.         assign seo_media = product.featured_media
  716.       endif
  717.     -%}
  718.  
  719.     [removed]
  720.       {
  721.         "@context": "http://schema.org/",
  722.         "@type": "Product",
  723.         "name": {{ product.title | json }},
  724.         "url": {{ request.origin | append: product.url | json }},
  725.         {% if seo_media -%}
  726.           "image": [
  727.             {{ seo_media | image_url: width: 1920 | prepend: "https:" | json }}
  728.           ],
  729.         {%- endif %}
  730.         "description": {{ product.description | strip_html | json }},
  731.         {% if product.selected_or_first_available_variant.sku != blank -%}
  732.           "sku": {{ product.selected_or_first_available_variant.sku | json }},
  733.         {%- endif %}
  734.         "brand": {
  735.           "@type": "Brand",
  736.           "name": {{ product.vendor | json }}
  737.         },
  738.         "offers": [
  739.           {%- for variant in product.variants -%}
  740.             {
  741.               "@type" : "Offer",
  742.               {%- if variant.sku != blank -%}
  743.                 "sku": {{ variant.sku | json }},
  744.               {%- endif -%}
  745.               {%- if variant.barcode.size == 12 -%}
  746.                 "gtin12": {{ variant.barcode }},
  747.               {%- endif -%}
  748.               {%- if variant.barcode.size == 13 -%}
  749.                 "gtin13": {{ variant.barcode }},
  750.               {%- endif -%}
  751.               {%- if variant.barcode.size == 14 -%}
  752.                 "gtin14": {{ variant.barcode }},
  753.               {%- endif -%}
  754.               "availability" : "http://schema.org/{% if variant.available %}InStock{% else %}OutOfStock{% endif %}",
  755.               "price" : {{ variant.price | divided_by: 100.00 | json }},
  756.               "priceCurrency" : {{ cart.currency.iso_code | json }},
  757.               "url" : {{ request.origin | append: variant.url | json }}
  758.             }{% unless forloop.last %},{% endunless %}
  759.           {%- endfor -%}
  760.         ]
  761.       }
  762.     [removed]
  763.   </div>
  764. </section>
  765.  
  766. {% schema %}
  767. {
  768.   "name": "t:sections.main-product.name",
  769.   "tag": "section",
  770.   "class": "section",
  771.   "blocks": [
  772.     {
  773.       "type": "@app"
  774.     },
  775.     {
  776.       "type": "text",
  777.       "name": "t:sections.main-product.blocks.text.name",
  778.       "settings": [
  779.         {
  780.           "type": "inline_richtext",
  781.           "id": "text",
  782.           "default": "Text block",
  783.           "label": "t:sections.main-product.blocks.text.settings.text.label"
  784.         },
  785.         {
  786.           "type": "select",
  787.           "id": "text_style",
  788.           "options": [
  789.             {
  790.               "value": "body",
  791.               "label": "t:sections.main-product.blocks.text.settings.text_style.options__1.label"
  792.             },
  793.             {
  794.               "value": "subtitle",
  795.               "label": "t:sections.main-product.blocks.text.settings.text_style.options__2.label"
  796.             },
  797.             {
  798.               "value": "uppercase",
  799.               "label": "t:sections.main-product.blocks.text.settings.text_style.options__3.label"
  800.             }
  801.           ],
  802.           "default": "body",
  803.           "label": "t:sections.main-product.blocks.text.settings.text_style.label"
  804.         }
  805.       ]
  806.     },
  807.     {
  808.       "type": "title",
  809.       "name": "t:sections.main-product.blocks.title.name",
  810.       "limit": 1
  811.     },
  812.     {
  813.       "type": "price",
  814.       "name": "t:sections.main-product.blocks.price.name",
  815.       "limit": 1
  816.     },
  817.     {
  818.       "type": "sku",
  819.       "name": "t:sections.main-product.blocks.sku.name",
  820.       "limit": 1,
  821.       "settings": [
  822.         {
  823.           "type": "select",
  824.           "id": "text_style",
  825.           "options": [
  826.             {
  827.               "value": "body",
  828.               "label": "t:sections.main-product.blocks.sku.settings.text_style.options__1.label"
  829.             },
  830.             {
  831.               "value": "subtitle",
  832.               "label": "t:sections.main-product.blocks.sku.settings.text_style.options__2.label"
  833.             },
  834.             {
  835.               "value": "uppercase",
  836.               "label": "t:sections.main-product.blocks.sku.settings.text_style.options__3.label"
  837.             }
  838.           ],
  839.           "default": "body",
  840.           "label": "t:sections.main-product.blocks.sku.settings.text_style.label"
  841.         }
  842.       ]
  843.     },
  844.     {
  845.       "type": "inventory",
  846.       "name": "t:sections.main-product.blocks.inventory.name",
  847.       "limit": 1,
  848.       "settings": [
  849.         {
  850.           "type": "select",
  851.           "id": "text_style",
  852.           "options": [
  853.             {
  854.               "value": "body",
  855.               "label": "t:sections.main-product.blocks.inventory.settings.text_style.options__1.label"
  856.             },
  857.             {
  858.               "value": "subtitle",
  859.               "label": "t:sections.main-product.blocks.inventory.settings.text_style.options__2.label"
  860.             },
  861.             {
  862.               "value": "uppercase",
  863.               "label": "t:sections.main-product.blocks.inventory.settings.text_style.options__3.label"
  864.             }
  865.           ],
  866.           "default": "body",
  867.           "label": "t:sections.main-product.blocks.inventory.settings.text_style.label"
  868.         },
  869.         {
  870.           "type": "range",
  871.           "id": "inventory_threshold",
  872.           "label": "t:sections.main-product.blocks.inventory.settings.inventory_threshold.label",
  873.           "min": 0,
  874.           "max": 100,
  875.           "step": 1,
  876.           "info": "t:sections.main-product.blocks.inventory.settings.inventory_threshold.info",
  877.           "default": 10
  878.         },
  879.         {
  880.           "type": "checkbox",
  881.           "id": "show_inventory_quantity",
  882.           "label": "t:sections.main-product.blocks.inventory.settings.show_inventory_quantity.label",
  883.           "default": true
  884.         }
  885.       ]
  886.     },
  887.     {
  888.       "type": "quantity_selector",
  889.       "name": "t:sections.main-product.blocks.quantity_selector.name",
  890.       "limit": 1
  891.     },
  892.     {
  893.       "type": "variant_picker",
  894.       "name": "t:sections.main-product.blocks.variant_picker.name",
  895.       "limit": 1,
  896.       "settings": [
  897.         {
  898.           "type": "select",
  899.           "id": "picker_type",
  900.           "options": [
  901.             {
  902.               "value": "dropdown",
  903.               "label": "t:sections.main-product.blocks.variant_picker.settings.picker_type.options__1.label"
  904.             },
  905.             {
  906.               "value": "button",
  907.               "label": "t:sections.main-product.blocks.variant_picker.settings.picker_type.options__2.label"
  908.             }
  909.           ],
  910.           "default": "button",
  911.           "label": "t:sections.main-product.blocks.variant_picker.settings.picker_type.label"
  912.         },
  913.         {
  914.           "id": "swatch_shape",
  915.           "label": "t:sections.main-product.blocks.variant_picker.settings.swatch_shape.label",
  916.           "type": "select",
  917.           "info": "t:sections.main-product.blocks.variant_picker.settings.swatch_shape.info",
  918.           "options": [
  919.             {
  920.               "value": "circle",
  921.               "label": "t:sections.main-product.blocks.variant_picker.settings.swatch_shape.options__1.label"
  922.             },
  923.             {
  924.               "value": "square",
  925.               "label": "t:sections.main-product.blocks.variant_picker.settings.swatch_shape.options__2.label"
  926.             },
  927.             {
  928.               "value": "none",
  929.               "label": "t:sections.main-product.blocks.variant_picker.settings.swatch_shape.options__3.label"
  930.             }
  931.           ],
  932.           "default": "circle"
  933.         }
  934.       ]
  935.     },
  936.     {
  937.       "type": "buy_buttons",
  938.       "name": "t:sections.main-product.blocks.buy_buttons.name",
  939.       "limit": 1,
  940.       "settings": [
  941.         {
  942.           "type": "checkbox",
  943.           "id": "show_dynamic_checkout",
  944.           "default": true,
  945.           "label": "t:sections.main-product.blocks.buy_buttons.settings.show_dynamic_checkout.label",
  946.           "info": "t:sections.main-product.blocks.buy_buttons.settings.show_dynamic_checkout.info"
  947.         },
  948.         {
  949.           "type": "checkbox",
  950.           "id": "show_gift_card_recipient",
  951.           "default": true,
  952.           "label": "t:sections.main-product.blocks.buy_buttons.settings.show_gift_card_recipient.label",
  953.           "info": "t:sections.main-product.blocks.buy_buttons.settings.show_gift_card_recipient.info"
  954.         }
  955.       ]
  956.     },
  957.     {
  958.       "type": "description",
  959.       "name": "t:sections.main-product.blocks.description.name",
  960.       "limit": 1
  961.     },
  962.     {
  963.       "type": "share",
  964.       "name": "t:sections.main-product.blocks.share.name",
  965.       "limit": 1,
  966.       "settings": [
  967.         {
  968.           "type": "text",
  969.           "id": "share_label",
  970.           "label": "t:sections.main-product.blocks.share.settings.text.label",
  971.           "default": "Share"
  972.         },
  973.         {
  974.           "type": "paragraph",
  975.           "content": "t:sections.main-product.blocks.share.settings.featured_image_info.content"
  976.         },
  977.         {
  978.           "type": "paragraph",
  979.           "content": "t:sections.main-product.blocks.share.settings.title_info.content"
  980.         }
  981.       ]
  982.     },
  983.     {
  984.       "type": "custom_liquid",
  985.       "name": "t:sections.custom-liquid.name",
  986.       "settings": [
  987.         {
  988.           "type": "liquid",
  989.           "id": "custom_liquid",
  990.           "label": "t:sections.custom-liquid.settings.custom_liquid.label",
  991.           "info": "t:sections.custom-liquid.settings.custom_liquid.info"
  992.         }
  993.       ]
  994.     },
  995.     {
  996.       "type": "collapsible_tab",
  997.       "name": "t:sections.main-product.blocks.collapsible_tab.name",
  998.       "settings": [
  999.         {
  1000.           "type": "text",
  1001.           "id": "heading",
  1002.           "default": "Collapsible row",
  1003.           "info": "t:sections.main-product.blocks.collapsible_tab.settings.heading.info",
  1004.           "label": "t:sections.main-product.blocks.collapsible_tab.settings.heading.label"
  1005.         },
  1006.         {
  1007.           "type": "select",
  1008.           "id": "icon",
  1009.           "options": [
  1010.             {
  1011.               "value": "none",
  1012.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__1.label"
  1013.             },
  1014.             {
  1015.               "value": "apple",
  1016.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__2.label"
  1017.             },
  1018.             {
  1019.               "value": "banana",
  1020.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__3.label"
  1021.             },
  1022.             {
  1023.               "value": "bottle",
  1024.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__4.label"
  1025.             },
  1026.             {
  1027.               "value": "box",
  1028.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__5.label"
  1029.             },
  1030.             {
  1031.               "value": "carrot",
  1032.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__6.label"
  1033.             },
  1034.             {
  1035.               "value": "chat_bubble",
  1036.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__7.label"
  1037.             },
  1038.             {
  1039.               "value": "check_mark",
  1040.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__8.label"
  1041.             },
  1042.             {
  1043.               "value": "clipboard",
  1044.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__9.label"
  1045.             },
  1046.             {
  1047.               "value": "dairy",
  1048.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__10.label"
  1049.             },
  1050.             {
  1051.               "value": "dairy_free",
  1052.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__11.label"
  1053.             },
  1054.             {
  1055.               "value": "dryer",
  1056.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__12.label"
  1057.             },
  1058.             {
  1059.               "value": "eye",
  1060.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__13.label"
  1061.             },
  1062.             {
  1063.               "value": "fire",
  1064.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__14.label"
  1065.             },
  1066.             {
  1067.               "value": "gluten_free",
  1068.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__15.label"
  1069.             },
  1070.             {
  1071.               "value": "heart",
  1072.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__16.label"
  1073.             },
  1074.             {
  1075.               "value": "iron",
  1076.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__17.label"
  1077.             },
  1078.             {
  1079.               "value": "leaf",
  1080.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__18.label"
  1081.             },
  1082.             {
  1083.               "value": "leather",
  1084.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__19.label"
  1085.             },
  1086.             {
  1087.               "value": "lightning_bolt",
  1088.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__20.label"
  1089.             },
  1090.             {
  1091.               "value": "lipstick",
  1092.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__21.label"
  1093.             },
  1094.             {
  1095.               "value": "lock",
  1096.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__22.label"
  1097.             },
  1098.             {
  1099.               "value": "map_pin",
  1100.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__23.label"
  1101.             },
  1102.             {
  1103.               "value": "nut_free",
  1104.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__24.label"
  1105.             },
  1106.             {
  1107.               "value": "pants",
  1108.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__25.label"
  1109.             },
  1110.             {
  1111.               "value": "paw_print",
  1112.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__26.label"
  1113.             },
  1114.             {
  1115.               "value": "pepper",
  1116.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__27.label"
  1117.             },
  1118.             {
  1119.               "value": "perfume",
  1120.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__28.label"
  1121.             },
  1122.             {
  1123.               "value": "plane",
  1124.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__29.label"
  1125.             },
  1126.             {
  1127.               "value": "plant",
  1128.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__30.label"
  1129.             },
  1130.             {
  1131.               "value": "price_tag",
  1132.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__31.label"
  1133.             },
  1134.             {
  1135.               "value": "question_mark",
  1136.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__32.label"
  1137.             },
  1138.             {
  1139.               "value": "recycle",
  1140.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__33.label"
  1141.             },
  1142.             {
  1143.               "value": "return",
  1144.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__34.label"
  1145.             },
  1146.             {
  1147.               "value": "ruler",
  1148.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__35.label"
  1149.             },
  1150.             {
  1151.               "value": "serving_dish",
  1152.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__36.label"
  1153.             },
  1154.             {
  1155.               "value": "shirt",
  1156.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__37.label"
  1157.             },
  1158.             {
  1159.               "value": "shoe",
  1160.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__38.label"
  1161.             },
  1162.             {
  1163.               "value": "silhouette",
  1164.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__39.label"
  1165.             },
  1166.             {
  1167.               "value": "snowflake",
  1168.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__40.label"
  1169.             },
  1170.             {
  1171.               "value": "star",
  1172.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__41.label"
  1173.             },
  1174.             {
  1175.               "value": "stopwatch",
  1176.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__42.label"
  1177.             },
  1178.             {
  1179.               "value": "truck",
  1180.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__43.label"
  1181.             },
  1182.             {
  1183.               "value": "washing",
  1184.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__44.label"
  1185.             }
  1186.           ],
  1187.           "default": "check_mark",
  1188.           "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.label"
  1189.         },
  1190.         {
  1191.           "type": "richtext",
  1192.           "id": "content",
  1193.           "label": "t:sections.main-product.blocks.collapsible_tab.settings.content.label"
  1194.         },
  1195.         {
  1196.           "type": "page",
  1197.           "id": "page",
  1198.           "label": "t:sections.main-product.blocks.collapsible_tab.settings.page.label"
  1199.         }
  1200.       ]
  1201.     },
  1202.     {
  1203.       "type": "popup",
  1204.       "name": "t:sections.main-product.blocks.popup.name",
  1205.       "settings": [
  1206.         {
  1207.           "type": "text",
  1208.           "id": "text",
  1209.           "default": "Pop-up link text",
  1210.           "label": "t:sections.main-product.blocks.popup.settings.link_label.label"
  1211.         },
  1212.         {
  1213.           "id": "page",
  1214.           "type": "page",
  1215.           "label": "t:sections.main-product.blocks.popup.settings.page.label"
  1216.         }
  1217.       ]
  1218.     },
  1219.     {
  1220.       "type": "rating",
  1221.       "name": "t:sections.main-product.blocks.rating.name",
  1222.       "limit": 1,
  1223.       "settings": [
  1224.         {
  1225.           "type": "paragraph",
  1226.           "content": "t:sections.main-product.blocks.rating.settings.paragraph.content"
  1227.         }
  1228.       ]
  1229.     },
  1230.     {
  1231.       "type": "complementary",
  1232.       "name": "t:sections.main-product.blocks.complementary_products.name",
  1233.       "limit": 1,
  1234.       "settings": [
  1235.         {
  1236.           "type": "paragraph",
  1237.           "content": "t:sections.main-product.blocks.complementary_products.settings.paragraph.content"
  1238.         },
  1239.         {
  1240.           "type": "text",
  1241.           "id": "block_heading",
  1242.           "default": "Pairs well with",
  1243.           "label": "t:sections.main-product.blocks.complementary_products.settings.heading.label"
  1244.         },
  1245.         {
  1246.           "type": "checkbox",
  1247.           "id": "make_collapsible_row",
  1248.           "default": false,
  1249.           "label": "t:sections.main-product.blocks.complementary_products.settings.make_collapsible_row.label"
  1250.         },
  1251.         {
  1252.           "type": "select",
  1253.           "id": "icon",
  1254.           "options": [
  1255.             {
  1256.               "value": "none",
  1257.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__1.label"
  1258.             },
  1259.             {
  1260.               "value": "apple",
  1261.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__2.label"
  1262.             },
  1263.             {
  1264.               "value": "banana",
  1265.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__3.label"
  1266.             },
  1267.             {
  1268.               "value": "bottle",
  1269.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__4.label"
  1270.             },
  1271.             {
  1272.               "value": "box",
  1273.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__5.label"
  1274.             },
  1275.             {
  1276.               "value": "carrot",
  1277.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__6.label"
  1278.             },
  1279.             {
  1280.               "value": "chat_bubble",
  1281.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__7.label"
  1282.             },
  1283.             {
  1284.               "value": "check_mark",
  1285.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__8.label"
  1286.             },
  1287.             {
  1288.               "value": "clipboard",
  1289.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__9.label"
  1290.             },
  1291.             {
  1292.               "value": "dairy",
  1293.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__10.label"
  1294.             },
  1295.             {
  1296.               "value": "dairy_free",
  1297.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__11.label"
  1298.             },
  1299.             {
  1300.               "value": "dryer",
  1301.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__12.label"
  1302.             },
  1303.             {
  1304.               "value": "eye",
  1305.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__13.label"
  1306.             },
  1307.             {
  1308.               "value": "fire",
  1309.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__14.label"
  1310.             },
  1311.             {
  1312.               "value": "gluten_free",
  1313.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__15.label"
  1314.             },
  1315.             {
  1316.               "value": "heart",
  1317.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__16.label"
  1318.             },
  1319.             {
  1320.               "value": "iron",
  1321.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__17.label"
  1322.             },
  1323.             {
  1324.               "value": "leaf",
  1325.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__18.label"
  1326.             },
  1327.             {
  1328.               "value": "leather",
  1329.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__19.label"
  1330.             },
  1331.             {
  1332.               "value": "lightning_bolt",
  1333.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__20.label"
  1334.             },
  1335.             {
  1336.               "value": "lipstick",
  1337.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__21.label"
  1338.             },
  1339.             {
  1340.               "value": "lock",
  1341.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__22.label"
  1342.             },
  1343.             {
  1344.               "value": "map_pin",
  1345.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__23.label"
  1346.             },
  1347.             {
  1348.               "value": "nut_free",
  1349.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__24.label"
  1350.             },
  1351.             {
  1352.               "value": "pants",
  1353.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__25.label"
  1354.             },
  1355.             {
  1356.               "value": "paw_print",
  1357.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__26.label"
  1358.             },
  1359.             {
  1360.               "value": "pepper",
  1361.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__27.label"
  1362.             },
  1363.             {
  1364.               "value": "perfume",
  1365.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__28.label"
  1366.             },
  1367.             {
  1368.               "value": "plane",
  1369.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__29.label"
  1370.             },
  1371.             {
  1372.               "value": "plant",
  1373.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__30.label"
  1374.             },
  1375.             {
  1376.               "value": "price_tag",
  1377.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__31.label"
  1378.             },
  1379.             {
  1380.               "value": "question_mark",
  1381.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__32.label"
  1382.             },
  1383.             {
  1384.               "value": "recycle",
  1385.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__33.label"
  1386.             },
  1387.             {
  1388.               "value": "return",
  1389.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__34.label"
  1390.             },
  1391.             {
  1392.               "value": "ruler",
  1393.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__35.label"
  1394.             },
  1395.             {
  1396.               "value": "serving_dish",
  1397.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__36.label"
  1398.             },
  1399.             {
  1400.               "value": "shirt",
  1401.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__37.label"
  1402.             },
  1403.             {
  1404.               "value": "shoe",
  1405.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__38.label"
  1406.             },
  1407.             {
  1408.               "value": "silhouette",
  1409.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__39.label"
  1410.             },
  1411.             {
  1412.               "value": "snowflake",
  1413.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__40.label"
  1414.             },
  1415.             {
  1416.               "value": "star",
  1417.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__41.label"
  1418.             },
  1419.             {
  1420.               "value": "stopwatch",
  1421.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__42.label"
  1422.             },
  1423.             {
  1424.               "value": "truck",
  1425.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__43.label"
  1426.             },
  1427.             {
  1428.               "value": "washing",
  1429.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__44.label"
  1430.             }
  1431.           ],
  1432.           "default": "price_tag",
  1433.           "info": "t:sections.main-product.blocks.complementary_products.settings.icon.info",
  1434.           "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.label"
  1435.         },
  1436.         {
  1437.           "type": "range",
  1438.           "id": "product_list_limit",
  1439.           "min": 1,
  1440.           "max": 10,
  1441.           "step": 1,
  1442.           "default": 10,
  1443.           "label": "t:sections.main-product.blocks.complementary_products.settings.product_list_limit.label"
  1444.         },
  1445.         {
  1446.           "type": "range",
  1447.           "id": "products_per_page",
  1448.           "min": 1,
  1449.           "max": 4,
  1450.           "step": 1,
  1451.           "default": 3,
  1452.           "label": "t:sections.main-product.blocks.complementary_products.settings.products_per_page.label"
  1453.         },
  1454.         {
  1455.           "type": "select",
  1456.           "id": "pagination_style",
  1457.           "options": [
  1458.             {
  1459.               "value": "dots",
  1460.               "label": "t:sections.main-product.blocks.complementary_products.settings.pagination_style.options.option_1"
  1461.             },
  1462.             {
  1463.               "value": "counter",
  1464.               "label": "t:sections.main-product.blocks.complementary_products.settings.pagination_style.options.option_2"
  1465.             },
  1466.             {
  1467.               "value": "numbers",
  1468.               "label": "t:sections.main-product.blocks.complementary_products.settings.pagination_style.options.option_3"
  1469.             }
  1470.           ],
  1471.           "label": "t:sections.main-product.blocks.complementary_products.settings.pagination_style.label",
  1472.           "default": "counter"
  1473.         },
  1474.         {
  1475.           "type": "header",
  1476.           "content": "t:sections.main-product.blocks.complementary_products.settings.product_card.heading"
  1477.         },
  1478.         {
  1479.           "type": "select",
  1480.           "id": "image_ratio",
  1481.           "options": [
  1482.             {
  1483.               "value": "portrait",
  1484.               "label": "t:sections.main-product.blocks.complementary_products.settings.image_ratio.options.option_1"
  1485.             },
  1486.             {
  1487.               "value": "square",
  1488.               "label": "t:sections.main-product.blocks.complementary_products.settings.image_ratio.options.option_2"
  1489.             }
  1490.           ],
  1491.           "label": "t:sections.main-product.blocks.complementary_products.settings.image_ratio.label",
  1492.           "default": "square"
  1493.         },
  1494.         {
  1495.           "type": "checkbox",
  1496.           "id": "enable_quick_add",
  1497.           "label": "t:sections.main-product.blocks.complementary_products.settings.enable_quick_add.label",
  1498.           "default": false
  1499.         }
  1500.       ]
  1501.     },
  1502.     {
  1503.       "type": "icon-with-text",
  1504.       "name": "t:sections.main-product.blocks.icon_with_text.name",
  1505.       "settings": [
  1506.         {
  1507.           "type": "select",
  1508.           "id": "layout",
  1509.           "options": [
  1510.             {
  1511.               "value": "horizontal",
  1512.               "label": "t:sections.main-product.blocks.icon_with_text.settings.layout.options__1.label"
  1513.             },
  1514.             {
  1515.               "value": "vertical",
  1516.               "label": "t:sections.main-product.blocks.icon_with_text.settings.layout.options__2.label"
  1517.             }
  1518.           ],
  1519.           "default": "horizontal",
  1520.           "label": "t:sections.main-product.blocks.icon_with_text.settings.layout.label"
  1521.         },
  1522.         {
  1523.           "type": "header",
  1524.           "content": "t:sections.main-product.blocks.icon_with_text.settings.content.label",
  1525.           "info": "t:sections.main-product.blocks.icon_with_text.settings.content.info"
  1526.         },
  1527.         {
  1528.           "type": "select",
  1529.           "id": "icon_1",
  1530.           "options": [
  1531.             {
  1532.               "value": "none",
  1533.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__1.label"
  1534.             },
  1535.             {
  1536.               "value": "apple",
  1537.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__2.label"
  1538.             },
  1539.             {
  1540.               "value": "banana",
  1541.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__3.label"
  1542.             },
  1543.             {
  1544.               "value": "bottle",
  1545.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__4.label"
  1546.             },
  1547.             {
  1548.               "value": "box",
  1549.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__5.label"
  1550.             },
  1551.             {
  1552.               "value": "carrot",
  1553.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__6.label"
  1554.             },
  1555.             {
  1556.               "value": "chat_bubble",
  1557.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__7.label"
  1558.             },
  1559.             {
  1560.               "value": "check_mark",
  1561.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__8.label"
  1562.             },
  1563.             {
  1564.               "value": "clipboard",
  1565.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__9.label"
  1566.             },
  1567.             {
  1568.               "value": "dairy",
  1569.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__10.label"
  1570.             },
  1571.             {
  1572.               "value": "dairy_free",
  1573.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__11.label"
  1574.             },
  1575.             {
  1576.               "value": "dryer",
  1577.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__12.label"
  1578.             },
  1579.             {
  1580.               "value": "eye",
  1581.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__13.label"
  1582.             },
  1583.             {
  1584.               "value": "fire",
  1585.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__14.label"
  1586.             },
  1587.             {
  1588.               "value": "gluten_free",
  1589.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__15.label"
  1590.             },
  1591.             {
  1592.               "value": "heart",
  1593.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__16.label"
  1594.             },
  1595.             {
  1596.               "value": "iron",
  1597.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__17.label"
  1598.             },
  1599.             {
  1600.               "value": "leaf",
  1601.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__18.label"
  1602.             },
  1603.             {
  1604.               "value": "leather",
  1605.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__19.label"
  1606.             },
  1607.             {
  1608.               "value": "lightning_bolt",
  1609.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__20.label"
  1610.             },
  1611.             {
  1612.               "value": "lipstick",
  1613.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__21.label"
  1614.             },
  1615.             {
  1616.               "value": "lock",
  1617.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__22.label"
  1618.             },
  1619.             {
  1620.               "value": "map_pin",
  1621.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__23.label"
  1622.             },
  1623.             {
  1624.               "value": "nut_free",
  1625.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__24.label"
  1626.             },
  1627.             {
  1628.               "value": "pants",
  1629.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__25.label"
  1630.             },
  1631.             {
  1632.               "value": "paw_print",
  1633.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__26.label"
  1634.             },
  1635.             {
  1636.               "value": "pepper",
  1637.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__27.label"
  1638.             },
  1639.             {
  1640.               "value": "perfume",
  1641.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__28.label"
  1642.             },
  1643.             {
  1644.               "value": "plane",
  1645.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__29.label"
  1646.             },
  1647.             {
  1648.               "value": "plant",
  1649.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__30.label"
  1650.             },
  1651.             {
  1652.               "value": "price_tag",
  1653.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__31.label"
  1654.             },
  1655.             {
  1656.               "value": "question_mark",
  1657.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__32.label"
  1658.             },
  1659.             {
  1660.               "value": "recycle",
  1661.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__33.label"
  1662.             },
  1663.             {
  1664.               "value": "return",
  1665.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__34.label"
  1666.             },
  1667.             {
  1668.               "value": "ruler",
  1669.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__35.label"
  1670.             },
  1671.             {
  1672.               "value": "serving_dish",
  1673.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__36.label"
  1674.             },
  1675.             {
  1676.               "value": "shirt",
  1677.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__37.label"
  1678.             },
  1679.             {
  1680.               "value": "shoe",
  1681.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__38.label"
  1682.             },
  1683.             {
  1684.               "value": "silhouette",
  1685.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__39.label"
  1686.             },
  1687.             {
  1688.               "value": "snowflake",
  1689.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__40.label"
  1690.             },
  1691.             {
  1692.               "value": "star",
  1693.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__41.label"
  1694.             },
  1695.             {
  1696.               "value": "stopwatch",
  1697.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__42.label"
  1698.             },
  1699.             {
  1700.               "value": "truck",
  1701.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__43.label"
  1702.             },
  1703.             {
  1704.               "value": "washing",
  1705.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__44.label"
  1706.             }
  1707.           ],
  1708.           "default": "heart",
  1709.           "label": "t:sections.main-product.blocks.icon_with_text.settings.icon_1.label"
  1710.         },
  1711.         {
  1712.           "type": "image_picker",
  1713.           "id": "image_1",
  1714.           "label": "t:sections.main-product.blocks.icon_with_text.settings.image_1.label"
  1715.         },
  1716.         {
  1717.           "type": "inline_richtext",
  1718.           "id": "heading_1",
  1719.           "default": "Heading",
  1720.           "label": "t:sections.main-product.blocks.icon_with_text.settings.heading_1.label",
  1721.           "info": "t:sections.main-product.blocks.icon_with_text.settings.heading.info"
  1722.         },
  1723.         {
  1724.           "type": "select",
  1725.           "id": "icon_2",
  1726.           "options": [
  1727.             {
  1728.               "value": "none",
  1729.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__1.label"
  1730.             },
  1731.             {
  1732.               "value": "apple",
  1733.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__2.label"
  1734.             },
  1735.             {
  1736.               "value": "banana",
  1737.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__3.label"
  1738.             },
  1739.             {
  1740.               "value": "bottle",
  1741.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__4.label"
  1742.             },
  1743.             {
  1744.               "value": "box",
  1745.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__5.label"
  1746.             },
  1747.             {
  1748.               "value": "carrot",
  1749.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__6.label"
  1750.             },
  1751.             {
  1752.               "value": "chat_bubble",
  1753.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__7.label"
  1754.             },
  1755.             {
  1756.               "value": "check_mark",
  1757.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__8.label"
  1758.             },
  1759.             {
  1760.               "value": "clipboard",
  1761.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__9.label"
  1762.             },
  1763.             {
  1764.               "value": "dairy",
  1765.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__10.label"
  1766.             },
  1767.             {
  1768.               "value": "dairy_free",
  1769.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__11.label"
  1770.             },
  1771.             {
  1772.               "value": "dryer",
  1773.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__12.label"
  1774.             },
  1775.             {
  1776.               "value": "eye",
  1777.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__13.label"
  1778.             },
  1779.             {
  1780.               "value": "fire",
  1781.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__14.label"
  1782.             },
  1783.             {
  1784.               "value": "gluten_free",
  1785.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__15.label"
  1786.             },
  1787.             {
  1788.               "value": "heart",
  1789.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__16.label"
  1790.             },
  1791.             {
  1792.               "value": "iron",
  1793.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__17.label"
  1794.             },
  1795.             {
  1796.               "value": "leaf",
  1797.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__18.label"
  1798.             },
  1799.             {
  1800.               "value": "leather",
  1801.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__19.label"
  1802.             },
  1803.             {
  1804.               "value": "lightning_bolt",
  1805.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__20.label"
  1806.             },
  1807.             {
  1808.               "value": "lipstick",
  1809.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__21.label"
  1810.             },
  1811.             {
  1812.               "value": "lock",
  1813.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__22.label"
  1814.             },
  1815.             {
  1816.               "value": "map_pin",
  1817.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__23.label"
  1818.             },
  1819.             {
  1820.               "value": "nut_free",
  1821.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__24.label"
  1822.             },
  1823.             {
  1824.               "value": "pants",
  1825.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__25.label"
  1826.             },
  1827.             {
  1828.               "value": "paw_print",
  1829.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__26.label"
  1830.             },
  1831.             {
  1832.               "value": "pepper",
  1833.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__27.label"
  1834.             },
  1835.             {
  1836.               "value": "perfume",
  1837.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__28.label"
  1838.             },
  1839.             {
  1840.               "value": "plane",
  1841.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__29.label"
  1842.             },
  1843.             {
  1844.               "value": "plant",
  1845.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__30.label"
  1846.             },
  1847.             {
  1848.               "value": "price_tag",
  1849.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__31.label"
  1850.             },
  1851.             {
  1852.               "value": "question_mark",
  1853.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__32.label"
  1854.             },
  1855.             {
  1856.               "value": "recycle",
  1857.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__33.label"
  1858.             },
  1859.             {
  1860.               "value": "return",
  1861.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__34.label"
  1862.             },
  1863.             {
  1864.               "value": "ruler",
  1865.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__35.label"
  1866.             },
  1867.             {
  1868.               "value": "serving_dish",
  1869.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__36.label"
  1870.             },
  1871.             {
  1872.               "value": "shirt",
  1873.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__37.label"
  1874.             },
  1875.             {
  1876.               "value": "shoe",
  1877.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__38.label"
  1878.             },
  1879.             {
  1880.               "value": "silhouette",
  1881.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__39.label"
  1882.             },
  1883.             {
  1884.               "value": "snowflake",
  1885.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__40.label"
  1886.             },
  1887.             {
  1888.               "value": "star",
  1889.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__41.label"
  1890.             },
  1891.             {
  1892.               "value": "stopwatch",
  1893.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__42.label"
  1894.             },
  1895.             {
  1896.               "value": "truck",
  1897.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__43.label"
  1898.             },
  1899.             {
  1900.               "value": "washing",
  1901.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__44.label"
  1902.             }
  1903.           ],
  1904.           "default": "return",
  1905.           "label": "t:sections.main-product.blocks.icon_with_text.settings.icon_2.label"
  1906.         },
  1907.         {
  1908.           "type": "image_picker",
  1909.           "id": "image_2",
  1910.           "label": "t:sections.main-product.blocks.icon_with_text.settings.image_2.label"
  1911.         },
  1912.         {
  1913.           "type": "inline_richtext",
  1914.           "id": "heading_2",
  1915.           "default": "Heading",
  1916.           "label": "t:sections.main-product.blocks.icon_with_text.settings.heading_2.label",
  1917.           "info": "t:sections.main-product.blocks.icon_with_text.settings.heading.info"
  1918.         },
  1919.         {
  1920.           "type": "select",
  1921.           "id": "icon_3",
  1922.           "options": [
  1923.             {
  1924.               "value": "none",
  1925.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__1.label"
  1926.             },
  1927.             {
  1928.               "value": "apple",
  1929.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__2.label"
  1930.             },
  1931.             {
  1932.               "value": "banana",
  1933.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__3.label"
  1934.             },
  1935.             {
  1936.               "value": "bottle",
  1937.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__4.label"
  1938.             },
  1939.             {
  1940.               "value": "box",
  1941.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__5.label"
  1942.             },
  1943.             {
  1944.               "value": "carrot",
  1945.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__6.label"
  1946.             },
  1947.             {
  1948.               "value": "chat_bubble",
  1949.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__7.label"
  1950.             },
  1951.             {
  1952.               "value": "check_mark",
  1953.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__8.label"
  1954.             },
  1955.             {
  1956.               "value": "clipboard",
  1957.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__9.label"
  1958.             },
  1959.             {
  1960.               "value": "dairy",
  1961.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__10.label"
  1962.             },
  1963.             {
  1964.               "value": "dairy_free",
  1965.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__11.label"
  1966.             },
  1967.             {
  1968.               "value": "dryer",
  1969.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__12.label"
  1970.             },
  1971.             {
  1972.               "value": "eye",
  1973.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__13.label"
  1974.             },
  1975.             {
  1976.               "value": "fire",
  1977.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__14.label"
  1978.             },
  1979.             {
  1980.               "value": "gluten_free",
  1981.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__15.label"
  1982.             },
  1983.             {
  1984.               "value": "heart",
  1985.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__16.label"
  1986.             },
  1987.             {
  1988.               "value": "iron",
  1989.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__17.label"
  1990.             },
  1991.             {
  1992.               "value": "leaf",
  1993.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__18.label"
  1994.             },
  1995.             {
  1996.               "value": "leather",
  1997.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__19.label"
  1998.             },
  1999.             {
  2000.               "value": "lightning_bolt",
  2001.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__20.label"
  2002.             },
  2003.             {
  2004.               "value": "lipstick",
  2005.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__21.label"
  2006.             },
  2007.             {
  2008.               "value": "lock",
  2009.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__22.label"
  2010.             },
  2011.             {
  2012.               "value": "map_pin",
  2013.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__23.label"
  2014.             },
  2015.             {
  2016.               "value": "nut_free",
  2017.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__24.label"
  2018.             },
  2019.             {
  2020.               "value": "pants",
  2021.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__25.label"
  2022.             },
  2023.             {
  2024.               "value": "paw_print",
  2025.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__26.label"
  2026.             },
  2027.             {
  2028.               "value": "pepper",
  2029.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__27.label"
  2030.             },
  2031.             {
  2032.               "value": "perfume",
  2033.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__28.label"
  2034.             },
  2035.             {
  2036.               "value": "plane",
  2037.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__29.label"
  2038.             },
  2039.             {
  2040.               "value": "plant",
  2041.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__30.label"
  2042.             },
  2043.             {
  2044.               "value": "price_tag",
  2045.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__31.label"
  2046.             },
  2047.             {
  2048.               "value": "question_mark",
  2049.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__32.label"
  2050.             },
  2051.             {
  2052.               "value": "recycle",
  2053.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__33.label"
  2054.             },
  2055.             {
  2056.               "value": "return",
  2057.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__34.label"
  2058.             },
  2059.             {
  2060.               "value": "ruler",
  2061.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__35.label"
  2062.             },
  2063.             {
  2064.               "value": "serving_dish",
  2065.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__36.label"
  2066.             },
  2067.             {
  2068.               "value": "shirt",
  2069.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__37.label"
  2070.             },
  2071.             {
  2072.               "value": "shoe",
  2073.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__38.label"
  2074.             },
  2075.             {
  2076.               "value": "silhouette",
  2077.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__39.label"
  2078.             },
  2079.             {
  2080.               "value": "snowflake",
  2081.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__40.label"
  2082.             },
  2083.             {
  2084.               "value": "star",
  2085.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__41.label"
  2086.             },
  2087.             {
  2088.               "value": "stopwatch",
  2089.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__42.label"
  2090.             },
  2091.             {
  2092.               "value": "truck",
  2093.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__43.label"
  2094.             },
  2095.             {
  2096.               "value": "washing",
  2097.               "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__44.label"
  2098.             }
  2099.           ],
  2100.           "default": "truck",
  2101.           "label": "t:sections.main-product.blocks.icon_with_text.settings.icon_3.label"
  2102.         },
  2103.         {
  2104.           "type": "image_picker",
  2105.           "id": "image_3",
  2106.           "label": "t:sections.main-product.blocks.icon_with_text.settings.image_3.label"
  2107.         },
  2108.         {
  2109.           "type": "inline_richtext",
  2110.           "id": "heading_3",
  2111.           "default": "Heading",
  2112.           "label": "t:sections.main-product.blocks.icon_with_text.settings.heading_3.label",
  2113.           "info": "t:sections.main-product.blocks.icon_with_text.settings.heading.info"
  2114.         }
  2115.       ]
  2116.     }
  2117.   ],
  2118.   "settings": [
  2119.     {
  2120.       "type": "checkbox",
  2121.       "id": "enable_sticky_info",
  2122.       "default": true,
  2123.       "label": "t:sections.main-product.settings.enable_sticky_info.label"
  2124.     },
  2125.     {
  2126.       "type": "color_scheme",
  2127.       "id": "color_scheme",
  2128.       "label": "t:sections.all.colors.label",
  2129.       "default": "scheme-1"
  2130.     },
  2131.     {
  2132.       "type": "header",
  2133.       "content": "t:sections.main-product.settings.header.content",
  2134.       "info": "t:sections.main-product.settings.header.info"
  2135.     },
  2136.     {
  2137.       "type": "select",
  2138.       "id": "media_size",
  2139.       "options": [
  2140.         {
  2141.           "value": "small",
  2142.           "label": "t:sections.main-product.settings.media_size.options__1.label"
  2143.         },
  2144.         {
  2145.           "value": "medium",
  2146.           "label": "t:sections.main-product.settings.media_size.options__2.label"
  2147.         },
  2148.         {
  2149.           "value": "large",
  2150.           "label": "t:sections.main-product.settings.media_size.options__3.label"
  2151.         }
  2152.       ],
  2153.       "default": "large",
  2154.       "label": "t:sections.main-product.settings.media_size.label",
  2155.       "info": "t:sections.main-product.settings.media_size.info"
  2156.     },
  2157.     {
  2158.       "type": "checkbox",
  2159.       "id": "constrain_to_viewport",
  2160.       "default": true,
  2161.       "label": "t:sections.main-product.settings.constrain_to_viewport.label"
  2162.     },
  2163.     {
  2164.       "type": "select",
  2165.       "id": "media_fit",
  2166.       "options": [
  2167.         {
  2168.           "value": "contain",
  2169.           "label": "t:sections.main-product.settings.media_fit.options__1.label"
  2170.         },
  2171.         {
  2172.           "value": "cover",
  2173.           "label": "t:sections.main-product.settings.media_fit.options__2.label"
  2174.         }
  2175.       ],
  2176.       "default": "contain",
  2177.       "label": "t:sections.main-product.settings.media_fit.label"
  2178.     },
  2179.     {
  2180.       "type": "select",
  2181.       "id": "gallery_layout",
  2182.       "options": [
  2183.         {
  2184.           "value": "stacked",
  2185.           "label": "t:sections.main-product.settings.gallery_layout.options__1.label"
  2186.         },
  2187.         {
  2188.           "value": "columns",
  2189.           "label": "t:sections.main-product.settings.gallery_layout.options__2.label"
  2190.         },
  2191.         {
  2192.           "value": "thumbnail",
  2193.           "label": "t:sections.main-product.settings.gallery_layout.options__3.label"
  2194.         },
  2195.         {
  2196.           "value": "thumbnail_slider",
  2197.           "label": "t:sections.main-product.settings.gallery_layout.options__4.label"
  2198.         }
  2199.       ],
  2200.       "default": "stacked",
  2201.       "label": "t:sections.main-product.settings.gallery_layout.label"
  2202.     },
  2203.     {
  2204.       "type": "select",
  2205.       "id": "media_position",
  2206.       "options": [
  2207.         {
  2208.           "value": "left",
  2209.           "label": "t:sections.main-product.settings.media_position.options__1.label"
  2210.         },
  2211.         {
  2212.           "value": "right",
  2213.           "label": "t:sections.main-product.settings.media_position.options__2.label"
  2214.         }
  2215.       ],
  2216.       "default": "left",
  2217.       "label": "t:sections.main-product.settings.media_position.label",
  2218.       "info": "t:sections.main-product.settings.media_position.info"
  2219.     },
  2220.     {
  2221.       "type": "select",
  2222.       "id": "image_zoom",
  2223.       "options": [
  2224.         {
  2225.           "value": "lightbox",
  2226.           "label": "t:sections.main-product.settings.image_zoom.options__1.label"
  2227.         },
  2228.         {
  2229.           "value": "hover",
  2230.           "label": "t:sections.main-product.settings.image_zoom.options__2.label"
  2231.         },
  2232.         {
  2233.           "value": "none",
  2234.           "label": "t:sections.main-product.settings.image_zoom.options__3.label"
  2235.         }
  2236.       ],
  2237.       "default": "lightbox",
  2238.       "label": "t:sections.main-product.settings.image_zoom.label",
  2239.       "info": "t:sections.main-product.settings.image_zoom.info"
  2240.     },
  2241.     {
  2242.       "type": "select",
  2243.       "id": "mobile_thumbnails",
  2244.       "options": [
  2245.         {
  2246.           "value": "columns",
  2247.           "label": "t:sections.main-product.settings.mobile_thumbnails.options__1.label"
  2248.         },
  2249.         {
  2250.           "value": "show",
  2251.           "label": "t:sections.main-product.settings.mobile_thumbnails.options__2.label"
  2252.         },
  2253.         {
  2254.           "value": "hide",
  2255.           "label": "t:sections.main-product.settings.mobile_thumbnails.options__3.label"
  2256.         }
  2257.       ],
  2258.       "default": "hide",
  2259.       "label": "t:sections.main-product.settings.mobile_thumbnails.label"
  2260.     },
  2261.     {
  2262.       "type": "checkbox",
  2263.       "id": "hide_variants",
  2264.       "default": false,
  2265.       "label": "t:sections.main-product.settings.hide_variants.label"
  2266.     },
  2267.     {
  2268.       "type": "checkbox",
  2269.       "id": "enable_video_looping",
  2270.       "default": false,
  2271.       "label": "t:sections.main-product.settings.enable_video_looping.label"
  2272.     },
  2273.     {
  2274.       "type": "header",
  2275.       "content": "t:sections.all.padding.section_padding_heading"
  2276.     },
  2277.     {
  2278.       "type": "range",
  2279.       "id": "padding_top",
  2280.       "min": 0,
  2281.       "max": 100,
  2282.       "step": 4,
  2283.       "unit": "px",
  2284.       "label": "t:sections.all.padding.padding_top",
  2285.       "default": 36
  2286.     },
  2287.     {
  2288.       "type": "range",
  2289.       "id": "padding_bottom",
  2290.       "min": 0,
  2291.       "max": 100,
  2292.       "step": 4,
  2293.       "unit": "px",
  2294.       "label": "t:sections.all.padding.padding_bottom",
  2295.       "default": 36
  2296.     }
  2297.   ]
  2298. }
  2299. {% endschema %}
  2300.