Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <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 %}
- {% if section.settings.imgbloc9 %}
- <div class="line line-image-left">
- <div class="line-item line-item1 image-left">
- <img src="{{ section.settings.imgbloc9 | img_url: 'master' }}" alt="image">
- </div>
- <div class="line-item line-item2 text-desc-right">
- {% endif %}
- {% if section.settings.h2bloc9 != blank or section.settings.pbloc9 != blank %}
- <div class="text-bloc">
- {% if section.settings.h2bloc9 != blank %}
- <h2>{{ section.settings.h2bloc9 }}</h2>
- {% endif %}
- {% if section.settings.pbloc9 != blank %}
- <p>{{ section.settings.pbloc9 }}</p>
- {% endif %}
- </div>
- {% endif %}
- {% if section.settings.imgbloc9 %}
- </div>
- </div>
- {% endif %}
- {% if section.settings.imgbloc10 %}
- <div class="line line-image-right">
- <div class="line-item line-item1 image-right">
- <img src="{{ section.settings.imgbloc10 | img_url: 'master' }}" alt="image">
- </div>
- <div class="line-item line-item2 text-desc-left">
- {% endif %}
- {% if section.settings.h2bloc10 != blank or section.settings.pbloc10 != blank %}
- <div class="text-bloc">
- {% if section.settings.h2bloc10 != blank %}
- <h2>{{ section.settings.h2bloc10 }}</h2>
- {% endif %}
- {% if section.settings.pbloc10 != blank %}
- <p>{{ section.settings.pbloc10 }}</p>
- {% endif %}
- </div>
- {% endif %}
- {% if section.settings.imgbloc10 %}
- </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"
- },
- {
- "type": "image_picker",
- "id": "imgbloc9",
- "label": "Image bloc 9"
- },
- {
- "type": "text",
- "id": "h2bloc9",
- "label": "Titre bloc 9"
- },
- {
- "type": "richtext",
- "id": "pbloc9",
- "label": "Texte bloc 9"
- },
- {
- "type": "image_picker",
- "id": "imgbloc10",
- "label": "Image bloc 10"
- },
- {
- "type": "text",
- "id": "h2bloc10",
- "label": "Titre bloc 10"
- },
- {
- "type": "richtext",
- "id": "pbloc10",
- "label": "Texte bloc 10"
- }
- ]
- }
- {% endschema %}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement