Guest User

Untitled

a guest
Oct 29th, 2019
178
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style>
  2. {% if section.settings.variant_swacth == 'two' %}
  3. .selector-wrapper {
  4. display:none;
  5. }
  6. {% endif %}
  7. .product-description {
  8. margin-bottom: 12px;
  9. }
  10. </style>
  11. <script>
  12. {% if section.settings.buy_it_now_action == 'direct_to_cart' %}var buyitnowaction = true;{% else %}var buyitnowaction = false;{% endif %}{% if section.settings.enable_related_upsell %}var relatedupsellenable = true;{% else %}var relatedupsellenable = false;{% endif %}{% if section.settings.buy_it_now_action == 'thank_you_message' %}var thankmsg = true;{% else %}var thankmsg = false;{% endif %}{% if section.settings.buy_it_now_action == 'direct_to_checkout' %}var drchkout = true;{% else %}var drchkout = false;{% endif %}
  13. {% if section.settings.enable_sticky %}var eblstcky = true;{% else %}var eblstcky = false;{% endif %}{% if section.settings.enable_payment_button %}var ebl_pay_but = true;var addToCartBtnLabel_1 = "{{ 'products.dynamic_checkout_buttons.add_to_cart_text_when_dynamic_checkout_buttons_enable' | t }}";{% else %}var ebl_pay_but = false;var addToCartBtnLabel_1 = "{{ 'products.product.add_to_cart' | t }}";{% endif %}{% if section.settings.visitor_counter_enable %}var visitorcountr = true;{% else %}var visitorcountr = false;{% endif %}
  14. </script>
  15. <div class="product-template__container product-{{ product.id }} page-width" itemscope itemtype="http://schema.org/Product" id="ProductSection-{{ section.id }}" data-section-id="{{ section.id }}" data-section-type="product" data-enable-history-state="true">
  16. {% if product.metafields.loox.num_reviews %}
  17. <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
  18. <meta itemprop="ratingValue" content="{{ product.metafields.loox.avg_rating }}"/>
  19. <meta itemprop="ratingCount" content="{{ product.metafields.loox.num_reviews }}"/>
  20. </div>
  21. {% endif %}
  22. <meta itemprop="name" content="{{ product.title }}">
  23. <meta itemprop="url" content="{{ shop.url }}{{ product.url }}">
  24. <meta itemprop="image" content="{{ product.featured_image.src | img_url: '800x' }}">
  25.  
  26. {% comment %}
  27. Get first variant, or deep linked one
  28. {% endcomment %}
  29. {%- assign current_variant = product.selected_or_first_available_variant -%}
  30.  
  31. {%- assign product_image_zoom_size = '1024x1024' -%}
  32. {%- assign product_image_scale = '2' -%}
  33. {%- assign enable_zoom = section.settings.enable_zoom -%}
  34.  
  35. <div class="grid product-single">
  36. <div class="grid__item product-single__photos medium-up--one-half">
  37. {%- assign featured_image = product.featured_image -%}
  38. {% for image in product.images %}
  39. {% capture img_id %}FeaturedImage-{{ section.id }}-{{ image.id }}{% endcapture %}
  40. {% capture img_class %}product-featured-img{% endcapture %}
  41. {% capture zoom_img_id %}FeaturedImageZoom-{{ section.id }}-{{ image.id }}{% endcapture %}
  42. {% capture img_wrapper_id %}{{ zoom_img_id }}-wrapper{% endcapture %}
  43. {%- assign img_url = image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
  44.  
  45. {% include 'image-style' with small_style: true, width: 530, height: 530, wrapper_id: img_wrapper_id, img_id: img_id %}
  46.  
  47. <div id="{{ img_wrapper_id }}" class="product-single__photo-wrapper small--hide js">
  48. <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 %}>
  49. <img id="{{ img_id }}"
  50. class="feature-row__image {{ img_class }} lazyload{% unless featured_image == image %} lazypreload{% endunless %}"
  51. src="{{ image | img_url: '300x300' }}"
  52. data-src="{{ img_url }}"
  53. data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"
  54. data-aspectratio="{{ image.aspect_ratio }}"
  55. data-sizes="auto"
  56. alt="{{ image.alt | escape }}">
  57. </div>
  58. </div>
  59. {% endfor %}
  60.  
  61. <noscript>
  62. {% capture product_image_size %}530x{% endcapture %}
  63. <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: 530px;">
  64. </noscript>
  65.  
  66.  
  67. {% if product.images.size > 1 %}
  68. {%- assign enable_thumbnail_slides = true -%}
  69. {% endif %}
  70.  
  71. <div class="thumbnails-wrapper {% if product.images.size == 1 %}medium-up--hide{% endif %}{% if enable_thumbnail_slides == true %} thumbnails-slider--active{% endif %}">
  72. {% if enable_thumbnail_slides == true %}
  73. <button type="button" class="btn btn--link small--hide thumbnails-slider__btn thumbnails-slider__prev thumbnails-slider__prev--{{ section.id }}">
  74. {% include 'icon-chevron-left' %}
  75. <span class="icon__fallback-text">{{ 'sections.slideshow.previous_slide' | t }}</span>
  76. </button>
  77. {% endif %}
  78. <ul class="grid grid--uniform product-single__thumbnails product-single__thumbnails-{{ section.id }}">
  79. {% for image in product.images %}
  80. <li class="grid__item {% unless enable_thumbnail_slides == true %}{{ product_thumbnail_width }} {% endunless %}{% if product.images.size > 1 %}product-single__thumbnails-item{% endif %} js">
  81. <a href="{{ image.src | img_url: product_image_zoom_size, scale: product_image_scale }}"
  82. class="text-link product-single__thumbnail product-single__thumbnail--{{ section.id }}"
  83. data-thumbnail-id="{{ image.id }}"
  84. {% if enable_zoom %}data-zoom="{{ image.src | img_url: product_image_zoom_size, scale: product_image_scale }}"{% endif %}>
  85. <img class="product-single__thumbnail-image medium-up--hide" src="{{ image.src | img_url: '480x480', scale: 2 }}" alt="{{ image.alt | escape }}">
  86. <img class="product-single__thumbnail-image small--hide" src="{{ image.src | img_url: 'compact' }}" alt="{{ image.alt | escape }}">
  87. </a>
  88. </li>
  89. {% endfor %}
  90. </ul>
  91. {% if enable_thumbnail_slides == true %}
  92. <button type="button" class="btn btn--link small--hide thumbnails-slider__btn thumbnails-slider__next thumbnails-slider__next--{{ section.id }}">
  93. {% include 'icon-chevron-right' %}
  94. <span class="icon__fallback-text">{{ 'sections.slideshow.next_slide' | t }}</span>
  95. </button>
  96. {% endif %}
  97. </div>
  98.  
  99. <form style="display: none;" method="post" action="/cart">
  100.  
  101. <input type="submit" class="custome_checkout" value="checkout" name="checkout"/>
  102.  
  103. </form>
  104. </div>
  105. <div class="grid__item medium-up--one-half">
  106. <div class="product-single__meta">
  107.  
  108. <h1 itemprop="name" class="product-single__title heading">{{ product.title }}</h1>
  109. <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>
  110.  
  111. {% if section.settings.show_vendor %}
  112. <p itemprop="brand" class="product-single__vendor">{{ product.vendor }}</p>
  113. {% endif %}
  114.  
  115. <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
  116. <meta itemprop="priceCurrency" content="{{ shop.currency }}">
  117.  
  118. <link itemprop="availability" href="http://schema.org/{% if product.available %}InStock{% else %}OutOfStock{% endif %}">
  119.  
  120. <p class="product-single__price product-single__price-{{ section.id }}{% unless current_variant.available %} product-price--sold-out{% endunless %}">
  121. {% if current_variant.compare_at_price > current_variant.price %}
  122. <span class="visually-hidden">{{ 'products.product.regular_price' | t }}</span>
  123. <s id="ComparePrice-{{ section.id }}">{{ current_variant.compare_at_price | money }}</s>
  124. <span class="product-price__price product-price__price-{{ section.id }} product-price__sale product-price__sale--single">
  125. <span id="ProductPrice-{{ section.id }}"
  126. itemprop="price" content="{{ current_variant.price | divided_by: 100.00 }}">
  127. {{ current_variant.price | money }}
  128. </span>
  129. {% if section.settings.show_saved_amount %}
  130. <!-- Dscount price in percentage -->
  131. <span class="save_discount_pro">
  132. {% if current_variant.compare_at_price > current_variant.price %}
  133. {% if settings.show_discount_amount == 'percent_save' %}
  134. <span class="per_discount">
  135. {% comment %}
  136. {% endcomment %}
  137. {% assign money_pro_format = shop.money_format | strip_html | json %}
  138.  
  139. {% if money_pro_format contains "${{amount_no_decimals}}" or money_pro_format contains "${{amount_no_decimals_with_comma_separator}}" %}
  140. {{ current_variant.compare_at_price | minus: current_variant.price | times: 100.0 | divided_by: current_variant.compare_at_price | times: 100 | money_without_currency | replace:",","." | replace: '.0', '' }}{{ 'products.product.on_save' | t }}
  141. {% elsif money_pro_format contains "${{amount_with_comma_separator}}" %}
  142. {{ current_variant.compare_at_price | minus: current_variant.price | times: 100.0 | divided_by: current_variant.compare_at_price | money_without_currency | replace:",","." | times: 100 | replace: '.0', '' }}{{ 'products.product.on_save' | t }}
  143. {% else %}
  144. {{ current_variant.compare_at_price | minus: current_variant.price | times: 100.0 | divided_by: current_variant.compare_at_price | money_without_currency | times: 100 | replace: '.0', ''}}{{ 'products.product.on_save' | t }}
  145. {% endif %}
  146. </span>
  147. <!-- Dscount price in percentage -->
  148. {% else %}
  149. <span class="sale-tag salePrice large">
  150. {% assign sale = current_variant.compare_at_price | minus: current_variant.price | money %}
  151. {{ 'products.product.on_save_like_price' | t }} {{sale}}
  152. </span>
  153. {% endif %}
  154. {% endif %}
  155. </span>
  156. {% endif %}
  157. </span>
  158. {% else %}
  159. <span class="visually-hidden">{{ 'products.product.regular_price' | t }}</span>
  160. <s id="ComparePrice-{{ section.id }}" class="hide">{{ current_variant.compare_at_price | money }}</s>
  161. <span class="product-price__price product-price__price-{{ section.id }}">
  162. <span id="ProductPrice-{{ section.id }}"
  163. itemprop="price" content="{{ current_variant.price | divided_by: 100.00 }}">
  164. {{ current_variant.price | money }}
  165. </span>
  166. {% if section.settings.show_saved_amount %}
  167. <span class="save_discount_pro hide">
  168. </span>
  169. {% endif %}
  170.  
  171. </span>
  172. {% endif %}
  173. </p>
  174. {% comment %}
  175. {% if current_variant.price != 0 %}
  176. {% else %}
  177. <p class="free_itm">
  178. {{ 'collections.tag.free_text' | t }}</p>
  179. {% endif %}
  180. {% endcomment %}
  181. {% if section.settings.product_review %}
  182. <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
  183. {% endif %}
  184. {% if section.settings.product_description == 'under_the_price'%}
  185. <div class="product-single__description rte" itemprop="description">
  186. <ul class="tabs">
  187. <li><a href="#tab-1">{{ 'products.product_tab.product_tab_1' | t }}</a></li>
  188.  
  189. </ul>
  190. <div id="tab-1">
  191. <div class="product-description">
  192. {{ product.description }}
  193. </div>
  194. </div>
  195.  
  196. </div>
  197. {% endif %}
  198.  
  199. {%- capture "form_classes" -%}
  200. 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 %}
  201. {%- endcapture %}
  202.  
  203. {% form 'product', product, id: "AddToCartForm", class:form_classes, data-product-id: "{{ product.id }}", data-section: "{{ section.id }}", data-product: "{{ product | json | escape }}" %}
  204.  
  205. <div id="uploadery-container"></div>
  206.  
  207. {% if section.settings.show_quantity_selector %}
  208. <div class="product-form__item one-whole medium-up--hide product-form__item--quantity_1 prod_qty_mobile">
  209. <label for="Quantity">{{ 'products.product.quantity' | t }}</label>
  210. <div class="qty_selector">
  211. <span class='qtyminus' field='quantity'>{% include 'icon-minus' %}</span>
  212. <input type="number" id="Quantity" name="quantity" value="1" min="1" class="product-form__input qty" pattern="[0-9]*">
  213. <span class='qtyplus' field='quantity'>{% include 'icon-plus' %}</span>
  214. </div>
  215. </div>
  216. {% else %}
  217. <input type="hidden" id="Quantity" name="quantity" value="1" class="product-form__input prod_qty_mobile">
  218. {% endif %}
  219.  
  220. {% unless product.has_only_default_variant %}
  221. {% if section.settings.show_tags %}
  222. <div class="prod_tags">
  223. <h5>{{ 'products.product.tags' | t }} : </h5>
  224. {% for tag in product.tags %}
  225. <span>{{ tag }}</span>
  226. {% endfor %}
  227. </div>
  228. {% endif %}
  229. {% for option in product.options_with_values %}
  230.  
  231. <div class="selector-wrapper small--one-whole js product-form__item">
  232. <label {% if option.name == 'default' %}class="label--hidden" {% endif %}for="SingleOptionSelector-{{ forloop.index0 }}">
  233. {{ option.name }}
  234. </label>
  235. <select class="single-option-selector single-option-selector-{{ section.id }} product-form__input" id="SingleOptionSelector-{{ forloop.index0 }}" data-index="option{{ forloop.index }}">
  236. {% for value in option.values %}
  237. <option value="{{ value | escape }}"{% if option.selected_value == value %} selected="selected"{% endif %}>{{ value }}</option>
  238. {% endfor %}
  239. </select>
  240. </div>
  241. {% endfor %}
  242. {% endunless %}
  243.  
  244. <select name="id" id="ProductSelect-{{ section.id }}" data-section="{{ section.id }}" class="product-form__variants no-js">
  245. {% for variant in product.variants %}
  246. {% if variant.available %}
  247. <option {% if variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} value="{{ variant.id }}">
  248. {{ variant.title }}
  249. </option>
  250. {% else %}
  251. <option disabled="disabled">{{ variant.title }} - {{ 'products.product.sold_out' | t }}</option>
  252. {% endif %}
  253. {% endfor %}
  254. </select>
  255.  
  256. <!-- PRODUCT SWATCH CODE IF ENABLE -->
  257. {% if section.settings.variant_swacth == 'two' %}
  258. {% if product.variants.size > 1 %}
  259. <div class="swatch_options">
  260. {% for option in product.options %}
  261. {% include 'swatch' with option %}
  262. {% endfor %}
  263. </div>
  264. {% endif %}
  265. {% endif %}
  266. <!-- END PRODUCT SWATCH CODE IF ENABLE -->
  267. {% include 'product-page-features' %}
  268. <input required type="hidden" id="upsellcheckquantity" name="properties[upsellcheckquantity]">
  269. {% endform %}
  270.  
  271. {% if section.settings.enable_sticky %}
  272.  
  273. <style>
  274.  
  275. @media(max-width:749px) {
  276. /* .counter_box.show{display:none !important;} */
  277. /*
  278. div#progressBar{
  279. display:none !important;
  280. }
  281. .counter_box.show {
  282. display: none !important;
  283. } */
  284.  
  285. .product-form__item.product-form__item--quantity,
  286. .product-form__item.product-form__item--quantity + div {
  287. display : none !important;
  288. }
  289.  
  290. .only_desktop{
  291. display:none !important;
  292. }
  293. #AddToCartForm .cst-small-crtbtn button#AddToCart,
  294. #AddToCartForm .qty_stickyfor button#AddToCart,
  295. #AddToCartForm .qty_stickyfor button#AddToCartZero {
  296. display:none;
  297. }
  298. #AddToCartForm .qty_stickyfor .ajaxified-cart-feedback{
  299. display:none!important;
  300. }
  301. .stiky_form div#mst-stiky-box {
  302. left: 0 !important;
  303. width: 100%;
  304. right:0;
  305. }
  306. .price-lable {
  307. font-size: 16px !important;
  308. font-weight: 500 !important;
  309. text-align: center;
  310. margin-bottom: 12px;
  311. }
  312. .mst-stiky-div.fix-search {
  313. position: fixed;
  314. top: 8px;
  315. z-index: 999;
  316. width: 310px;
  317. right: 0;
  318. display: block!important;
  319. }
  320. {% if section.settings.enable_payment_button %}
  321. .stiky_form div#mst-stiky-box {
  322. padding-bottom: 70px;
  323. }
  324. .shopify-payment-button {
  325. position: fixed;
  326. bottom: -20px;
  327. width: 100%;
  328. z-index: 1000;
  329. left: auto;
  330. right: 0;
  331. padding-left: 10px;
  332. padding-right: 10px;
  333. }
  334. {% endif %}
  335. }
  336.  
  337. @media(min-width:750px){
  338.  
  339.  
  340.  
  341. button#AddToCart {
  342. visibility: visible !important;
  343. }
  344.  
  345. }
  346. </style>
  347.  
  348. {% if section.settings.enable_buy_it_stiky_qty %}
  349. <style>
  350. @media screen and (max-width:749px) {
  351. #mst-stiky-box div#sticky_btnn.product-form__item--quantity{ display:none !important; }
  352. #AddToCartForm1.stiky_form button#AddToCart{ width:100% !important; }
  353. #progress_bar1,#progressBar{ display: none !important; }
  354. }
  355. {% if section.settings.enable_buy_it_stiky_qty and section.settings.sticky_button == 'show_progress_bar' %}
  356. #progress_bar2,#progressBar1{ display: block !important; }
  357. #AddToCartForm1.stiky_form .product-form__item.product-form__item--quantity input#Quantity {
  358. padding: 9px;
  359. }
  360. {% endif %}
  361.  
  362. </style>
  363. {% else %}
  364.  
  365. <style>
  366. @media screen and (max-width:749px) {
  367. #mst-stiky-box div#sticky_btnn.product-form__item--quantity{ display:block !important;float: left;width: 25% !important;padding-right: 0 !important; }
  368. }
  369. </style>
  370.  
  371. {% endif %}
  372.  
  373.  
  374. {% assign price_var1=current_variant.price | withoutmoney %}
  375. <div id="AddToCartForm1" class="product-form product-form-{{ section.id }}{% unless section.settings.show_variant_labels %} product-form--hide-variant-labels{% endunless %} stiky_form{% if price_var1 == 0 %} zerocost_from_box {% endif %}" data-section="{{ section.id }}" >
  376. <div id="mst-stiky-box" class="mst-stiky-div">
  377. {% if section.settings.enable_timer_stg_on == 'enable_timer_stg_on' %}
  378. {% if section.settings.sticky_button == 'show_timer' %}
  379. {% assign tg = 'show' %}
  380.  
  381. {% if settings.disable_timer_use_tag %}
  382. {% for tag in product.tags %}
  383. {% if "no-timer" == tag %}
  384. {% assign tg = 'hide' %}
  385. {% endif %}
  386. {% endfor %}
  387. {% endif %}
  388.  
  389. {% if current_variant.compare_at_price > current_variant.price %}
  390. <div class="price-lable {{tg }}">{{ 'products.product.sticky_timer_text' | t }}
  391. {% include 'sticky_timer_mobile'%}
  392. </div>
  393. {% else %}
  394. {% unless settings.disable_timer_regular_price %}
  395. <div class="price-lable {{tg }}">{{ 'products.product.sticky_timer_text' | t }}
  396. {% include 'sticky_timer_mobile'%}
  397. </div>
  398. {% endunless %}
  399. {% endif %}
  400.  
  401.  
  402. {% endif %}
  403. {% endif %}
  404. {% if section.settings.sticky_button == 'show_progress_bar' %}
  405. {% include 'product-progress-bar-mobile' %}
  406. {% endif %}
  407.  
  408. {% if price_var1 == 0 %}
  409.  
  410.  
  411. {{product.metafields.easycustomfield.customfieldsinput}}
  412.  
  413. <button type="button" name="add" id="AddToCartZero" class="btn_sp btn stiky_button{% if section.settings.enable_payment_button %} dynamic_paybtn {% endif %}{% if section.settings.shake_effect_enable %} js-cartButtonPro-addToCartButton hvr-wobble-horizontal{% endif %}">
  414. <span id="AddToCartText">{{ 'products.product.free_add_to_cart' | t }}</span>
  415. </button>
  416. {% else %}
  417. {% assign zeroCost='' %}
  418. <button type="button" name="add" id="AddToCart" class="btn_sp addtocart_btn stiky_button{% if section.settings.enable_payment_button %} dynamic_paybtn {% endif %}{% if section.settings.shake_effect_enable %} js-cartButtonPro-addToCartButton hvr-wobble-horizontal{% endif %}">
  419. <span class="AddToCartText addtocarttext">
  420. {% unless current_variant.available %}
  421. {{ 'products.product.sold_out' | t }}
  422. {% else %}
  423. {% if section.settings.enable_payment_button %}
  424. {{ 'products.dynamic_checkout_buttons.add_to_cart_text_when_dynamic_checkout_buttons_enable' | t }}
  425. {% else %}
  426. {{ 'products.product.add_to_cart' | t }}
  427. {% endif %}
  428. {% endunless %}
  429. </span>
  430. </button>
  431. {% endif %}
  432. </div>
  433. </div>
  434.  
  435.  
  436. {% endif %}
  437. </div>
  438. {% if section.settings.product_description == 'under_the_timer'%}
  439. <div class="product-single__description rte" itemprop="description">
  440. <ul class="tabs">
  441. <li><a href="#tab-1">{{ 'products.product_tab.product_tab_1' | t }}</a></li>
  442. </ul>
  443. <div id="tab-1">
  444. <div class="product-description">
  445. {{ product.description }}
  446. </div>
  447. </div>
  448.  
  449. </div>
  450. {% endif %}
  451. {% if section.settings.visitor_counter_enable %}
  452. <input type="hidden" value="{{section.settings.visitor_counter_number}}" id="min_max_number">
  453. <p class="fake_counter_p">
  454. <i class="fas fa-eye"></i>
  455. <span class="fake_counter_b {{ section.settings.visitor_counter_style }}">
  456. <span id="dynamic_counter1"> </span>
  457. </span>
  458. <span class="fake_counter fake-cntr" > {{ 'products.product.visitor_counter_text' | t}}</span>
  459. {% endif %}
  460. <div class="delivery_time_new">
  461. {% if section.settings.show_del_time %}
  462. <p class="showdeltime">
  463. <i class="fas fa-plane" aria-hidden="true"></i>
  464. <span>{{ 'products.product.deliiver_time_text_1' | t }} {{ section.settings.delivery_time_number}} {{ 'products.product.deliiver_time_text_2' | t }} </span>
  465. </p>
  466. {% endif %}
  467. </div>
  468. {% if section.settings.show_social %}
  469. {% include 'social-sharing', share_title: product.title, share_permalink: product.url, share_image: product %}
  470. {% endif %}
  471. {% if section.settings.enable_trust_badges %}
  472. <div class="payment-icon">
  473. <p class="line">
  474. {{ 'products.product.badges_title' | t }}
  475. </p>
  476. <span class="payment-img">
  477. {% unless section.settings.enable_trust_badges_image == blank %}
  478. <img src="{{ section.settings.enable_trust_badges_image | img_url: '550x' }}">
  479. {% else %}
  480. <img src="{{ 'pay_right.png' | asset_img_url: '500x100' }}">
  481. {% endunless %}
  482. </span>
  483. </div>
  484. {% endif %}
  485.  
  486.  
  487.  
  488. {% if section.settings.product_review %}
  489.  
  490. <div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
  491.  
  492. {% endif %}
  493. </div>
  494. </div>
  495. </div>
  496. </div>
  497. {% unless product == empty %}
  498. <script type="application/json" id="ProductJson-{{ section.id }}">
  499. {{ product | json }}
  500. </script>
  501. {% endunless %}
  502. <!-- enable random number-->
  503.  
  504.  
  505. {% if section.settings.enable_progressbar_text or section.settings.enable_timer_top_message %}
  506. {% if settings.enable_inventory_stock_number == "enable_stock_number_random"%}
  507. <script>
  508.  
  509. // for stock left number
  510. var myLeftnum = ['5', '6', '7', '8','9','10','11','12','13','14','15','16','17','18','19','20'];
  511. var randLeftnum = Math.floor(Math.random() * myLeftnum.length);
  512. var currentLeftnum = myLeftnum[randLeftnum];
  513.  
  514. var qty = getCookie("prd_rqty");
  515.  
  516.  
  517.  
  518. var res = getCookie("prd_rqty");
  519. if (res.indexOf({{ product.id }}) >= 0)
  520. {
  521. }
  522. else
  523. {
  524.  
  525. if(qty.length > 0)
  526. {
  527. document.cookie = "prd_rqty =" + {{ product.id }} + ':' + currentLeftnum + ',' + getCookie("prd_rqty");
  528. }
  529. else
  530. {
  531. document.cookie = "prd_rqty =" + {{ product.id }} + ':' + currentLeftnum ;
  532. }
  533.  
  534. }
  535. res = getCookie("prd_rqty");
  536.  
  537. var new_rqty = getCookie("prd_rqty");
  538. var len = new_rqty.split(',').length;
  539. var rct_qty = $("prd_rqty1").html();
  540.  
  541. for (i = 0; i < len; i++)
  542. {
  543.  
  544. if((res.split(',')[i]).indexOf({{ product.id }}) >= 0)
  545. {
  546.  
  547.  
  548. var prd_qty = (res.split(',')[i]).split(':')[1];
  549.  
  550. }
  551.  
  552. }
  553.  
  554.  
  555. if(prd_qty > 1)
  556. {
  557.  
  558. document.getElementById("stock_left_num").value = prd_qty;
  559. document.getElementById("stock_final_num").value= prd_qty;
  560. document.getElementById("counter_left").innerHTML= prd_qty;
  561. }
  562. else
  563. {
  564. document.getElementById("stock_left_num").value = currentLeftnum;
  565. document.getElementById("stock_final_num").value= currentLeftnum;
  566. document.getElementById("counter_left").innerHTML= currentLeftnum;
  567. stk_lft();
  568. }
  569.  
  570. /*=================== MOBILE PROGRESS BAR =========================*/
  571. {% if section.settings.sticky_button == 'show_progress_bar' %}
  572. if(prd_qty > 1)
  573. {
  574. document.getElementById("stock_left_num1").value= prd_qty;
  575. document.getElementById("stock_final_num1").value= prd_qty;
  576. document.getElementById("counter_left1").innerHTML= prd_qty;
  577. }
  578. else
  579. {
  580. document.getElementById("stock_left_num1").value= currentLeftnum;
  581. document.getElementById("stock_final_num1").value= currentLeftnum;
  582. document.getElementById("counter_left1").innerHTML= currentLeftnum;
  583. stk_lft();
  584. }
  585. {% endif %}
  586. /*=================== END MOBILE PROGRESS BAR =========================*/
  587.  
  588.  
  589.  
  590.  
  591. function stk_lft()
  592. {
  593.  
  594. var rest = getCookie("prd_rqty");
  595. var len = rest.split(',').length;
  596. document.cookie = "prd_rqty2 =" + "";
  597.  
  598. var percent = Number($('#counter_left').text());
  599.  
  600.  
  601. for (i = 0; i < len; i++)
  602. {
  603.  
  604. if((rest.split(',')[i]).indexOf({{ product.id }}) >= 0)
  605. {
  606.  
  607. document.cookie = "prd_rqty1 =" + {{ product.id }} + ':' + percent ;
  608. }
  609. else
  610. {
  611.  
  612. if(getCookie("prd_rqty2").length)
  613. {
  614. document.cookie = "prd_rqty2 =" + rest.split(',')[i] + ',' + getCookie("prd_rqty2");
  615. }
  616. else
  617. {
  618. document.cookie = "prd_rqty2 =" + rest.split(',')[i];
  619. }
  620.  
  621. }
  622.  
  623. }
  624. if(getCookie("prd_rqty2").length)
  625. {
  626. document.cookie = "prd_rqty2 =" + getCookie("prd_rqty2") + ',' + getCookie("prd_rqty1");
  627. }
  628. else
  629. {
  630. document.cookie = "prd_rqty2 =" + getCookie("prd_rqty1");
  631. }
  632. document.cookie = "prd_rqty =" + getCookie("prd_rqty2");
  633.  
  634. }
  635.  
  636. function mob_stk_lft()
  637. {
  638.  
  639. var rest = getCookie("prd_rqty");
  640. var len = rest.split(',').length;
  641. document.cookie = "prd_rqty2 =" + "";
  642.  
  643. var percent = Number($('#counter_left1').text());
  644.  
  645.  
  646. for (i = 0; i < len; i++)
  647. {
  648.  
  649. if((rest.split(',')[i]).indexOf({{ product.id }}) >= 0)
  650. {
  651.  
  652. document.cookie = "prd_rqty1 =" + {{ product.id }} + ':' + percent ;
  653.  
  654. }
  655. else
  656. {
  657.  
  658. if(getCookie("prd_rqty2").length)
  659. {
  660.  
  661. document.cookie = "prd_rqty2 =" + rest.split(',')[i] + ',' + getCookie("prd_rqty2");
  662. }
  663. else
  664. {
  665. document.cookie = "prd_rqty2 =" + rest.split(',')[i];
  666. }
  667.  
  668. }
  669.  
  670. }
  671. if(getCookie("prd_rqty2").length)
  672. {
  673. document.cookie = "prd_rqty2 =" + getCookie("prd_rqty2") + ',' + getCookie("prd_rqty1");
  674. }
  675. else
  676. {
  677. document.cookie = "prd_rqty2 =" + getCookie("prd_rqty1");
  678. }
  679. document.cookie = "prd_rqty =" + getCookie("prd_rqty2");
  680.  
  681. }
  682.  
  683.  
  684.  
  685.  
  686. </script>
  687. {% endif %}
  688. {% endif %}
  689.  
  690.  
  691. <!-- READ MORE BUTTON SCRIPT AND STYLE -->
  692. {% if section.settings.readmore_enable %}
  693. {{ 'readmore.min.js' | asset_url | script_tag }}
  694. <script>
  695. var read_mor = true;
  696. </script>
  697. {% else %}
  698. <script>
  699. var read_mor = false;
  700. </script>
  701. {% endif %}
  702. <!-- END READ MORE BUTTON SCRIPT AND STYLE -->
  703.  
  704. <!-- START UPSELL AND ADD TO CART CODE -->
  705. {% if section.settings.buy_it_now_action == 'thank_you_message' %}
  706.  
  707. {% elsif section.settings.buy_it_now_action == 'direct_to_checkout' %}
  708. <input type="hidden" name="return_to" value="/checkout" />
  709. {% else %}
  710. <input type="hidden" name="return_to" value="/cart" />
  711. {% endif %}
  712. <!-- END UPSELL AND ADD TO CART CODE -->
  713.  
  714. <!-- Pick an option code -->
  715. {% if section.settings.enable_default_variant %}
  716. {% unless product.selected_variant %}
  717. {% if product.variants.size > 1 %}
  718. <script>
  719. var enable_defaul_variant = true;
  720. var picka_text = "{{"products.product.pick_a_text" | t}}";
  721. var productOptions = [];
  722. {% for option in product.options %}
  723. var optionObj = {};
  724. optionObj[ {{ forloop.index0 }} ] = "{{ product.options[forloop.index0] }}";
  725. productOptions.push(optionObj);
  726. {% endfor %}
  727. </script>
  728. {% endif %}
  729. {% endunless %}
  730. {% else %}
  731. <script>
  732. var enable_defaul_variant = false;
  733. </script>
  734. {% endif %}
  735. <!-- End Pick an option code -->
  736.  
  737. {% schema %}
  738. {
  739. "name": "Product page",
  740. "settings": [
  741. {
  742. "type": "header",
  743. "content": "Product page [NEED HELP?](https:\/\/help.boostertheme.com\/hc\/en-us\/articles\/360003047493-How-to-setup-the-product-page-)"
  744. },
  745. {
  746. "type": "select",
  747. "id": "buy_it_now_action",
  748. "label": "Buy it Now Action",
  749. "default": "direct_to_cart",
  750. "options": [
  751. {
  752. "value": "thank_you_message",
  753. "label": "Added To Cart Message"
  754. },
  755. {
  756. "value": "direct_to_checkout",
  757. "label": "Direct to Checkout"
  758. },
  759. {
  760. "value": "direct_to_cart",
  761. "label": "Direct to Cart"
  762. }
  763. ]
  764. },
  765. {
  766. "type": "checkbox",
  767. "id": "show_saved_amount",
  768. "label": "Show Saved %",
  769. "default": true
  770. },
  771. {
  772. "type": "checkbox",
  773. "id": "enable_default_variant",
  774. "label": "Enable Make a Selection Option"
  775. },
  776. {
  777. "type": "checkbox",
  778. "id": "show_quantity_selector",
  779. "label": "Show Quantity",
  780. "default": false
  781. },
  782. {
  783. "type": "checkbox",
  784. "id": "show_vendor",
  785. "label": "Show Vendor",
  786. "default": false
  787. },
  788. {
  789. "type": "checkbox",
  790. "id": "enable_zoom",
  791. "label": "Enable image zoom",
  792. "default": true
  793. },
  794. {
  795. "type": "checkbox",
  796. "id": "shake_effect_enable",
  797. "label": "Enable the shaking add to cart button",
  798. "default": true
  799. },
  800. {
  801. "type": "checkbox",
  802. "id": "readmore_enable",
  803. "label": "Enable Read more button",
  804. "default": true
  805. },
  806. {
  807. "type": "checkbox",
  808. "id": "enable_progressbar_text",
  809. "label": "Enable Progress Bar",
  810. "default": true
  811. },
  812. {
  813. "type": "checkbox",
  814. "id": "enable_timer_top_message",
  815. "label": "Enable Stock Left Message",
  816. "default": true
  817. },
  818. {
  819. "type": "checkbox",
  820. "id": "enable_progressbartimer_text",
  821. "label": "Enable Sale end message",
  822. "default": true
  823. },
  824. {
  825. "type": "checkbox",
  826. "id": "enable_shipping",
  827. "label": "Enable Free + Shipping",
  828. "default": false
  829. },
  830. {
  831. "type": "checkbox",
  832. "id": "show_tags",
  833. "label": "Show tags",
  834. "default": false
  835. },
  836. {
  837. "type": "checkbox",
  838. "id": "show_social",
  839. "label": "Show social buttons",
  840. "default": false
  841. },
  842. {
  843. "type": "radio",
  844. "id": "enable_timer_stg_on",
  845. "default": "enable_timer_stg_on",
  846. "options": [
  847. {
  848. "value": "enable_timer_stg_on",
  849. "label": "ON timer"
  850. },
  851. {
  852. "value": "enable_timer_stg_off",
  853. "label": "OFF timer"
  854. }
  855. ],
  856. "label": "Timer Setting ON\/OFF"
  857. },
  858. {
  859. "type": "header",
  860. "content": "Dynamic Checkout Button"
  861. },
  862. {
  863. "type": "checkbox",
  864. "id": "enable_payment_button",
  865. "label": "Show dynamic checkout button",
  866. "info": "Lets customers check out directly using a familiar payment method. [Learn more](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
  867. "default": false
  868. },
  869. {
  870. "type": "header",
  871. "content": "Variant Option [NEED HELP?](https:\/\/help.boostertheme.com\/hc\/en-us\/articles\/360002471493-How-to-Upload-Your-Color-Swatches-in-Booster-2-0-)"
  872. },
  873. {
  874. "type": "radio",
  875. "id": "variant_swacth",
  876. "label":"Variant type",
  877. "info": "Choose between color swatch or drop down menu for the variant",
  878. "options": [
  879. {
  880. "value": "one",
  881. "label": "Drop down menu"
  882. },
  883. {
  884. "value": "two",
  885. "label": "Color swatch"
  886. }
  887. ],
  888. "default": "two"
  889. },
  890. {
  891. "type":"header",
  892. "content":"Swatch Option"
  893. },
  894. {
  895. "type": "radio",
  896. "id": "swatch_option",
  897. "label":"Color Swatch style",
  898. "options": [
  899. {
  900. "value": "with_background",
  901. "label": "Background Color or image"
  902. },
  903. {
  904. "value": "without_background",
  905. "label": "Show color title like other swatches"
  906. }
  907. ],
  908. "default": "without_background"
  909. },
  910. {
  911. "type":"paragraph",
  912. "content":"When you choose 'background Color or image' option, you can change colors shape by using below option"
  913. },
  914. {
  915. "type": "radio",
  916. "id": "color_style",
  917. "label":"Shape of Color Swatch",
  918. "options": [
  919. {
  920. "value": "square_box",
  921. "label": "Square"
  922. },
  923. {
  924. "value": "round_shape",
  925. "label": "Round"
  926. }
  927. ],
  928. "default": "round_shape"
  929. },
  930. {
  931. "type":"header",
  932. "content":"Product Review"
  933. },
  934. {
  935. "type":"checkbox",
  936. "label":"Enable rating and review",
  937. "id":"product_review",
  938. "info":"make sure your shopify review app must be install",
  939. "default": true
  940. },
  941. {
  942. "type":"header",
  943. "content":"Visitor Counter"
  944. },
  945. {
  946. "type": "checkbox",
  947. "id": "visitor_counter_enable",
  948. "label": "Visitor Counter Enable"
  949. },
  950. {
  951. "type": "select",
  952. "id": "visitor_counter_number",
  953. "label": "Visitor counter",
  954. "default": "1-15",
  955. "options": [
  956. {
  957. "value": "1-5",
  958. "label": "1 to 5"
  959. },
  960. {
  961. "value": "1-10",
  962. "label": "1 to 10"
  963. },
  964. {
  965. "value": "1-15",
  966. "label": "1 to 15"
  967. },
  968. {
  969. "value": "15-30",
  970. "label": "15 to 30"
  971. },
  972. {
  973. "value": "30-50",
  974. "label": "30 to 50"
  975. },
  976. {
  977. "value": "50-100",
  978. "label": "50 to 100"
  979. },
  980. {
  981. "value": "100-300",
  982. "label": "100 to 300"
  983. },
  984. {
  985. "value": "300-500",
  986. "label": "300 to 500"
  987. }
  988. ]
  989. },
  990. {
  991. "type":"header",
  992. "content":"Delivery Time"
  993. },
  994. {
  995. "type":"checkbox",
  996. "id": "show_del_time",
  997. "label":"Enable Delivery Time",
  998. "default": true
  999. },
  1000. {
  1001. "type": "select",
  1002. "id": "delivery_time_number",
  1003. "label": "Delivery time",
  1004. "default": "1-3",
  1005. "options": [
  1006. {
  1007. "value": "1-3",
  1008. "label": "1 to 3"
  1009. },
  1010. {
  1011. "value": "3-5",
  1012. "label": "3 to 5"
  1013. },
  1014. {
  1015. "value": "5-10",
  1016. "label": "5 to 10"
  1017. },
  1018. {
  1019. "value": "7-14",
  1020. "label": "7 to 14"
  1021. },
  1022. {
  1023. "value": "14-21",
  1024. "label": "14 to 21"
  1025. },
  1026. {
  1027. "value": "14-30",
  1028. "label": "14 to 30"
  1029. },
  1030. {
  1031. "value": "21 - 30",
  1032. "label": "21 to 30"
  1033. }
  1034. ]
  1035. },
  1036. {
  1037. "type": "header",
  1038. "content": "Desktop"
  1039. },
  1040. {
  1041. "type": "select",
  1042. "id": "product_description",
  1043. "label": "Product Description",
  1044. "default": "under_the_price",
  1045. "options": [
  1046. {
  1047. "value": "under_the_price",
  1048. "label": "Under the price"
  1049. },
  1050. {
  1051. "value": "under_the_timer",
  1052. "label": "Under the timer"
  1053. }
  1054. ]
  1055. },
  1056. {
  1057. "type": "header",
  1058. "content": "Mobile"
  1059. },
  1060. {
  1061. "type": "checkbox",
  1062. "id": "enable_sticky",
  1063. "label": "Enable Sticky button",
  1064. "default": true
  1065. },
  1066. {
  1067. "type": "select",
  1068. "id": "sticky_button",
  1069. "label": "Sticky Button",
  1070. "default": "show_timer",
  1071. "options": [
  1072. {
  1073. "value": "show_timer",
  1074. "label": "Show timer"
  1075. },
  1076. {
  1077. "value": "show_progress_bar",
  1078. "label": "Show progress bar"
  1079. }
  1080. ]
  1081. },
  1082. {
  1083. "type": "header",
  1084. "content": "Badges"
  1085. },
  1086. {
  1087. "type": "checkbox",
  1088. "id": "enable_trust_badges",
  1089. "label": "Enable Badges",
  1090. "default": true
  1091. },
  1092. {
  1093. "type": "image_picker",
  1094. "id": "enable_trust_badges_image",
  1095. "label": "Payment icons"
  1096. }
  1097. ]
  1098. }
  1099. {% endschema %}
  1100.  
  1101.  
  1102.  
  1103. <div id="looxReviews" data-product-id="{{product.id}}" class="loox-reviews-default">{{ product.metafields.loox.reviews }}</div>
RAW Paste Data