<div class="product-template__container page-width"
id="ProductSection-{{ section.id }}"
data-section-id="{{ section.id }}"
data-section-type="product"
data-enable-history-state="true"
>
{% comment %}
Get first variant, or deep linked one
{% endcomment %}
{%- assign current_variant = product.selected_or_first_available_variant -%}
{%- assign product_image_zoom_size = '1024x1024' -%}
{%- assign product_image_scale = '2' -%}
{%- assign enable_zoom = section.settings.enable_zoom -%}
{%- assign compare_at_price = current_variant.compare_at_price -%}
{%- assign price = current_variant.price -%}

{% case section.settings.image_size %}
{% when 'small' %}
{%- assign product_image_width = 'medium-up--two-fifths' -%}
{%- assign product_info_width = 'medium-up--three-fifths' -%}
{%- assign product_description_width = '' -%}
{%- assign product_thumbnail_width = 'medium-up--one-quarter' -%}
{%- assign height = 345 -%}
{% when 'medium' %}
{%- assign product_image_width = 'medium-up--one-half' -%}
{%- assign product_info_width = 'medium-up--one-half' -%}
{%- assign product_description_width = '' -%}
{%- assign product_thumbnail_width = 'medium-up--one-quarter' -%}
{%- assign height = 530 -%}
{% when 'large' %}
{%- assign product_image_width = 'medium-up--two-thirds' -%}
{%- assign product_info_width = 'medium-up--one-third' -%}
{%- assign product_description_width = '' -%}
{%- assign product_thumbnail_width = 'medium-up--one-fifth' -%}
{%- assign height = 720 -%}
{% when 'full' %}
{%- assign product_image_width = '' -%}
{%- assign product_info_width = '' -%}
{%- assign product_description_width = '' -%}
{%- assign product_thumbnail_width = 'medium-up--one-eighth' -%}
{%- assign height = 1090 -%}
{%- assign enable_zoom = false -%}
{% endcase %}

<div class="grid product-single{% if section.settings.enable_payment_button %} product-single--{{ section.settings.image_size }}-image{% endif %}">
  <div class="grid__item product-single__photos {{ product_image_width }}{% if section.settings.image_size == 'full' %} product-single__photos--full{% endif %}">
    {%- assign featured_image = product.selected_or_first_available_variant.featured_image | default: product.featured_image -%}
    {% for image in product.images %}
    {% capture img_id %}FeaturedImage-{{ section.id }}-{{ image.id }}{% endcapture %}
    {% capture img_class %}product-featured-img{% endcapture %}
    {% capture zoom_img_id %}FeaturedImageZoom-{{ section.id }}-{{ image.id }}{% endcapture %}
    {% capture img_wrapper_id %}{{ zoom_img_id }}-wrapper{% endcapture %}
    {%- assign img_url = image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}

    {% include 'image-style' with small_style: true, width: height, height: height, wrapper_id: img_wrapper_id, img_id: img_id %}

    <div id="{{ img_wrapper_id }}" class="product-single__photo-wrapper js">
      <div
      id="{{ zoom_img_id }}"
      style="padding-top:{{ 1 | divided_by: image.aspect_ratio | times: 100}}%;"
      class="product-single__photo{% if enable_zoom %} js-zoom-enabled{% endif %}{% if product.images.size > 1 %} product-single__photo--has-thumbnails{% endif %}{% unless featured_image == image %} hide{% endunless %}"
      data-image-id="{{ image.id }}"
      {% if enable_zoom %} data-zoom="{{ image | img_url: product_image_zoom_size, scale: product_image_scale }}"{% endif %}>
      <img id="{{ img_id }}"
      class="feature-row__image {{ img_class }} lazyload{% unless featured_image == image %} lazypreload{% endunless %}"
      src="{{ image | img_url: '300x300' }}"
      data-src="{{ img_url }}"
      data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"
      data-aspectratio="{{ image.aspect_ratio }}"
      data-sizes="auto"
      tabindex="-1"
      alt="{{ image.alt | escape }}">
    </div>
  </div>
  {% endfor %}

  <noscript>
    {% capture product_image_size %}{{ height }}x{% endcapture %}
    <img src="{{ featured_image | img_url: product_image_size, scale: product_image_scale }}" alt="{{ featured_image.alt }}" id="FeaturedImage-{{ section.id }}" class="product-featured-img" style="max-width: {{ height }}px;">
  </noscript>

  {% if product.images.size > 1 %}
  {% if product.images.size > 3 %}
  {%- assign enable_thumbnail_slides = true -%}
  {% endif %}

  <div class="thumbnails-wrapper{% if enable_thumbnail_slides == true %} thumbnails-slider--active{% endif %}">
    {% if enable_thumbnail_slides == true %}
    <button type="button" class="btn btn--link medium-up--hide thumbnails-slider__btn thumbnails-slider__prev thumbnails-slider__prev--{{ section.id }}">
      {% include 'icon-chevron-left' %}
      <span class="icon__fallback-text">{{ 'sections.slideshow.previous_slide' | t }}</span>
    </button>
    {% endif %}
    <ul class="grid grid--uniform product-single__thumbnails product-single__thumbnails-{{ section.id }}">
      {% for image in product.images %}
      <li class="grid__item {{ product_thumbnail_width }} product-single__thumbnails-item js">
        <a href="{{ image.src | img_url: product_image_zoom_size, scale: product_image_scale }}"
        class="text-link product-single__thumbnail product-single__thumbnail--{{ section.id }}"
        data-thumbnail-id="{{ image.id }}"
        {% if enable_zoom %}data-zoom="{{ image.src | img_url: product_image_zoom_size, scale: product_image_scale }}"{% endif %}>
        <img class="product-single__thumbnail-image" src="{{ image.src | img_url: '110x110', scale: 2 }}" alt="{{ 'sections.featured_product.gallery_thumbnail_alt' | t: imageAlt: image.alt | escape }}">
      </a>
    </li>
    {% endfor %}
  </ul>
  {% if enable_thumbnail_slides == true %}
  <button type="button" class="btn btn--link medium-up--hide thumbnails-slider__btn thumbnails-slider__next thumbnails-slider__next--{{ section.id }}">
    {% include 'icon-chevron-right' %}
    <span class="icon__fallback-text">{{ 'sections.slideshow.next_slide' | t }}</span>
  </button>
  {% endif %}
</div>
{% endif %}
</div>

<div class="grid__item {{ product_info_width }}">
  <div class="product-single__meta {% if section.settings.centered_mobile %}centered-header{% endif %}">

    <h1 class="product-single__title">{{ product.title }}</h1>

    <div class="product__price price-product-page">
      {% include 'product-price', variant: current_variant %}
    </div>

    {% if section.settings.show_product_stars %}
      <a href="#looxReviews"><div class="loox-rating" data-id="{{ product.id }}" data-rating="{{ product.metafields.loox.avg_rating }}" data-raters="{{ product.metafields.loox.num_reviews }}"></div></a>
    {% endif %}

    {% if section.settings.show_fake_product_stars %}
    <a href="#looxReviews">
    <div class="star-icons">
      {% include 'icon-star' %}
      {% include 'icon-star' %}
      {% include 'icon-star' %}
      {% include 'icon-star' %}
      {% include 'icon-star-half' %}
      {% if section.settings.show_text_fake_product_stars %}
      <span class="star-icon-text">
          {{ section.settings.text_fake_product_stars }}
      </span>
      {% endif %}
    </div>
  </a>
<script>
  $(document).on("click", 'a[href^="#"]', function (event) {
    event.preventDefault();

    $("html, body").animate({
        scrollTop: $($.attr(this, "href")).offset().top
      },
      500
    );
  });


function init() {
var vidDefer = document.getElementsByTagName('iframe');
for (var i=0; i<vidDefer.length; i++) {
if(vidDefer[i].getAttribute('data-src')) {
vidDefer[i].setAttribute('src',vidDefer[i].getAttribute('data-src'));
} } }
window.onload = init;
</script>
    {% endif %}

    {%- if shop.taxes_included or shop.shipping_policy.body != blank -%}
    <div class="product__policies rte">
      {%- if shop.taxes_included -%}

      {% if section.settings.show_free_shipping %}
      <div class="demo-solution demo-solution--flexbox argu">
        <img class="argu-little-icon" src="https://cdn.shopify.com/s/files/1/0014/5870/0353/t/8/assets/Truck.svg?9484899964775218409">
        <span>{{section.settings.free_shipping_text}}</span>
      </div>
      {% endif %}

      {% if section.settings.show_secure %}
      <div class="demo-solution demo-solution--flexbox argu">
        <img class="argu-little-icon" src="https://cdn.shopify.com/s/files/1/0120/4148/6436/files/cart.png?15372986399046756297">
        <span>{{section.settings.secure_text}}</span>
      </div>
      {% endif %}

      {%- endif -%}
      {%- if shop.shipping_policy.body != blank -%}
      {{ 'products.product.shipping_policy_html' | t: link: shop.shipping_policy.url }}
      {%- endif -%}
    </div>
    {%- endif -%}

    {% if section.settings.show_quantity_selector %}
    <div id="error-quantity-{{ section.id }}" class="form-message form-message--error product__quantity-error hide" tabindex="-1">
      {% include 'icon-error' %} {{ 'products.product.quantity_minimum_message' | t }}
    </div>
    {% endif %}

    {% capture "form_classes" -%}
    product-form product-form-{{ section.id }}{% unless section.settings.show_variant_labels %} product-form--hide-variant-labels{% endunless %}{% if section.settings.enable_payment_button and product.has_only_default_variant%} product-form--payment-button-no-variants{% endif %}
    {%- endcapture %}

    {% form 'product', product, class:form_classes, novalidate: 'novalidate' %}
    {% unless product.has_only_default_variant %}
    {% for option in product.options_with_values %}
    <div class="selector-wrapper js product-form__item">
      <label class="{% if option.name == 'default' %}label--hidden{% endif %} label-variant" for="SingleOptionSelector-{{ forloop.index0 }}">
          <p class="label-text">{{ option.name }}</p>
      </label>
      <select class="single-option-selector single-option-selector-{{ section.id }} product-form__input variant-select" id="SingleOptionSelector-{{ forloop.index0 }}" data-index="option{{ forloop.index }}">
        {% for value in option.values %}
        <option value="{{ value | escape }}"{% if option.selected_value == value %} selected="selected"{% endif %}>{{ value }}</option>
        {% endfor %}
      </select>
    </div>
    {% endfor %}
    {% endunless %}

    <select name="id" id="ProductSelect-{{ section.id }}" class="product-form__variants no-js">
      {% for variant in product.variants %}
      {% if variant.available %}
      <option {% if variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} value="{{ variant.id }}">
        {{ variant.title }}
      </option>
      {% else %}
      <option disabled="disabled">{{ variant.title }} - {{ 'products.product.sold_out' | t }}</option>
      {% endif %}
      {% endfor %}
    </select>

    {% if section.settings.show_quantity_selector %}
    <div class="product-form__item product-form__item--quantity">
      <label class="label-quantity" for="Quantity-{{ section.id }}"><p class="label-text">{{ 'products.product.quantity' | t }}</p></label>

      <div class="number-input">
          <div class="button-quantity" onclick="this.parentNode.querySelector('input[type=number]').stepDown()">
              {% include 'icon-remove-circle-outline' %}
          </div>
          <input class="quantity" type="number" id="Quantity-{{ section.id }}" name="quantity" value="1"
          min="1" class="product-form__input" pattern="[0-9]*">

          <div class="button-quantity" onclick="this.parentNode.querySelector('input[type=number]').stepUp()">
            {% include 'icon-add-circle-outline' %}
          </div>
        </div>

    </div>
    {% endif %}
    <div class="product-form__item product-form__item--submit{% if section.settings.enable_payment_button %} product-form__item--payment-button{% endif %}{% if product.has_only_default_variant %} product-form__item--no-variants{% endif %}">
      <button type="submit" name="add" id="AddToCart-{{ section.id }}" {% unless current_variant.available %}disabled="disabled"{% endunless %} class="btn shakingbutton product-form__cart-submit{% if section.settings.enable_payment_button %} btn--secondary-accent{% endif %}">
        <span id="AddToCartText-{{ section.id }}">
          {% unless current_variant.available %}
          {{ 'products.product.sold_out' | t }}
          {% else %}
          {{ 'products.product.add_to_cart' | t }}
          {% endunless %}
        </span>
      </button>
      <div class="stickyAddToCart">
        <div class="texte-container-sticky">

          <div class="product__price price-product-page sticky-price">
            {% include 'product-price', variant: current_variant %}
          </div>
          <span class="shipping-sticky">{{section.settings.free_shipping_text}}</span>
        </div>
            <button type="submit" name="add" id="AddToCart2-{{ section.id }}" {% unless current_variant.available %}disabled="disabled"{% endunless %} class="btn shakingbutton product-form__cart-submit{% if section.settings.enable_payment_button %} btn--secondary-accent{% endif %}">
                <span id="AddToCartText2-{{ section.id }}">
                  {% unless current_variant.available %}
                  {{ 'products.product.sold_out' | t }}
                  {% else %}
                  {{ 'products.product.add_to_cart' | t }}
                  {% endunless %}
                </span>
              </button>
      </div>
      {% if section.settings.enable_payment_button %}
      {{ form | payment_button }}
      {% endif %}
    </div>
    {% endform %}
  </div>

  {% if settings.timer_type == "1" %}
    {% include "timer-24hloop-script" %}
  {% endif %}
  {% if settings.timer_type == "2" %}
    {% include "timer-hc-script" %}
  {% endif %}
  {% if settings.timer_type == "3" %}
    {% include "timer-until-script" %}
  {% endif %}

  {% if section.settings.show_widget_timer %}
    {% if settings.timer_type == "1" %}
    {% include "timer-24hloop-widget" %}
  {% endif %}
  {% if settings.timer_type == "2" %}
    {% include "timer-hc-widget" %}
  {% endif %}
  {% if settings.timer_type == "3" %}
    {% include "timer-until-widget" %}
  {% endif %}
  {% endif %}

  <p class="visually-hidden" data-product-status
  aria-live="polite"
  role="status"
  ></p>

  <div class="args-container">
    <div class="args-bloc args-bloc1">
      {% if section.settings.text_arg1 != blank %}
      <i class="arg-icon material-icons">{{ section.settings.icon_arg1 }}</i>
      <span class="arg">{{ section.settings.text_arg1 }}</span>
      <br>
      {% endif %}
      {% if section.settings.text_arg2_1 != blank or section.settings.text_arg2_2 != blank %}
      {% if settings.timer_type == "1" %}
      {% include "timer-24hloop-little-widget" %}
    {% endif %}
    {% if settings.timer_type == "2" %}
      {% include "timer-hc-little-widget" %}
    {% endif %}
    {% if settings.timer_type == "3" %}
      {% include "timer-until-little-widget" %}
    {% endif %}
      {% endif %}
      {% if section.settings.text_arg3_1 != blank or section.settings.text_arg3_2 != blank %}
      <i class="arg-icon material-icons">{{ section.settings.icon_arg3 }}</i>
      <span class="arg">{{ section.settings.text_arg3_1 }}</span>

      {% if section.settings.show_real_stock %}
      <span class="flip-top arg">
        {% unless current_variant.available %}
        0
        {% else %}
        {{ current_variant.inventory_quantity }}
        {% endunless %}
      </span>
      {% else %}
      <span class="flip-top arg" id="stock">9</span>
      {% endif %}

      <span class="arg">{{ section.settings.text_arg3_2 }}</span>
      {% endif %}
    </div>
    <div class="args-bloc">
        {% if section.settings.text_arg4 != blank %}
        <i class="arg-icon material-icons">{{ section.settings.icon_arg4 }}</i>
        <span class="arg">{{ section.settings.text_arg4 }}</span>
        <br>
        {% endif %}
        {% if section.settings.text_arg5 != blank %}
        <i class="arg-icon material-icons">{{ section.settings.icon_arg5 }}</i>
        <span class="arg">{{ section.settings.text_arg5 }}</span>
        <br>
        {% endif %}
        {% if section.settings.text_arg6 != blank %}
        <i class="arg-icon material-icons">{{ section.settings.icon_arg6 }}</i>
        <span class="arg">{{ section.settings.text_arg6 }}</span>
        <br>
        {% endif %}
        <br>
      </div>
</div>
</div>

<div class="grid__item {{ product_description_width }}">

    {% if section.settings.text_annonce != blank %}
    <div class="exist-to">
      <i class="material-icons">{{ section.settings.icon_annonce }}</i>
      <span>{{ section.settings.text_annonce }}</span>
    </div>
    {% endif %}

    {% if section.settings.video_url != blank %}
      <div class="video-wrapper" style="margin-bottom: 30px;">
          {% if section.settings.video_url.type == "youtube" %}
            <iframe data-src="//www.youtube.com/embed/{{ section.settings.video_url.id }}?rel=0&showinfo=0&vq=720" src="" width="850" height="480" frameborder="0" allowfullscreen></iframe>
          {% endif %}
      </div>
      {% endif %}

  <div class="product-single__description rte">

    {{ product.description }}

    <!--<div class="exist-to"><i class="material-icons">star</i> <span><b>NOUVEAU:</b> Existent aussi en noirs.</span></div><div>-->
      {% if section.settings.imgbloc1 %}
      <div class="line line-image-left">
        <div class="line-item line-item1 image-left">
          <img src="{{ section.settings.imgbloc1 | img_url: 'master' }}" alt="image">
        </div>
        <div class="line-item line-item2 text-desc-right">
          {% endif %}
          {% if section.settings.h2bloc1 != blank or section.settings.pbloc1 != blank %}
          <div class="text-bloc">
            {% if section.settings.h2bloc1 != blank %}
            <h2>{{ section.settings.h2bloc1 }}</h2>
            {% endif %}
            {% if section.settings.pbloc1 != blank %}
            <p>{{ section.settings.pbloc1 }}</p>
            {% endif %}
          </div>
          {% endif %}
          {% if section.settings.imgbloc1 %}
        </div>
      </div>
      {% endif %}
      {% if section.settings.imgbloc2 %}
      <div class="line line-image-right">
        <div class="line-item line-item1 image-right">
          <img src="{{ section.settings.imgbloc2 | img_url: 'master' }}" alt="image">
        </div>
        <div class="line-item line-item2 text-desc-left">
          {% endif %}
          {% if section.settings.h2bloc2 != blank or section.settings.pbloc2 != blank %}
          <div class="text-bloc">
            {% if section.settings.h2bloc2 != blank %}
            <h2>{{ section.settings.h2bloc2 }}</h2>
            {% endif %}
            {% if section.settings.pbloc2 != blank %}
            <p>{{ section.settings.pbloc2 }}</p>
            {% endif %}
          </div>
          {% endif %}
          {% if section.settings.imgbloc2 %}
        </div>
      </div>
      {% endif %}
      {% if section.settings.imgbloc3 %}
      <div class="line line-image-left">
        <div class="line-item line-item1 image-left">
          <img src="{{ section.settings.imgbloc3 | img_url: 'master' }}" alt="image">
        </div>
        <div class="line-item line-item2 text-desc-right">
          {% endif %}
          {% if section.settings.h2bloc3 != blank or section.settings.pbloc3 != blank %}
          <div class="text-bloc">
            {% if section.settings.h2bloc3 != blank %}
            <h2>{{ section.settings.h2bloc3 }}</h2>
            {% endif %}
            {% if section.settings.pbloc3 != blank %}
            <p>{{ section.settings.pbloc3 }}</p>
            {% endif %}
          </div>
          {% endif %}
          {% if section.settings.imgbloc3 %}
        </div>
      </div>
      {% endif %}
      {% if section.settings.imgbloc4 %}
      <div class="line line-image-right">
        <div class="line-item line-item1 image-right">
          <img src="{{ section.settings.imgbloc4 | img_url: 'master' }}" alt="image">
        </div>
        <div class="line-item line-item2 text-desc-left">
          {% endif %}
          {% if section.settings.h2bloc4 != blank or section.settings.pbloc4 != blank %}
          <div class="text-bloc">
            {% if section.settings.h2bloc4 != blank %}
            <h2>{{ section.settings.h2bloc4 }}</h2>
            {% endif %}
            {% if section.settings.pbloc4 != blank %}
            <p>{{ section.settings.pbloc4 }}</p>
            {% endif %}
          </div>
          {% endif %}
          {% if section.settings.imgbloc4 %}
        </div>
      </div>
      {% endif %}
      {% if section.settings.imgbloc5 %}
      <div class="line line-image-left">
        <div class="line-item line-item1 image-left">
          <img src="{{ section.settings.imgbloc5 | img_url: 'master' }}" alt="image">
        </div>
        <div class="line-item line-item2 text-desc-right">
          {% endif %}
          {% if section.settings.h2bloc5 != blank or section.settings.pbloc5 != blank %}
          <div class="text-bloc">
            {% if section.settings.h2bloc5 != blank %}
            <h2>{{ section.settings.h2bloc5 }}</h2>
            {% endif %}
            {% if section.settings.pbloc5 != blank %}
            <p>{{ section.settings.pbloc5 }}</p>
            {% endif %}
          </div>
          {% endif %}
          {% if section.settings.imgbloc5 %}
        </div>
      </div>
      {% endif %}
      {% if section.settings.imgbloc6 %}
      <div class="line line-image-right">
        <div class="line-item line-item1 image-right">
          <img src="{{ section.settings.imgbloc6 | img_url: 'master' }}" alt="image">
        </div>
        <div class="line-item line-item2 text-desc-left">
          {% endif %}
          {% if section.settings.h2bloc6 != blank or section.settings.pbloc6 != blank %}
          <div class="text-bloc">
            {% if section.settings.h2bloc6 != blank %}
            <h2>{{ section.settings.h2bloc6 }}</h2>
            {% endif %}
            {% if section.settings.pbloc6 != blank %}
            <p>{{ section.settings.pbloc6 }}</p>
            {% endif %}
          </div>
          {% endif %}
          {% if section.settings.imgbloc6 %}
        </div>
      </div>
      {% endif %}
      {% if section.settings.imgbloc7 %}
      <div class="line line-image-left">
        <div class="line-item line-item1 image-left">
          <img src="{{ section.settings.imgbloc7 | img_url: 'master' }}" alt="image">
        </div>
        <div class="line-item line-item2 text-desc-right">
          {% endif %}
          {% if section.settings.h2bloc7 != blank or section.settings.pbloc7 != blank %}
          <div class="text-bloc">
            {% if section.settings.h2bloc7 != blank %}
            <h2>{{ section.settings.h2bloc7 }}</h2>
            {% endif %}
            {% if section.settings.pbloc7 != blank %}
            <p>{{ section.settings.pbloc7 }}</p>
            {% endif %}
          </div>
          {% endif %}
          {% if section.settings.imgbloc7 %}
        </div>
      </div>
      {% endif %}
      {% if section.settings.imgbloc8 %}
      <div class="line line-image-right">
        <div class="line-item line-item1 image-right">
          <img src="{{ section.settings.imgbloc8 | img_url: 'master' }}" alt="image">
        </div>
        <div class="line-item line-item2 text-desc-left">
          {% endif %}
          {% if section.settings.h2bloc8 != blank or section.settings.pbloc8 != blank %}
          <div class="text-bloc">
            {% if section.settings.h2bloc8 != blank %}
            <h2>{{ section.settings.h2bloc8 }}</h2>
            {% endif %}
            {% if section.settings.pbloc8 != blank %}
            <p>{{ section.settings.pbloc8 }}</p>
            {% endif %}
          </div>
          {% endif %}
          {% if section.settings.imgbloc8 %}
        </div>
      </div>
      {% endif %}
      </div>
      </div>

  {% if section.settings.show_share_buttons %}
    {% include 'social-sharing', share_title: product.title, share_permalink: product.url, share_image: product %}
  {% endif %}
</div>

<div id="looxReviews" data-product-id="{{product.id}}"style=" @media (min-width: 760px) {margin: 0 20vw;}"></div>

</div>
<br>

{% unless product == empty %}
  <script type="application/json" id="ProductJson-{{ section.id }}">
    {{ product | json }}
  </script>
{% endunless %}

{% schema %}
{
  "name": "Pages de produits",
  "settings": [
  {
    "type": "select",
    "id": "image_size",
    "label": "Taille des images",
    "options": [
    {
      "value": "small",
      "label": "Petite"
    },
    {
      "value": "medium",
      "label": "Moyenne"
    },
    {
      "value": "large",
      "label": "Grande"
    },
    {
      "value": "full",
      "label": "Pleine largeur"
    }
    ],
    "default": "small"
  },

  {
    "type":"header",
    "content":"Informations"
  },
  {
    "type":"checkbox",
    "id":"centered_mobile",
    "label":"Centrer le titre du produit sur mobile",
    "default": true
  },
  {
    "type": "checkbox",
    "id": "show_quantity_selector",
    "label": "Afficher le sélecteur de quantité",
    "default": true
  },
  {
    "type": "checkbox",
    "id": "show_variant_labels",
    "label": "Afficher le nom des variantes",
    "default": true
  },
  {
    "type": "checkbox",
    "id": "show_vendor",
    "label": "Afficher les vendeurs",
    "default": false
  },
  {
    "type": "checkbox",
    "id": "enable_zoom",
    "label": "Activer le zoom d'image",
    "default": false
  },
  {
    "type": "checkbox",
    "id": "enable_payment_button",
    "label": "Afficher le bouton de passage à la caisse dynamique",
    "info": "Chaque client verra son moyen de paiement préféré parmi ceux qui sont proposés sur votre boutique, tels que PayPal ou Apple Pay. [En savoir plus](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
    "default": false
  },
  {
    "type": "checkbox",
    "id": "show_product_stars",
    "label": "Afficher les étoiles de notation Loox",
    "default": false
  },
  {
    "type": "checkbox",
    "id": "show_fake_product_stars",
    "label": "Afficher les fausses étoiles de notation",
    "info": "Nous ne serons pas tenus responsable de l'utilisation de fausses étoiles de notation.",
    "default": true
  },
  {
    "type": "checkbox",
    "id": "show_text_fake_product_stars",
    "label": "Afficher un texte concernant les avis",
    "default": true
  },
  {
    "type": "text",
    "id": "text_fake_product_stars",
    "label": "Texte concernant les avis",
    "default": "(4,7/5 Avis clients)"
  },
  {
    "type": "checkbox",
    "id": "show_share_buttons",
    "label": "Affichez les boutons de partage sur les médias sociaux",
    "default": false
  },

  {
    "type":"header",
    "content":"Icons de confiance"
  },
  {
    "type": "checkbox",
    "id": "show_secure",
    "label": "Afficher l'icon de paiement sécurisé",
    "default": true
  },
  {
    "type":"text",
    "id":"secure_text",
    "label":"Texte",
    "default": "Paiement sécurisé"
  },
  {
    "type": "checkbox",
    "id": "show_free_shipping",
    "label": "Afficher l'icon de livraison offerte",
    "default": true
  },
  {
    "type":"text",
    "id":"free_shipping_text",
    "label":"Texte",
    "default": "Livraison offerte"
  },

  {
    "type":"header",
    "content":"Widget Timer avec barre",
    "info": "Plus d'options dans Paramètres de thème > Timer"
  },
  {
    "type":"checkbox",
    "id":"show_widget_timer",
    "label":"Afficher le widget timer",
    "default": false
  },
  {
    "type":"text",
    "id":"timer_text",
    "label":"Texte du widget",
    "default": "FIN DE L'OFFRE DE LANCEMENT"
  },

  {
    "type":"header",
    "content":"Barre d\'annonce'"
  },
  {
    "type":"text",
    "id":"icon_annonce",
    "label":"Icon",
    "default": "whatshot",
    "info":"Retrouver la [liste des icons ici.](https://material.io/resources/icons/?style=baseline)"
  },
  {
    "type":"text",
    "id":"text_annonce",
    "label":"Texte",
    "default": "NOUVEAU: Existe aussi en rouge."
  },

  {
    "type":"header",
    "content":"Arguments",
    "info":"Retrouver la [liste des icons ici.](https://material.io/resources/icons/?style=baseline)"
  },
  {
    "type":"text",
    "id":"icon_arg1",
    "label":"Argument 1: Icon",
    "default": "whatshot"
  },
  {
    "type":"text",
    "id":"text_arg1",
    "label":"Argument 1: Texte",
    "default": "<b>Offre de lancement limitée.</b>"
  },
  {
    "type":"text",
    "id":"icon_arg2",
    "label":"Argument 2: Icon",
    "default": "alarm"
  },
  {
    "type":"text",
    "id":"text_arg2_1",
    "label":"Argument 2: Texte début",
    "default": "Il reste"
  },
  {
    "type":"text",
    "id":"text_arg2_2",
    "label":"Argument 2: Texte fin",
    "default": "avant la fin de l'offre."
  },
  {
    "type":"checkbox",
    "id":"show_real_stock",
    "label":"Afficher le vrai stock",
    "default": false
  },
  {
    "type":"text",
    "id":"icon_arg3",
    "label":"Argument 3: Icon",
    "default": "inbox"
  },
  {
    "type":"text",
    "id":"text_arg3_1",
    "label":"Argument 3: Texte début",
    "default": "Plus que"
  },
  {
    "type":"text",
    "id":"text_arg3_2",
    "label":"Argument 3: Texte fin",
    "default": "produits en promotion en stock."
  },
  {
    "type":"text",
    "id":"icon_arg4",
    "label":"Argument 4: Icon",
    "default": "store"
  },
  {
    "type":"text",
    "id":"text_arg4",
    "label":"Argument 4: Texte",
    "default": "Introuvable en magasin."
  },
  {
    "type":"text",
    "id":"icon_arg5",
    "label":"Argument 5: Icon",
    "default": "verified_user"
  },
  {
    "type":"text",
    "id":"text_arg5",
    "label":"Argument 5: Texte",
    "default": "Recommandé par les spécialistes."
  },
  {
    "type":"text",
    "id":"icon_arg6",
    "label":"Argument 6: Icon",
    "default": "tag_faces"
  },
  {
    "type":"text",
    "id":"text_arg6",
    "label":"Argument 6: Texte",
    "default": "Plus de 14 000 clients satisfaits. "
  },

  {
    "type":"header",
    "content":"Vidéo"
  },
  {
    "id": "video_url",
    "type": "video_url",
    "label": "Lien vidéo (Youtube)",
    "accept": ["youtube"],
    "default": "https://www.youtube.com/watch?v=_9VUPq3SxOc",
    "info": "Lien vidéo (Youtube)",
    "placeholder": "Text"
 },

  {
    "type":"header",
    "content":"Description en blocs"
  },
    {
    "type": "image_picker",
    "id": "imgbloc1",
    "label": "Image bloc 1"
    },
    {
      "type": "text",
      "id": "h2bloc1",
      "label": "Titre bloc 1"
    },
    {
      "type": "richtext",
      "id": "pbloc1",
      "label": "Texte bloc 1"
    },
    {
    "type": "image_picker",
    "id": "imgbloc2",
    "label": "Image bloc 2"
    },
    {
      "type": "text",
      "id": "h2bloc2",
      "label": "Titre bloc 2"
    },
    {
      "type": "richtext",
      "id": "pbloc2",
      "label": "Texte bloc 2"
    },
    {
    "type": "image_picker",
    "id": "imgbloc3",
    "label": "Image bloc 3"
    },
    {
      "type": "text",
      "id": "h2bloc3",
      "label": "Titre bloc 3"
    },
    {
      "type": "richtext",
      "id": "pbloc3",
      "label": "Texte bloc 3"
    },
    {
    "type": "image_picker",
    "id": "imgbloc4",
    "label": "Image bloc 4"
    },
    {
      "type": "text",
      "id": "h2bloc4",
      "label": "Titre bloc 4"
    },
    {
      "type": "richtext",
      "id": "pbloc4",
      "label": "Texte bloc 4"
    },
    {
    "type": "image_picker",
    "id": "imgbloc5",
    "label": "Image bloc 5"
    },
    {
      "type": "text",
      "id": "h2bloc5",
      "label": "Titre bloc 5"
    },
    {
      "type": "richtext",
      "id": "pbloc5",
      "label": "Texte bloc 5"
    },
    {
    "type": "image_picker",
    "id": "imgbloc6",
    "label": "Image bloc 6"
    },
    {
      "type": "text",
      "id": "h2bloc6",
      "label": "Titre bloc 6"
    },
    {
      "type": "richtext",
      "id": "pbloc6",
      "label": "Texte bloc 6"
    },
    {
    "type": "image_picker",
    "id": "imgbloc7",
    "label": "Image bloc 7"
    },
    {
      "type": "text",
      "id": "h2bloc7",
      "label": "Titre bloc 7"
    },
    {
      "type": "richtext",
      "id": "pbloc7",
      "label": "Texte bloc 7"
    },
    {
    "type": "image_picker",
    "id": "imgbloc8",
    "label": "Image bloc 8"
    },
    {
      "type": "text",
      "id": "h2bloc8",
      "label": "Titre bloc 8"
    },
    {
      "type": "richtext",
      "id": "pbloc8",
      "label": "Texte bloc 8"
    }
  ]
}
{% endschema %}