Advertisement
Guest User

Untitled

a guest
Feb 20th, 2020
127
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.09 KB | None | 0 0
  1. <div class="product-template__container page-width"
  2. id="ProductSection-{{ section.id }}"
  3. data-section-id="{{ section.id }}"
  4. data-section-type="product"
  5. data-enable-history-state="true"
  6. >
  7. {% comment %}
  8. Get first variant, or deep linked one
  9. {% endcomment %}
  10. {%- assign current_variant = product.selected_or_first_available_variant -%}
  11. {%- assign product_image_zoom_size = '1024x1024' -%}
  12. {%- assign product_image_scale = '2' -%}
  13. {%- assign enable_zoom = section.settings.enable_zoom -%}
  14. {%- assign compare_at_price = current_variant.compare_at_price -%}
  15. {%- assign price = current_variant.price -%}
  16.  
  17. {% case section.settings.image_size %}
  18. {% when 'small' %}
  19. {%- assign product_image_width = 'medium-up--two-fifths' -%}
  20. {%- assign product_info_width = 'medium-up--three-fifths' -%}
  21. {%- assign product_description_width = '' -%}
  22. {%- assign product_thumbnail_width = 'medium-up--one-quarter' -%}
  23. {%- assign height = 345 -%}
  24. {% when 'medium' %}
  25. {%- assign product_image_width = 'medium-up--one-half' -%}
  26. {%- assign product_info_width = 'medium-up--one-half' -%}
  27. {%- assign product_description_width = '' -%}
  28. {%- assign product_thumbnail_width = 'medium-up--one-quarter' -%}
  29. {%- assign height = 530 -%}
  30. {% when 'large' %}
  31. {%- assign product_image_width = 'medium-up--two-thirds' -%}
  32. {%- assign product_info_width = 'medium-up--one-third' -%}
  33. {%- assign product_description_width = '' -%}
  34. {%- assign product_thumbnail_width = 'medium-up--one-fifth' -%}
  35. {%- assign height = 720 -%}
  36. {% when 'full' %}
  37. {%- assign product_image_width = '' -%}
  38. {%- assign product_info_width = '' -%}
  39. {%- assign product_description_width = '' -%}
  40. {%- assign product_thumbnail_width = 'medium-up--one-eighth' -%}
  41. {%- assign height = 1090 -%}
  42. {%- assign enable_zoom = false -%}
  43. {% endcase %}
  44.  
  45. <div class="grid product-single{% if section.settings.enable_payment_button %} product-single--{{ section.settings.image_size }}-image{% endif %}">
  46. <div class="grid__item product-single__photos {{ product_image_width }}{% if section.settings.image_size == 'full' %} product-single__photos--full{% endif %}">
  47. {%- assign featured_image = product.selected_or_first_available_variant.featured_image | default: product.featured_image -%}
  48. {% for image in product.images %}
  49. {% capture img_id %}FeaturedImage-{{ section.id }}-{{ image.id }}{% endcapture %}
  50. {% capture img_class %}product-featured-img{% endcapture %}
  51. {% capture zoom_img_id %}FeaturedImageZoom-{{ section.id }}-{{ image.id }}{% endcapture %}
  52. {% capture img_wrapper_id %}{{ zoom_img_id }}-wrapper{% endcapture %}
  53. {%- assign img_url = image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
  54.  
  55. {% include 'image-style' with small_style: true, width: height, height: height, wrapper_id: img_wrapper_id, img_id: img_id %}
  56.  
  57. <div id="{{ img_wrapper_id }}" class="product-single__photo-wrapper js">
  58. <div
  59. id="{{ zoom_img_id }}"
  60. style="padding-top:{{ 1 | divided_by: image.aspect_ratio | times: 100}}%;"
  61. 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 %}"
  62. data-image-id="{{ image.id }}"
  63. {% if enable_zoom %} data-zoom="{{ image | img_url: product_image_zoom_size, scale: product_image_scale }}"{% endif %}>
  64. <img id="{{ img_id }}"
  65. class="feature-row__image {{ img_class }} lazyload{% unless featured_image == image %} lazypreload{% endunless %}"
  66. src="{{ image | img_url: '300x300' }}"
  67. data-src="{{ img_url }}"
  68. data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"
  69. data-aspectratio="{{ image.aspect_ratio }}"
  70. data-sizes="auto"
  71. tabindex="-1"
  72. alt="{{ image.alt | escape }}">
  73. </div>
  74. </div>
  75. {% endfor %}
  76.  
  77. <noscript>
  78. {% capture product_image_size %}{{ height }}x{% endcapture %}
  79. <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;">
  80. </noscript>
  81.  
  82. {% if product.images.size > 1 %}
  83. {% if product.images.size > 3 %}
  84. {%- assign enable_thumbnail_slides = true -%}
  85. {% endif %}
  86.  
  87. <div class="thumbnails-wrapper{% if enable_thumbnail_slides == true %} thumbnails-slider--active{% endif %}">
  88. {% if enable_thumbnail_slides == true %}
  89. <button type="button" class="btn btn--link medium-up--hide thumbnails-slider__btn thumbnails-slider__prev thumbnails-slider__prev--{{ section.id }}">
  90. {% include 'icon-chevron-left' %}
  91. <span class="icon__fallback-text">{{ 'sections.slideshow.previous_slide' | t }}</span>
  92. </button>
  93. {% endif %}
  94. <ul class="grid grid--uniform product-single__thumbnails product-single__thumbnails-{{ section.id }}">
  95. {% for image in product.images %}
  96. <li class="grid__item {{ product_thumbnail_width }} product-single__thumbnails-item js">
  97. <a href="{{ image.src | img_url: product_image_zoom_size, scale: product_image_scale }}"
  98. class="text-link product-single__thumbnail product-single__thumbnail--{{ section.id }}"
  99. data-thumbnail-id="{{ image.id }}"
  100. {% if enable_zoom %}data-zoom="{{ image.src | img_url: product_image_zoom_size, scale: product_image_scale }}"{% endif %}>
  101. <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 }}">
  102. </a>
  103. </li>
  104. {% endfor %}
  105. </ul>
  106. {% if enable_thumbnail_slides == true %}
  107. <button type="button" class="btn btn--link medium-up--hide thumbnails-slider__btn thumbnails-slider__next thumbnails-slider__next--{{ section.id }}">
  108. {% include 'icon-chevron-right' %}
  109. <span class="icon__fallback-text">{{ 'sections.slideshow.next_slide' | t }}</span>
  110. </button>
  111. {% endif %}
  112. </div>
  113. {% endif %}
  114. </div>
  115.  
  116. <div class="grid__item {{ product_info_width }}">
  117. <div class="product-single__meta {% if section.settings.centered_mobile %}centered-header{% endif %}">
  118.  
  119. <h1 class="product-single__title">{{ product.title }}</h1>
  120.  
  121. <div class="product__price price-product-page">
  122. {% include 'product-price', variant: current_variant %}
  123. </div>
  124.  
  125. {% if section.settings.show_product_stars %}
  126. <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>
  127. {% endif %}
  128.  
  129. {% if section.settings.show_fake_product_stars %}
  130. <a href="#looxReviews">
  131. <div class="star-icons">
  132. {% include 'icon-star' %}
  133. {% include 'icon-star' %}
  134. {% include 'icon-star' %}
  135. {% include 'icon-star' %}
  136. {% include 'icon-star-half' %}
  137. {% if section.settings.show_text_fake_product_stars %}
  138. <span class="star-icon-text">
  139. {{ section.settings.text_fake_product_stars }}
  140. </span>
  141. {% endif %}
  142. </div>
  143. </a>
  144. <script>
  145. $(document).on("click", 'a[href^="#"]', function (event) {
  146. event.preventDefault();
  147.  
  148. $("html, body").animate({
  149. scrollTop: $($.attr(this, "href")).offset().top
  150. },
  151. 500
  152. );
  153. });
  154.  
  155.  
  156. function init() {
  157. var vidDefer = document.getElementsByTagName('iframe');
  158. for (var i=0; i<vidDefer.length; i++) {
  159. if(vidDefer[i].getAttribute('data-src')) {
  160. vidDefer[i].setAttribute('src',vidDefer[i].getAttribute('data-src'));
  161. } } }
  162. window.onload = init;
  163. </script>
  164. {% endif %}
  165.  
  166. {%- if shop.taxes_included or shop.shipping_policy.body != blank -%}
  167. <div class="product__policies rte">
  168. {%- if shop.taxes_included -%}
  169.  
  170. {% if section.settings.show_free_shipping %}
  171. <div class="demo-solution demo-solution--flexbox argu">
  172. <img class="argu-little-icon" src="https://cdn.shopify.com/s/files/1/0014/5870/0353/t/8/assets/Truck.svg?9484899964775218409">
  173. <span>{{section.settings.free_shipping_text}}</span>
  174. </div>
  175. {% endif %}
  176.  
  177. {% if section.settings.show_secure %}
  178. <div class="demo-solution demo-solution--flexbox argu">
  179. <img class="argu-little-icon" src="https://cdn.shopify.com/s/files/1/0120/4148/6436/files/cart.png?15372986399046756297">
  180. <span>{{section.settings.secure_text}}</span>
  181. </div>
  182. {% endif %}
  183.  
  184. {%- endif -%}
  185. {%- if shop.shipping_policy.body != blank -%}
  186. {{ 'products.product.shipping_policy_html' | t: link: shop.shipping_policy.url }}
  187. {%- endif -%}
  188. </div>
  189. {%- endif -%}
  190.  
  191. {% if section.settings.show_quantity_selector %}
  192. <div id="error-quantity-{{ section.id }}" class="form-message form-message--error product__quantity-error hide" tabindex="-1">
  193. {% include 'icon-error' %} {{ 'products.product.quantity_minimum_message' | t }}
  194. </div>
  195. {% endif %}
  196.  
  197. {% capture "form_classes" -%}
  198. 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 %}
  199. {%- endcapture %}
  200.  
  201. {% form 'product', product, class:form_classes, novalidate: 'novalidate' %}
  202. {% unless product.has_only_default_variant %}
  203. {% for option in product.options_with_values %}
  204. <div class="selector-wrapper js product-form__item">
  205. <label class="{% if option.name == 'default' %}label--hidden{% endif %} label-variant" for="SingleOptionSelector-{{ forloop.index0 }}">
  206. <p class="label-text">{{ option.name }}</p>
  207. </label>
  208. <select class="single-option-selector single-option-selector-{{ section.id }} product-form__input variant-select" id="SingleOptionSelector-{{ forloop.index0 }}" data-index="option{{ forloop.index }}">
  209. {% for value in option.values %}
  210. <option value="{{ value | escape }}"{% if option.selected_value == value %} selected="selected"{% endif %}>{{ value }}</option>
  211. {% endfor %}
  212. </select>
  213. </div>
  214. {% endfor %}
  215. {% endunless %}
  216.  
  217. <select name="id" id="ProductSelect-{{ section.id }}" class="product-form__variants no-js">
  218. {% for variant in product.variants %}
  219. {% if variant.available %}
  220. <option {% if variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} value="{{ variant.id }}">
  221. {{ variant.title }}
  222. </option>
  223. {% else %}
  224. <option disabled="disabled">{{ variant.title }} - {{ 'products.product.sold_out' | t }}</option>
  225. {% endif %}
  226. {% endfor %}
  227. </select>
  228.  
  229. {% if section.settings.show_quantity_selector %}
  230. <div class="product-form__item product-form__item--quantity">
  231. <label class="label-quantity" for="Quantity-{{ section.id }}"><p class="label-text">{{ 'products.product.quantity' | t }}</p></label>
  232.  
  233. <div class="number-input">
  234. <div class="button-quantity" onclick="this.parentNode.querySelector('input[type=number]').stepDown()">
  235. {% include 'icon-remove-circle-outline' %}
  236. </div>
  237. <input class="quantity" type="number" id="Quantity-{{ section.id }}" name="quantity" value="1"
  238. min="1" class="product-form__input" pattern="[0-9]*">
  239.  
  240. <div class="button-quantity" onclick="this.parentNode.querySelector('input[type=number]').stepUp()">
  241. {% include 'icon-add-circle-outline' %}
  242. </div>
  243. </div>
  244.  
  245. </div>
  246. {% endif %}
  247. <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 %}">
  248. <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 %}">
  249. <span id="AddToCartText-{{ section.id }}">
  250. {% unless current_variant.available %}
  251. {{ 'products.product.sold_out' | t }}
  252. {% else %}
  253. {{ 'products.product.add_to_cart' | t }}
  254. {% endunless %}
  255. </span>
  256. </button>
  257. <div class="stickyAddToCart">
  258. <div class="texte-container-sticky">
  259.  
  260. <div class="product__price price-product-page sticky-price">
  261. {% include 'product-price', variant: current_variant %}
  262. </div>
  263. <span class="shipping-sticky">{{section.settings.free_shipping_text}}</span>
  264. </div>
  265. <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 %}">
  266. <span id="AddToCartText2-{{ section.id }}">
  267. {% unless current_variant.available %}
  268. {{ 'products.product.sold_out' | t }}
  269. {% else %}
  270. {{ 'products.product.add_to_cart' | t }}
  271. {% endunless %}
  272. </span>
  273. </button>
  274. </div>
  275. {% if section.settings.enable_payment_button %}
  276. {{ form | payment_button }}
  277. {% endif %}
  278. </div>
  279. {% endform %}
  280. </div>
  281.  
  282. {% if settings.timer_type == "1" %}
  283. {% include "timer-24hloop-script" %}
  284. {% endif %}
  285. {% if settings.timer_type == "2" %}
  286. {% include "timer-hc-script" %}
  287. {% endif %}
  288. {% if settings.timer_type == "3" %}
  289. {% include "timer-until-script" %}
  290. {% endif %}
  291.  
  292. {% if section.settings.show_widget_timer %}
  293. {% if settings.timer_type == "1" %}
  294. {% include "timer-24hloop-widget" %}
  295. {% endif %}
  296. {% if settings.timer_type == "2" %}
  297. {% include "timer-hc-widget" %}
  298. {% endif %}
  299. {% if settings.timer_type == "3" %}
  300. {% include "timer-until-widget" %}
  301. {% endif %}
  302. {% endif %}
  303.  
  304. <p class="visually-hidden" data-product-status
  305. aria-live="polite"
  306. role="status"
  307. ></p>
  308.  
  309. <div class="args-container">
  310. <div class="args-bloc args-bloc1">
  311. {% if section.settings.text_arg1 != blank %}
  312. <i class="arg-icon material-icons">{{ section.settings.icon_arg1 }}</i>
  313. <span class="arg">{{ section.settings.text_arg1 }}</span>
  314. <br>
  315. {% endif %}
  316. {% if section.settings.text_arg2_1 != blank or section.settings.text_arg2_2 != blank %}
  317. {% if settings.timer_type == "1" %}
  318. {% include "timer-24hloop-little-widget" %}
  319. {% endif %}
  320. {% if settings.timer_type == "2" %}
  321. {% include "timer-hc-little-widget" %}
  322. {% endif %}
  323. {% if settings.timer_type == "3" %}
  324. {% include "timer-until-little-widget" %}
  325. {% endif %}
  326. {% endif %}
  327. {% if section.settings.text_arg3_1 != blank or section.settings.text_arg3_2 != blank %}
  328. <i class="arg-icon material-icons">{{ section.settings.icon_arg3 }}</i>
  329. <span class="arg">{{ section.settings.text_arg3_1 }}</span>
  330.  
  331. {% if section.settings.show_real_stock %}
  332. <span class="flip-top arg">
  333. {% unless current_variant.available %}
  334. 0
  335. {% else %}
  336. {{ current_variant.inventory_quantity }}
  337. {% endunless %}
  338. </span>
  339. {% else %}
  340. <span class="flip-top arg" id="stock">9</span>
  341. {% endif %}
  342.  
  343. <span class="arg">{{ section.settings.text_arg3_2 }}</span>
  344. {% endif %}
  345. </div>
  346. <div class="args-bloc">
  347. {% if section.settings.text_arg4 != blank %}
  348. <i class="arg-icon material-icons">{{ section.settings.icon_arg4 }}</i>
  349. <span class="arg">{{ section.settings.text_arg4 }}</span>
  350. <br>
  351. {% endif %}
  352. {% if section.settings.text_arg5 != blank %}
  353. <i class="arg-icon material-icons">{{ section.settings.icon_arg5 }}</i>
  354. <span class="arg">{{ section.settings.text_arg5 }}</span>
  355. <br>
  356. {% endif %}
  357. {% if section.settings.text_arg6 != blank %}
  358. <i class="arg-icon material-icons">{{ section.settings.icon_arg6 }}</i>
  359. <span class="arg">{{ section.settings.text_arg6 }}</span>
  360. <br>
  361. {% endif %}
  362. <br>
  363. </div>
  364. </div>
  365. </div>
  366.  
  367. <div class="grid__item {{ product_description_width }}">
  368.  
  369. {% if section.settings.text_annonce != blank %}
  370. <div class="exist-to">
  371. <i class="material-icons">{{ section.settings.icon_annonce }}</i>
  372. <span>{{ section.settings.text_annonce }}</span>
  373. </div>
  374. {% endif %}
  375.  
  376. {% if section.settings.video_url != blank %}
  377. <div class="video-wrapper" style="margin-bottom: 30px;">
  378. {% if section.settings.video_url.type == "youtube" %}
  379. <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>
  380. {% endif %}
  381. </div>
  382. {% endif %}
  383.  
  384. <div class="product-single__description rte">
  385.  
  386. {{ product.description }}
  387.  
  388. <!--<div class="exist-to"><i class="material-icons">star</i> <span><b>NOUVEAU:</b> Existent aussi en noirs.</span></div><div>-->
  389. {% if section.settings.imgbloc1 %}
  390. <div class="line line-image-left">
  391. <div class="line-item line-item1 image-left">
  392. <img src="{{ section.settings.imgbloc1 | img_url: 'master' }}" alt="image">
  393. </div>
  394. <div class="line-item line-item2 text-desc-right">
  395. {% endif %}
  396. {% if section.settings.h2bloc1 != blank or section.settings.pbloc1 != blank %}
  397. <div class="text-bloc">
  398. {% if section.settings.h2bloc1 != blank %}
  399. <h2>{{ section.settings.h2bloc1 }}</h2>
  400. {% endif %}
  401. {% if section.settings.pbloc1 != blank %}
  402. <p>{{ section.settings.pbloc1 }}</p>
  403. {% endif %}
  404. </div>
  405. {% endif %}
  406. {% if section.settings.imgbloc1 %}
  407. </div>
  408. </div>
  409. {% endif %}
  410. {% if section.settings.imgbloc2 %}
  411. <div class="line line-image-right">
  412. <div class="line-item line-item1 image-right">
  413. <img src="{{ section.settings.imgbloc2 | img_url: 'master' }}" alt="image">
  414. </div>
  415. <div class="line-item line-item2 text-desc-left">
  416. {% endif %}
  417. {% if section.settings.h2bloc2 != blank or section.settings.pbloc2 != blank %}
  418. <div class="text-bloc">
  419. {% if section.settings.h2bloc2 != blank %}
  420. <h2>{{ section.settings.h2bloc2 }}</h2>
  421. {% endif %}
  422. {% if section.settings.pbloc2 != blank %}
  423. <p>{{ section.settings.pbloc2 }}</p>
  424. {% endif %}
  425. </div>
  426. {% endif %}
  427. {% if section.settings.imgbloc2 %}
  428. </div>
  429. </div>
  430. {% endif %}
  431. {% if section.settings.imgbloc3 %}
  432. <div class="line line-image-left">
  433. <div class="line-item line-item1 image-left">
  434. <img src="{{ section.settings.imgbloc3 | img_url: 'master' }}" alt="image">
  435. </div>
  436. <div class="line-item line-item2 text-desc-right">
  437. {% endif %}
  438. {% if section.settings.h2bloc3 != blank or section.settings.pbloc3 != blank %}
  439. <div class="text-bloc">
  440. {% if section.settings.h2bloc3 != blank %}
  441. <h2>{{ section.settings.h2bloc3 }}</h2>
  442. {% endif %}
  443. {% if section.settings.pbloc3 != blank %}
  444. <p>{{ section.settings.pbloc3 }}</p>
  445. {% endif %}
  446. </div>
  447. {% endif %}
  448. {% if section.settings.imgbloc3 %}
  449. </div>
  450. </div>
  451. {% endif %}
  452. {% if section.settings.imgbloc4 %}
  453. <div class="line line-image-right">
  454. <div class="line-item line-item1 image-right">
  455. <img src="{{ section.settings.imgbloc4 | img_url: 'master' }}" alt="image">
  456. </div>
  457. <div class="line-item line-item2 text-desc-left">
  458. {% endif %}
  459. {% if section.settings.h2bloc4 != blank or section.settings.pbloc4 != blank %}
  460. <div class="text-bloc">
  461. {% if section.settings.h2bloc4 != blank %}
  462. <h2>{{ section.settings.h2bloc4 }}</h2>
  463. {% endif %}
  464. {% if section.settings.pbloc4 != blank %}
  465. <p>{{ section.settings.pbloc4 }}</p>
  466. {% endif %}
  467. </div>
  468. {% endif %}
  469. {% if section.settings.imgbloc4 %}
  470. </div>
  471. </div>
  472. {% endif %}
  473. {% if section.settings.imgbloc5 %}
  474. <div class="line line-image-left">
  475. <div class="line-item line-item1 image-left">
  476. <img src="{{ section.settings.imgbloc5 | img_url: 'master' }}" alt="image">
  477. </div>
  478. <div class="line-item line-item2 text-desc-right">
  479. {% endif %}
  480. {% if section.settings.h2bloc5 != blank or section.settings.pbloc5 != blank %}
  481. <div class="text-bloc">
  482. {% if section.settings.h2bloc5 != blank %}
  483. <h2>{{ section.settings.h2bloc5 }}</h2>
  484. {% endif %}
  485. {% if section.settings.pbloc5 != blank %}
  486. <p>{{ section.settings.pbloc5 }}</p>
  487. {% endif %}
  488. </div>
  489. {% endif %}
  490. {% if section.settings.imgbloc5 %}
  491. </div>
  492. </div>
  493. {% endif %}
  494. {% if section.settings.imgbloc6 %}
  495. <div class="line line-image-right">
  496. <div class="line-item line-item1 image-right">
  497. <img src="{{ section.settings.imgbloc6 | img_url: 'master' }}" alt="image">
  498. </div>
  499. <div class="line-item line-item2 text-desc-left">
  500. {% endif %}
  501. {% if section.settings.h2bloc6 != blank or section.settings.pbloc6 != blank %}
  502. <div class="text-bloc">
  503. {% if section.settings.h2bloc6 != blank %}
  504. <h2>{{ section.settings.h2bloc6 }}</h2>
  505. {% endif %}
  506. {% if section.settings.pbloc6 != blank %}
  507. <p>{{ section.settings.pbloc6 }}</p>
  508. {% endif %}
  509. </div>
  510. {% endif %}
  511. {% if section.settings.imgbloc6 %}
  512. </div>
  513. </div>
  514. {% endif %}
  515. {% if section.settings.imgbloc7 %}
  516. <div class="line line-image-left">
  517. <div class="line-item line-item1 image-left">
  518. <img src="{{ section.settings.imgbloc7 | img_url: 'master' }}" alt="image">
  519. </div>
  520. <div class="line-item line-item2 text-desc-right">
  521. {% endif %}
  522. {% if section.settings.h2bloc7 != blank or section.settings.pbloc7 != blank %}
  523. <div class="text-bloc">
  524. {% if section.settings.h2bloc7 != blank %}
  525. <h2>{{ section.settings.h2bloc7 }}</h2>
  526. {% endif %}
  527. {% if section.settings.pbloc7 != blank %}
  528. <p>{{ section.settings.pbloc7 }}</p>
  529. {% endif %}
  530. </div>
  531. {% endif %}
  532. {% if section.settings.imgbloc7 %}
  533. </div>
  534. </div>
  535. {% endif %}
  536. {% if section.settings.imgbloc8 %}
  537. <div class="line line-image-right">
  538. <div class="line-item line-item1 image-right">
  539. <img src="{{ section.settings.imgbloc8 | img_url: 'master' }}" alt="image">
  540. </div>
  541. <div class="line-item line-item2 text-desc-left">
  542. {% endif %}
  543. {% if section.settings.h2bloc8 != blank or section.settings.pbloc8 != blank %}
  544. <div class="text-bloc">
  545. {% if section.settings.h2bloc8 != blank %}
  546. <h2>{{ section.settings.h2bloc8 }}</h2>
  547. {% endif %}
  548. {% if section.settings.pbloc8 != blank %}
  549. <p>{{ section.settings.pbloc8 }}</p>
  550. {% endif %}
  551. </div>
  552. {% endif %}
  553. {% if section.settings.imgbloc8 %}
  554. </div>
  555. </div>
  556. {% endif %}
  557. {% if section.settings.imgbloc9 %}
  558. <div class="line line-image-left">
  559. <div class="line-item line-item1 image-left">
  560. <img src="{{ section.settings.imgbloc9 | img_url: 'master' }}" alt="image">
  561. </div>
  562. <div class="line-item line-item2 text-desc-right">
  563. {% endif %}
  564. {% if section.settings.h2bloc9 != blank or section.settings.pbloc9 != blank %}
  565. <div class="text-bloc">
  566. {% if section.settings.h2bloc9 != blank %}
  567. <h2>{{ section.settings.h2bloc9 }}</h2>
  568. {% endif %}
  569. {% if section.settings.pbloc9 != blank %}
  570. <p>{{ section.settings.pbloc9 }}</p>
  571. {% endif %}
  572. </div>
  573. {% endif %}
  574. {% if section.settings.imgbloc9 %}
  575. </div>
  576. </div>
  577. {% endif %}
  578. {% if section.settings.imgbloc10 %}
  579. <div class="line line-image-right">
  580. <div class="line-item line-item1 image-right">
  581. <img src="{{ section.settings.imgbloc10 | img_url: 'master' }}" alt="image">
  582. </div>
  583. <div class="line-item line-item2 text-desc-left">
  584. {% endif %}
  585. {% if section.settings.h2bloc10 != blank or section.settings.pbloc10 != blank %}
  586. <div class="text-bloc">
  587. {% if section.settings.h2bloc10 != blank %}
  588. <h2>{{ section.settings.h2bloc10 }}</h2>
  589. {% endif %}
  590. {% if section.settings.pbloc10 != blank %}
  591. <p>{{ section.settings.pbloc10 }}</p>
  592. {% endif %}
  593. </div>
  594. {% endif %}
  595. {% if section.settings.imgbloc10 %}
  596. </div>
  597. </div>
  598. {% endif %}
  599. </div>
  600. </div>
  601.  
  602. {% if section.settings.show_share_buttons %}
  603. {% include 'social-sharing', share_title: product.title, share_permalink: product.url, share_image: product %}
  604. {% endif %}
  605. </div>
  606.  
  607. <div id="looxReviews" data-product-id="{{product.id}}"style=" @media (min-width: 760px) {margin: 0 20vw;}"></div>
  608.  
  609. </div>
  610. <br>
  611.  
  612. {% unless product == empty %}
  613. <script type="application/json" id="ProductJson-{{ section.id }}">
  614. {{ product | json }}
  615. </script>
  616. {% endunless %}
  617.  
  618. {% schema %}
  619. {
  620. "name": "Pages de produits",
  621. "settings": [
  622. {
  623. "type": "select",
  624. "id": "image_size",
  625. "label": "Taille des images",
  626. "options": [
  627. {
  628. "value": "small",
  629. "label": "Petite"
  630. },
  631. {
  632. "value": "medium",
  633. "label": "Moyenne"
  634. },
  635. {
  636. "value": "large",
  637. "label": "Grande"
  638. },
  639. {
  640. "value": "full",
  641. "label": "Pleine largeur"
  642. }
  643. ],
  644. "default": "small"
  645. },
  646.  
  647. {
  648. "type":"header",
  649. "content":"Informations"
  650. },
  651. {
  652. "type":"checkbox",
  653. "id":"centered_mobile",
  654. "label":"Centrer le titre du produit sur mobile",
  655. "default": true
  656. },
  657. {
  658. "type": "checkbox",
  659. "id": "show_quantity_selector",
  660. "label": "Afficher le sélecteur de quantité",
  661. "default": true
  662. },
  663. {
  664. "type": "checkbox",
  665. "id": "show_variant_labels",
  666. "label": "Afficher le nom des variantes",
  667. "default": true
  668. },
  669. {
  670. "type": "checkbox",
  671. "id": "show_vendor",
  672. "label": "Afficher les vendeurs",
  673. "default": false
  674. },
  675. {
  676. "type": "checkbox",
  677. "id": "enable_zoom",
  678. "label": "Activer le zoom d'image",
  679. "default": false
  680. },
  681. {
  682. "type": "checkbox",
  683. "id": "enable_payment_button",
  684. "label": "Afficher le bouton de passage à la caisse dynamique",
  685. "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)",
  686. "default": false
  687. },
  688. {
  689. "type": "checkbox",
  690. "id": "show_product_stars",
  691. "label": "Afficher les étoiles de notation Loox",
  692. "default": false
  693. },
  694. {
  695. "type": "checkbox",
  696. "id": "show_fake_product_stars",
  697. "label": "Afficher les fausses étoiles de notation",
  698. "info": "Nous ne serons pas tenus responsable de l'utilisation de fausses étoiles de notation.",
  699. "default": true
  700. },
  701. {
  702. "type": "checkbox",
  703. "id": "show_text_fake_product_stars",
  704. "label": "Afficher un texte concernant les avis",
  705. "default": true
  706. },
  707. {
  708. "type": "text",
  709. "id": "text_fake_product_stars",
  710. "label": "Texte concernant les avis",
  711. "default": "(4,7/5 Avis clients)"
  712. },
  713. {
  714. "type": "checkbox",
  715. "id": "show_share_buttons",
  716. "label": "Affichez les boutons de partage sur les médias sociaux",
  717. "default": false
  718. },
  719.  
  720. {
  721. "type":"header",
  722. "content":"Icons de confiance"
  723. },
  724. {
  725. "type": "checkbox",
  726. "id": "show_secure",
  727. "label": "Afficher l'icon de paiement sécurisé",
  728. "default": true
  729. },
  730. {
  731. "type":"text",
  732. "id":"secure_text",
  733. "label":"Texte",
  734. "default": "Paiement sécurisé"
  735. },
  736. {
  737. "type": "checkbox",
  738. "id": "show_free_shipping",
  739. "label": "Afficher l'icon de livraison offerte",
  740. "default": true
  741. },
  742. {
  743. "type":"text",
  744. "id":"free_shipping_text",
  745. "label":"Texte",
  746. "default": "Livraison offerte"
  747. },
  748.  
  749. {
  750. "type":"header",
  751. "content":"Widget Timer avec barre",
  752. "info": "Plus d'options dans Paramètres de thème > Timer"
  753. },
  754. {
  755. "type":"checkbox",
  756. "id":"show_widget_timer",
  757. "label":"Afficher le widget timer",
  758. "default": false
  759. },
  760. {
  761. "type":"text",
  762. "id":"timer_text",
  763. "label":"Texte du widget",
  764. "default": "FIN DE L'OFFRE DE LANCEMENT"
  765. },
  766.  
  767. {
  768. "type":"header",
  769. "content":"Barre d\'annonce'"
  770. },
  771. {
  772. "type":"text",
  773. "id":"icon_annonce",
  774. "label":"Icon",
  775. "default": "whatshot",
  776. "info":"Retrouver la [liste des icons ici.](https://material.io/resources/icons/?style=baseline)"
  777. },
  778. {
  779. "type":"text",
  780. "id":"text_annonce",
  781. "label":"Texte",
  782. "default": "NOUVEAU: Existe aussi en rouge."
  783. },
  784.  
  785. {
  786. "type":"header",
  787. "content":"Arguments",
  788. "info":"Retrouver la [liste des icons ici.](https://material.io/resources/icons/?style=baseline)"
  789. },
  790. {
  791. "type":"text",
  792. "id":"icon_arg1",
  793. "label":"Argument 1: Icon",
  794. "default": "whatshot"
  795. },
  796. {
  797. "type":"text",
  798. "id":"text_arg1",
  799. "label":"Argument 1: Texte",
  800. "default": "<b>Offre de lancement limitée.</b>"
  801. },
  802. {
  803. "type":"text",
  804. "id":"icon_arg2",
  805. "label":"Argument 2: Icon",
  806. "default": "alarm"
  807. },
  808. {
  809. "type":"text",
  810. "id":"text_arg2_1",
  811. "label":"Argument 2: Texte début",
  812. "default": "Il reste"
  813. },
  814. {
  815. "type":"text",
  816. "id":"text_arg2_2",
  817. "label":"Argument 2: Texte fin",
  818. "default": "avant la fin de l'offre."
  819. },
  820. {
  821. "type":"checkbox",
  822. "id":"show_real_stock",
  823. "label":"Afficher le vrai stock",
  824. "default": false
  825. },
  826. {
  827. "type":"text",
  828. "id":"icon_arg3",
  829. "label":"Argument 3: Icon",
  830. "default": "inbox"
  831. },
  832. {
  833. "type":"text",
  834. "id":"text_arg3_1",
  835. "label":"Argument 3: Texte début",
  836. "default": "Plus que"
  837. },
  838. {
  839. "type":"text",
  840. "id":"text_arg3_2",
  841. "label":"Argument 3: Texte fin",
  842. "default": "produits en promotion en stock."
  843. },
  844. {
  845. "type":"text",
  846. "id":"icon_arg4",
  847. "label":"Argument 4: Icon",
  848. "default": "store"
  849. },
  850. {
  851. "type":"text",
  852. "id":"text_arg4",
  853. "label":"Argument 4: Texte",
  854. "default": "Introuvable en magasin."
  855. },
  856. {
  857. "type":"text",
  858. "id":"icon_arg5",
  859. "label":"Argument 5: Icon",
  860. "default": "verified_user"
  861. },
  862. {
  863. "type":"text",
  864. "id":"text_arg5",
  865. "label":"Argument 5: Texte",
  866. "default": "Recommandé par les spécialistes."
  867. },
  868. {
  869. "type":"text",
  870. "id":"icon_arg6",
  871. "label":"Argument 6: Icon",
  872. "default": "tag_faces"
  873. },
  874. {
  875. "type":"text",
  876. "id":"text_arg6",
  877. "label":"Argument 6: Texte",
  878. "default": "Plus de 14 000 clients satisfaits. "
  879. },
  880.  
  881. {
  882. "type":"header",
  883. "content":"Vidéo"
  884. },
  885. {
  886. "id": "video_url",
  887. "type": "video_url",
  888. "label": "Lien vidéo (Youtube)",
  889. "accept": ["youtube"],
  890. "default": "https://www.youtube.com/watch?v=_9VUPq3SxOc",
  891. "info": "Lien vidéo (Youtube)",
  892. "placeholder": "Text"
  893. },
  894.  
  895. {
  896. "type":"header",
  897. "content":"Description en blocs"
  898. },
  899. {
  900. "type": "image_picker",
  901. "id": "imgbloc1",
  902. "label": "Image bloc 1"
  903. },
  904. {
  905. "type": "text",
  906. "id": "h2bloc1",
  907. "label": "Titre bloc 1"
  908. },
  909. {
  910. "type": "richtext",
  911. "id": "pbloc1",
  912. "label": "Texte bloc 1"
  913. },
  914. {
  915. "type": "image_picker",
  916. "id": "imgbloc2",
  917. "label": "Image bloc 2"
  918. },
  919. {
  920. "type": "text",
  921. "id": "h2bloc2",
  922. "label": "Titre bloc 2"
  923. },
  924. {
  925. "type": "richtext",
  926. "id": "pbloc2",
  927. "label": "Texte bloc 2"
  928. },
  929. {
  930. "type": "image_picker",
  931. "id": "imgbloc3",
  932. "label": "Image bloc 3"
  933. },
  934. {
  935. "type": "text",
  936. "id": "h2bloc3",
  937. "label": "Titre bloc 3"
  938. },
  939. {
  940. "type": "richtext",
  941. "id": "pbloc3",
  942. "label": "Texte bloc 3"
  943. },
  944. {
  945. "type": "image_picker",
  946. "id": "imgbloc4",
  947. "label": "Image bloc 4"
  948. },
  949. {
  950. "type": "text",
  951. "id": "h2bloc4",
  952. "label": "Titre bloc 4"
  953. },
  954. {
  955. "type": "richtext",
  956. "id": "pbloc4",
  957. "label": "Texte bloc 4"
  958. },
  959. {
  960. "type": "image_picker",
  961. "id": "imgbloc5",
  962. "label": "Image bloc 5"
  963. },
  964. {
  965. "type": "text",
  966. "id": "h2bloc5",
  967. "label": "Titre bloc 5"
  968. },
  969. {
  970. "type": "richtext",
  971. "id": "pbloc5",
  972. "label": "Texte bloc 5"
  973. },
  974. {
  975. "type": "image_picker",
  976. "id": "imgbloc6",
  977. "label": "Image bloc 6"
  978. },
  979. {
  980. "type": "text",
  981. "id": "h2bloc6",
  982. "label": "Titre bloc 6"
  983. },
  984. {
  985. "type": "richtext",
  986. "id": "pbloc6",
  987. "label": "Texte bloc 6"
  988. },
  989. {
  990. "type": "image_picker",
  991. "id": "imgbloc7",
  992. "label": "Image bloc 7"
  993. },
  994. {
  995. "type": "text",
  996. "id": "h2bloc7",
  997. "label": "Titre bloc 7"
  998. },
  999. {
  1000. "type": "richtext",
  1001. "id": "pbloc7",
  1002. "label": "Texte bloc 7"
  1003. },
  1004. {
  1005. "type": "image_picker",
  1006. "id": "imgbloc8",
  1007. "label": "Image bloc 8"
  1008. },
  1009. {
  1010. "type": "text",
  1011. "id": "h2bloc8",
  1012. "label": "Titre bloc 8"
  1013. },
  1014. {
  1015. "type": "richtext",
  1016. "id": "pbloc8",
  1017. "label": "Texte bloc 8"
  1018. },
  1019. {
  1020. "type": "image_picker",
  1021. "id": "imgbloc9",
  1022. "label": "Image bloc 9"
  1023. },
  1024. {
  1025. "type": "text",
  1026. "id": "h2bloc9",
  1027. "label": "Titre bloc 9"
  1028. },
  1029. {
  1030. "type": "richtext",
  1031. "id": "pbloc9",
  1032. "label": "Texte bloc 9"
  1033. },
  1034. {
  1035. "type": "image_picker",
  1036. "id": "imgbloc10",
  1037. "label": "Image bloc 10"
  1038. },
  1039. {
  1040. "type": "text",
  1041. "id": "h2bloc10",
  1042. "label": "Titre bloc 10"
  1043. },
  1044. {
  1045. "type": "richtext",
  1046. "id": "pbloc10",
  1047. "label": "Texte bloc 10"
  1048. }
  1049. ]
  1050. }
  1051. {% endschema %}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement