annuler
Affichage des résultats de 
Rechercher plutôt 
Vouliez-vous dire : 

Theme BlockShop

Highlighted
Nouveau membre
2 0 0

Hi all, 

Here is the website : www.shivebeauty.fr 

PC version looks good enough for me but when I try to reach the site with my smartphone it's horrible ...

 

1) Menu does not work and break the scrolling...

I don't know where to go in the code in order to fix this issue ? 

 

2) All product pages are displayed by a unique column on the left of the screen ...

Here is my code regarding : Page product

{% comment %} Variables {% endcomment %}
{% assign current_variant = product.selected_or_first_available_variant %}
{% assign featured_media = current_variant.featured_media | default: product.featured_media %}
{% assign product_vendor_handle = product.vendor | handle %}

{% assign loop_enabled = section.settings.loop-enabled %}
{% assign load_3d = false %}
{% assign youtube_exists = false %}

{% if collections[product_vendor_handle].handle == product_vendor_handle %}
  {% assign vendor_url = collections[product_vendor_handle].url %}
{% else %}
  {% assign vendor_url = product.vendor | url_for_vendor %}
{% endif %}

{% capture media_focus_trigger_opening %}
  <div
    class="a11y--focus-trigger"
    data-forward-to=".a11y--focus-trigger[data-position='after-product-details']"
    data-back-to=".product-page--thumbs"
  ></div>
{% endcapture %}

{% capture media_focus_trigger_closing %}
  <div
    class="a11y--focus-trigger"
    data-forward-to=".product-page--thumbs"
  ></div>
{% endcapture %}

{% capture thumbnail_images %}
  {% for media in product.media %}
    {% assign active_media = false %}
    {% if featured_media == media %}
      {% assign active_media = true %}
    {% endif %}
    <div class="product-page--thumb-container">
      <div
        class="product-page--thumb"
        data-active="{{ active_media }}"
        data-id="{{ media.id }}"
        tabindex="0"
      >
        {%
          include 'framework--image',
          image: media.preview_image,
          widths: '90, 180'
        %}
      </div>

      {% if media.media_type == "model" %}
        {% include 'framework--icons', icon: '3d-badge' %}
      {% elsif media.media_type == "video" %}
        {% include 'framework--icons', icon: 'play-badge' %}
      {% elsif media.media_type == "external_video" %}
        {% include 'framework--icons', icon: 'play-badge' %}
      {% endif %}
    </div>
  {% endfor %}
{% endcapture %}

{% comment %} View {% endcomment %}
<div
  class="product-page--root"
  data-js-class="ProductPage"
  data-section-id="{{ section.id }}"
  data-section-type="product_page"
  data-magnify="1.7"
  data-zoom-enabled="{{ section.settings.image-zoom-enabled }}"
  data-product-modal-enabled="{{ section.settings.product-modal-enabled }}"
  data-size-chart-enabled="{{ section.settings.product-size-chart-enabled }}"
  data-size-chart-option="{{ section.settings.product-size-chart-option }}"
  data-cart-form-position="{{ section.settings.cart-form-position }}"
  {% if section.settings.low-in-stock-amount > 0 %}
    data-product-low-in-stock-amount="{{ section.settings.low-in-stock-amount }}"
  {% endif %}
  data-product-size-chart-enabled="{{ section.settings.product-size-chart-enabled }}"
  data-js-class="ProductPage"
>

  <header>
    <div class="row show--medium-large">
      <div class="columns">
        {% if section.settings.product-breadcrumbs-show %}
          {% include 'snippet-breadcrumbs' %}
        {% endif %}
      </div>
    </div>
    <div class="previous-next row">
      {% if collection %}
        {% if collection.previous_product or collection.next_product %}
          <div class="font--accent columns large-3 small-6">
            {% if collection.previous_product %}
              <a class="product-page--previous left" title="{{ collection.previous_product.title }}" href="{{ collection.previous_product.url }}">
                {% include 'framework--icons', icon: 'arrow-left' %} {{ 'products.previous_item' | t }}
              </a>
            {% endif %}
            <div class="border-decoration show--large"></div>
          </div>

          <div class="font--accent columns large-3 large-offset-6 small-6">
            {% if collection.next_product %}
              <a class="product-page--next right" href="{{ collection.next_product.url }}" title="{{ collection.next_product.title }}">{{ 'products.next_item' | t }}
                {% include 'framework--icons', icon: 'arrow-right' %}
              </a>
            {% endif %}
            <div class="border-decoration show--large"></div>
          </div>
        {% endif %}
      {% endif %}
    </div>
  </header>

  <article class="row" itemscope itemtype="http://schema.org/Product">
    <meta itemprop="url" content="{{ shop.url }}{{ product.url }}" />
    {% for media in product.media limit:3 %}
      <meta property="og:image" content="http:{{ media | img_url: '1200x' }}">
    {% endfor %}

    <div class="product-page--main-content">

      
     

      <div class="product-page--cart-form-block">
        <div class="product-page--title-n-vendor">
        <h1 class="product-page--title font--section-heading" itemprop="name">{{ product.title }}</h1>
        {% if settings.brand-show %}
          <div itemprop="brand">
            <a class="font--light-accent" href="{{ product.vendor | url_for_vendor }}">
              {{ product.vendor }}
            </a>
          </div>
        {% endif %}
      </div>
        
       <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
        
        
       
        <div class="font--accent">
          <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
            <meta itemprop="priceCurrency" content="{{ shop.currency }}" />

            {% if product.available %}
              <link itemprop="availability" href="http://schema.org/InStock" />
            {% else %}
              <link itemprop="availability" href="http://schema.org/OutOfStock" />
            {% endif %}

            {% assign price_meta = product.selected_or_first_available_variant.price | divided_by: 100.00 %}
            <meta itemprop="price" content="{{ price_meta }}">

            <p class="price--container">
              {% assign variant = product.selected_or_first_available_variant %}
              <span class="actual-price font--accent money">{{ variant.price | money }}</span>&nbsp;<span class="compare-price">{% if variant.price < variant.compare_at_price %}<span class="money font--light-accent">{{ variant.compare_at_price | money }}</span>{% endif %}</span>
            </p>
          </div>
        </div>
        
        

        <p class="perruque" style="display:none;text-align: justify;color: black; font-size : 14px; text-justify: inter-sword; ">Cette Perruque Effet Ondulé Dream Beauty peut être mise en place facilement et tient très bien. Elle s'ajuste à votre forme de tête, de plus, elle est entièrement réalisée à partir de cheveux naturels ! </p>
        <p class="soins_capillaires" style="display:none;text-align: justify; color:black;font-size : 14px; text-justify: inter-sword; "> Cette séance de soin réalisée avec nos produits bios 100% naturels permet de revitaliser vos cheveux, d'assurer un éclat ainsi qu'une protection efficace et respectueuse de vos fibres capillaires.<br> Le soin inclut : <br> - un bain d'huile ou un masque hydratant <br> - un shampooing <br> - un démelage <br> - un lissage (facultatif) </p>
        <p class="nattes_" style="display:none;text-align: justify; color:black;font-size : 14px; text-justify: inter-sword; "> Cette prestation de coiffure vous permettra de réaliser des nattes dans votre tête. Suivant vos désirs, vous pourrez choisir d'opter pour la prestation de nattes : <br> - sans mèches<br> - avec mèches achetées par vos soins <br> - avec mèches fournies par Shivé Beauty<br> Vous aurez l'occasion de profiter du professionnalisme et de l'ambiance de Shivé Beauty</p>
        <p class="tresses_" style="display:none;text-align: justify; color:black;font-size : 14px; text-justify: inter-sword; "> Test !!! X-pression</p>
        <p class="vanilles_" style="display:none;text-align: justify; color:black;font-size : 14px; text-justify: inter-sword; "> Test !!! X-pression</p>
	    <p class="beurre_capillaire_KAMACO_LKN" style="display:none;text-align: justify; color:black;font-size : 14px; text-justify: inter-sword; "> Le Beurre capillaire Ka(rité) Ma(ngue) Co(co) est le produit bio idéal pour réaliser le scellage de votre routine capillaire. Beurre de karité, mangue, noix de coco et avocat sont présents pour hydrater vos cheveux tout en maintenant l'humidité ,apportée par les étapes précédentes de votre routine, au sein de vos cheveux. Naturel, bio et sans huile essentielle.</p>
        <p class="bonnet_chauffant_alu_or_argent" style="display:none;text-align: justify; color:black;font-size : 14px; text-justify: inter-sword; "> Notre bonnet chauffant en aluminium est simple d'utilisation et peut s'ajuster à votre tête. L'aluminium permet de maintenir la chaleur sur votre tête, mais pourquoi ? La chaleur aide à l'écartement des écailles composant vos cheveux, et améliore la pénétration des produits, de l'humidité au sein même de vos cheveux. Cet accessoire est idéal pour améliorer l'efficacité de vos masques, bains d'huile, et autres soins d'hydratation ou de nutrition.</p>
        <p class="huile_ayurvedique_LKN" style="display:none;text-align: justify; color:black;font-size : 14px; text-justify: inter-sword; "> Pour pouvoir accélérer la pousse, la souplesse, l'éclat et la résistance de vos cheveux nous vous conseillons l'huile ayurvédique. Elle est composée d'Amla et de Brahmi et de menthe poivrée. Tous ces éléments sont bénéfiques pour vos cheveux, l'huile est à appliquer après le shampoing, l'après-shampoing éventuellement et le masque hydratant/nutritif pour maintenir les produits actifs dans vos cheveux pendant toute la durée du scellage ! </p>
        <p class="huile_africaines_LKN" style="display:none;text-align: justify; color:black;font-size : 14px; text-justify: inter-sword; "> Cette huile à base de Baobab et d'Avocat est précieuse pour ceux et celles désirant avoir de beaux cheveux souples, résistants et brillants ! A utiliser après les étapes du shampoing, après-shampoing et masque pour un scellage efficace et naturel. </p>
        <p class="lait_capillaire_LKN" style="display:none;text-align: justify; color:black;font-size : 14px; text-justify: inter-sword; "> Le lait capillaire à base de Ricin et de Tea Tree ("Arbre à thé") est simple d'utilisation. Une unique application sur l'ensemble de vos cheveux avant de partir vivre votre journée ou après avoir rincez votre masque capillaire pour l'étape de scellage suffit. En effet, il peut être substituer par un bain d'huile ou l'application d'un beurre capillaire. Il ne nécessite pas de rinçage. Enfin, les avantages du ricin et du tea tree concernant la pousse et la vitalité des cheveux ne font plus débats. Nosu vous le conseillons absolument pour votre routine capillaire.</p>
        <p class="shampoing_karite_equitable_LKN" style="display:none;text-align: justify; color:black;font-size : 14px; text-justify: inter-sword; "> Pour réaliser un bon shampoing, il faut une bonne technique, de l'expérience et .. le bon produit ! Ce shampoing crème au karité équitable l'est à coup sûr ! En effet, naturel, agréablement parfumé, applicable sur tous types de cheveux il est ou deviendra très rapidement un incontournable de votre routine capillaire ! </p>
        <p class="masque_capillaire_macadamia_kaolin_LKN" style="display:none;text-align: justify; color:black;font-size : 14px; text-justify: inter-sword; "> Ce masque est 100% naturel et bio, grâce aux effets du Macadamia et du Kaolin, les propriétés pour les cheveux qu'offre le masque capillaire de LaKazNaturelle sont bénéfiques ! Il convient de l'appliquer après le shampoing ou l'après shamping environ 25/30 minutes pour que l'hydratation et la nutrition soient complètes. Pensez à bien rincer vos cheveux suite à l'application du masque !</p>

        <br>
        
        <div class="product-page--cart-form">
          {% form 'product', product %}

           {% comment %}
           <!-- Adding line items - https://docs.shopify.com/manual/configuration/store-customization/page-specific/product-page/get-customization-information-for-products -->
           <div>
              <label for="line-item-1">Line Item 1</label>
              <input type="text" id="line-item-1" name="properties[line-item-1]">
            </div>

            <div>
              <label for="line-item-2">Line Item 2</label>
              <input type="text" id="line-item-2" name="properties[line-item-2]">
            </div>
            {% endcomment %}

            <div class="font--accent variants {% unless product.variants.size > 1 %}hidden{% endunless %}">
              <label for="variant-listbox-option-0" class="hidden">
                {{ 'products.variants' | t }}
              </label>
              <select id="variant-listbox" name="id" class="medium">
                {% for variant in product.variants %}
                  <option
                    data-sku="{{ variant.sku }}"
                    {% if variant.inventory_quantity <= 0 and variant.available == false %}DISABLED {% endif %}
                    {% if variant == product.selected_or_first_available_variant %}selected="selected" {% endif %} value="{{ variant.id }}"
                    {% if section.settings.low-in-stock-amount > 0 and
                      variant.inventory_management == "shopify" and
                      variant.inventory_policy == "deny"
                    %}
                      data-inventory-quantity="{{ variant.inventory_quantity }}"
                    {% endif %}
                  >
                    {{ variant.title }} - {{ variant.price | money }}
                  </option>
                {% endfor %}
              </select>
            </div>
            {% include 'snippet-product-low-in-stock' %}
                    
            <div
                 class="quanity-cart-row clearfix"
                 data-smart-payment-button="{{ section.settings.smart_payment_button }}"
            >
              {% include 'snippet-quantity' %}
            
          	<br>

          	<div class="add-to-cart">
                {% assign cart_button_class = 'font--button' %}
                {% if section.settings.smart_payment_button %}
                  {% assign cart_button_class = 'font--secondary-button' %}
                {% endif %}
                <button class="add {{ cart_button_class }}" style="width: 100%" type="submit" name="add" id="add">
                  <span class="text">{{ 'products.add_to_cart' | t }}</span>
                  <span class="fw--loading_animation tiny" data-js-class="FrameworkLoadingAnimation"></span>
                </button>
          </div>
          </div>
                    
            {% if section.settings.smart_payment_button %}
              <div class="font--button product-page--smart-payment-buttons">
                {{ form | payment_button }}
              </div>
            {% endif %}
          {% endform %}
        
          <div
            class="a11y--focus-trigger"
            data-mq="small"
            data-forward-to=".a11y--focus-trigger[data-position='after-product-details--small']"
          ></div>
        </div>

        {% include 'snippet-product-unavailable' %}
        
      
      
        <br>
          <script src="//cdnjs.cloudflare.com/ajax/libs/datejs/1.0/date.min.js" type="text/javascript"></script>
          <div class="dg-shipping-date">
            <p>
              <img src="https://cdn.shopify.com/s/files/1/2692/4812/files/truck.png?8138466027095184927" style="height:25px;float:left;margin-right:10px;padding-bottom: 3px;">Livraison entre le <span id="fromDate">23/04</span> et le <span id="toDate">29/04</span>
            </p>
          </div>
          
          <p style="font-size:16px; color : black;"><img src="https://cdn.shopify.com/s/files/1/0276/4495/2715/files/payment.png?v=1580087309" /> Livraison rapide dans toute la France métropolitaine !</p>
          <p style="font-size:16px; color : black;"><img src="https://cdn.shopify.com/s/files/1/0276/4495/2715/files/happy.png?v=1580086955" /> Satisfait ou remboursé ! </p>
          <p style="font-size:16px; color : black;"><img src="https://cdn.shopify.com/s/files/1/0276/4495/2715/files/payment.png?v=1580087309" /> Paiements sécurisés. </p>
        
        <div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
      </div>


      {% if product.media.size > 0 %}
        <div class="product-page--media-root">
          <div class="product-page--media-container">
            <div class="modal--root" data-js-class="FrameworkModal">
              {% for media in product.media %}
                {% assign active_media = false %}
                {% if featured_media == media %}
                  {% assign active_media = true %}
                {% endif %}
              
                {% if section.settings.product-modal-enabled and media.media_type == 'image' %}
                  <div class="modal--link">   
                {% endif %}

                    

                    
                    
                  <div
                    class="product-page--media"
                    data-active="{{ active_media }}"
                    data-id="{{ media.id }}"
                    data-media-type="{{ media.media_type }}"
                  >
                    {% case media.media_type %}
                      {% when "image" %}
                        {% include 'framework--image', image: media %}

                      {% when "video" %}
                        {{ media_focus_trigger_opening }}
                        <div class="product-video--root"
                            tabindex="0"
                            data-js-class="ProductVideo"
                            data-loop-enabled="{{ loop_enabled }}"
                            data-type="plyr"
                        >
                          <div class="product-video--container"
                              style="padding-top: {{ 1 | divided_by: media.aspect_ratio | times: 100 }}%;"
                          >
                            {{ media | video_tag }}
                          </div>
                        </div>
                        {{ media_focus_trigger_closing }}

                      {% when "external_video" %}
                        {% assign youtube_exists = true %}
                        {{ media_focus_trigger_opening }}
                        <div
                          class="product-video--root"
                          tabindex="0"
                          data-js-class="ProductVideo"
                          data-loop-enabled="{{ loop_enabled }}"
                          data-type="youtube"
                          data-video-id="{{ media.external_id }}"
                        >
                          <div
                            class="product-video--container"
                            style="padding-top: {{ 1 | divided_by: media.aspect_ratio | times: 100 }}%;"
                          >
                            <div class="product-video" id="{{ media.id }}"></div>
                          </div>
                        </div>
                        {{ media_focus_trigger_closing }}

                      {% when "model" %}
                        {% assign load_3d = true %}
                        {{ media_focus_trigger_opening }}
                        <div
                          class="product-model--root"
                          tabindex="0"
                          data-js-class="ProductModel"
                          style="padding-top: {{ 1 | divided_by: media.preview_image.aspect_ratio | times: 100 }}%;"
                        >
                          {{ media | model_viewer_tag: reveal: 'interaction', toggleable: true, image_size: "1024x" }}
                        </div>
                        {{ media_focus_trigger_closing }}

                      {% else %}
                        {{ media | media_tag }}

                    {% endcase %}
                  </div>

                  {% if section.settings.image-zoom-enabled and media.media_type == 'image' %}
                    <div
                      class="product-page--zoom-image"
                      data-id="{{ media.id }}"
                      data-aspect-ratio="{{ media.aspect_ratio }}"
                    >
                      {%
                        include "framework--image",
                        image: media
                      %}
                    </div>
                  {% endif %}

                {% if section.settings.product-modal-enabled and media.media_type == 'image' %}
                  </div>
                {% endif %}
              {% endfor %}

              {% if section.settings.product-modal-enabled %}
                <div class="product-page--modal-media">
                  {% for media in product.media %}
                    {% if media.media_type == 'image' %}
                      <div class="modal--content">
                        {%
                          include "framework--image",
                          image: media.preview_image
                        %}
                      </div>
                    {% endif %}
                  {% endfor %}
                </div>
              {% endif %}

            </div>
          </div>
          
          
            <div class="product-page--thumbs">
              <div
                class="a11y--focus-trigger"
                data-mq="small"
                data-back-to="header"
                data-forward-to=".product-page--thumbs-container"
              ></div>

              <div class="product-page--thumbs-container">
                {{ thumbnail_images }}
              </div>

              <div
                class="a11y--focus-trigger"
                data-mq="small"
                data-back-to=".product-page--thumbs-container"
                data-forward-to=".product-page--cart-form-block"
              ></div>
            </div>
          <div class="product-page--description font--paragraph">
       			 <div itemprop="description" class="rte-content">
        			 {{ product.description }}
     		     </div>
              <div
        	  class="a11y--focus-trigger"
        		  data-forward-to=".product-page--thumbs"
         		  data-mq="medium"
      		  ></div>
      		  </div>

          {% if product.media.size > 1 %}
            {% if load_3d %}
              {% assign first_3d_model = product.media | where: "media_type", "model" | first %}

              <div class="product-page--button-container">
                <button
                  class="font--button"
                  data-shopify-xr
                  data-shopify-model3d-id="{{ first_3d_model.id }}"
                  data-shopify-title={{ product.title }}
                  style="display: none;"
                >
                  {% include 'framework--icons', icon: '3d-badge' %}
                  {{ 'products.view_ar' | t }}
                </button>
              </div>
            {% endif %}
          {% endif %}
        </div>
      {% endif %}

    </div>
  </article>

</div>

<div
  class="a11y--focus-trigger"
  data-mq="medium-large"
  data-position="after-product-details"
  data-back-to=".product-page--thumbs-container"
></div>
<div
     class="a11y--focus-trigger"
     data-forward-to=".product-page--thumbs"
     data-back-to=".product-page--thumbs-container"
     data-mq="small"
     ></div>
<div
  class="a11y--focus-trigger"
  data-mq="small"
  data-position="after-product-details--small"
  data-back-to=".product-page--cart-form-block"
></div>

{% if section.settings.product-share-this-show %}
  <section class="row social-share">
    <div class="columns">
      {% include 'snippet-product-share' with 'product-template' %}
    </div>
  </section>
{% endif %}

<script>
  // variables to pass to theme.js
  var product_title = '{{ product.title | escape }}';
  var product_variant_size = {{ product.variants.size }};
  var product_options_size = {{ product.options.size }};
  var product_options_size = 10;
  var product_options_first = '{{ product.options.first | escape }}';
  var product_json = {{ product | json }};
  var product_language_was = '{{ 'products.was' | t | escape }}';

  var selectCallback = function(variant, selector) {
    theme.partials.ProductPage.variantSelected(variant, selector);
    // add your selectCallback code here...
  };

  theme.products = {
    size_chart: {
      label: '{{ "products.size_chart" | t }}'
    },
    low_in_stock: {
      one: '{{ "products.low_in_stock" | t: count: 1 }}',
      other: '{{ "products.low_in_stock" | t: count: 2 }}'
    }
  };

  $(function() {
    new Shopify.OptionSelectors("variant-listbox", {
      product: {{ product | json }},
      onVariantSelected: selectCallback,
      enableHistoryState: true
    });
  });

  // AR
  {% if load_3d %}
    window.ShopifyXR = window.ShopifyXR || function() {
      (ShopifyXR.q = ShopifyXR.q || []).push(arguments)
    }

    {% assign models = product.media | where: 'media_type', 'model' | json %}

    ShopifyXR('setModels', {{ models }});
  {% endif %}

  {% if youtube_exists %}
    // YouTube callback
    function onYouTubeIframeAPIReady() {
      $(function() {
        $(window).trigger('theme.utils.youtubeAPIReady');
      });
    }
  {% endif %}
</script>

{% if load_3d %}
  <script defer src="https://cdn.shopify.com/shopifycloud/shopify-xr-js/assets/v1.0/shopify-xr.en.js">
  </script>
{% endif %}

{% if section.settings.product-size-chart-enabled %}
  {% include 'snippet-size-chart' %}
{% endif %}

{% schema %}
{
  "name": "Product pages",
  "class": "section--products",
  "settings": [
    {
      "type": "checkbox",
      "id": "product-breadcrumbs-show",
      "label": "Show breadcrumbs",
      "default": true
    },
    {
      "type": "checkbox",
      "id": "smart_payment_button",
      "label": "Show dynamic checkout button",
      "info": "Lets customers check out directly using a familiar payment method. [Learn more](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
      "default": true
    },
    {
      "type": "checkbox",
      "id": "product-unavailable-form-show",
      "label": "Show notification form when product is unavailable"
    },
    {
      "label": "Show low in stock notice when quantity is",
      "id": "low-in-stock-amount",
      "type": "range",
      "min": 0,
      "max": 10,
      "step": 1,
      "default": 0,
      "info": "Set to 0 to disable this feature. Updated for each variant."
    },
    {
      "type": "header",
      "content": "Media"
    },
    {
      "type": "paragraph",
      "content": "Learn more about [media types](https://help.shopify.com/en/manual/products/product-media)."
    },
    {
      "type": "checkbox",
      "id": "product-modal-enabled",
      "label": "Enable modal popup",
      "default": true,
      "info": "Triggers when you click the selected media"
    },
    {
      "type": "checkbox",
      "id": "image-zoom-enabled",
      "label": "Enable image zoom",
      "default": true,
      "info": "Triggers when you roll your mouse over an image"
    },
    {
      "type": "checkbox",
      "id": "loop-enabled",
      "label": "Enable video looping",
      "default": false
    },
    {
      "type": "header",
      "content": "Positions"
    },
    {
      "type": "paragraph",
      "content": "Screens under 1280px wide will rearrange the columns automatically to prevent content from getting squished."
    },
    {
      "id": "cart-form-position",
      "label": "Cart form",
      "type": "radio",
      "options": [
        { "value": "left", "label": "Left"},
        { "value": "right", "label": "Right"}
      ]
    },
    {
      "type": "header",
      "content": "Size chart"
    },
    {
      "type": "checkbox",
      "id": "product-size-chart-enabled",
      "label": "Enable",
      "default": false
    },
    {
      "type": "text",
      "id": "product-size-chart-option",
      "label": "Link from option",
      "default": "size"
    },
    {
      "type": "page",
      "id": "product-size-chart-page-content",
      "label": "Page content"
    },
    {
      "type": "header",
      "content": "Social media panel"
    },
    {
      "type": "checkbox",
      "id": "product-share-this-show",
      "label": "Show",
      "default": true
    },
    {
      "type": "checkbox",
      "id": "product-share-twitter",
      "label": "Share on Twitter",
      "default": true
    },
    {
      "type": "checkbox",
      "id": "product-share-facebook",
      "label": "Share on Facebook",
      "default": true
    },
    {
      "type": "checkbox",
      "id": "product-share-pinterest",
      "label": "Share on Pinterest",
      "default": true
    }
  ]
}
{% endschema %}

Thank you and I hope someone will be able to fix this issue too ;)

Have a nice day

0 J'aime