SHARE
TWEET

Untitled

a guest Sep 20th, 2019 6 in 209 days
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. {{ 'jquery.elevateZoom.min.js' | asset_url | script_tag }}
  2. {{ 'option_selection.js' | shopify_asset_url | script_tag }}
  3.  
  4. {%- assign thumbnai_position    = "none" -%}
  5. {%- assign product_reviews      = section.settings.display_product_reviews -%}
  6. {%- assign product_vendor       = section.settings.show_vendor -%}
  7. {%- assign product_type         = section.settings.show_product_type -%}
  8. {%- assign product_ccountdown   = section.settings.show_product_countdown -%}
  9. {%- assign product_colorswatch  = section.settings.use_color_swatch -%}
  10. {%- assign product_subtotal     = section.settings.show_price_subtotal -%}
  11. {%- assign product_quantity     = section.settings.show_quantity_selector -%}
  12. {%- assign product_share        = section.settings.show_share_buttons -%}
  13. {%- assign product_tags         = section.settings.show_tag -%}
  14. {%- assign product_brand        = section.settings.show_brand -%}
  15. {%- assign product_category     = section.settings.show_category -%}
  16. {%- assign pt_item              = section.settings.pt_item -%}
  17.  
  18. {% assign pp_grid = settings.pp_grid %}
  19. {% case pp_grid %}
  20. {% when '2' %}
  21. {% assign g_col_left = 'col-lg-3 col-md-12 col-sm-12 col-12' %}
  22. {% assign g_col_right = 'col-lg-9 col-md-12 col-sm-12 col-12' %}
  23.  
  24. {% when '3' %}
  25. {% assign g_col_left = 'col-lg-4 col-md-12 col-sm-12 col-12' %}
  26. {% assign g_col_right = 'col-lg-8 col-md-12 col-sm-12 col-12' %}
  27.  
  28. {% when '4' %}
  29. {% assign g_col_left = 'col-lg-5 col-md-12 col-sm-12 col-12' %}
  30. {% assign g_col_right = 'col-lg-7 col-md-12 col-sm-12 col-12' %}
  31.  
  32. {% when '5' %}
  33. {% assign g_col_left = 'col-lg-6 col-md-12 col-sm-12 col-12' %}
  34. {% assign g_col_right = 'col-lg-6 col-md-12 col-sm-12 col-12' %}
  35.  
  36. {% when '6' %}
  37. {% assign g_col_left = 'col-lg-7 col-md-12 col-sm-12 col-12' %}
  38. {% assign g_col_right = 'col-lg-5 col-md-12 col-sm-12 col-12' %}
  39.  
  40. {% when '7' %}
  41. {% assign g_col_left = 'col-lg-8 col-md-12 col-sm-12 col-12' %}
  42. {% assign g_col_right = 'col-lg-4 col-md-12 col-sm-12 col-12' %}
  43.  
  44. {% when '8' %}
  45.  
  46. {% assign g_col_left = 'col-lg-9 col-md-12 col-sm-12 col-12' %}
  47. {% assign g_col_right = 'col-lg-3 col-md-12 col-sm-12 col-12' %}
  48.  
  49. {% else %}
  50. {% assign g_col_left = 'col-lg-6 col-md-12 col-sm-12 col-12' %}
  51. {% assign g_col_right = 'col-lg-6 col-md-12 col-sm-12 col-12' %}
  52. {% endcase %}
  53.  
  54. {% assign swp_nav = false %}
  55. {% assign pSize = product.images | size %}
  56. {% assign pSize = pSize | times: 1 %}
  57. {% assign pt_item = pt_item | times: 1 %}
  58.  
  59. {% if pSize > pt_item %}
  60. {% assign swp_nav = true %}
  61. {% endif %}
  62.  
  63. {% assign direction = "horizontal" %}
  64. {% if section.settings.pt_position contains "left" or section.settings.pt_position contains "right" %}
  65. {% assign direction = "vertical" %}
  66. {% endif %}
  67.  
  68. {% assign current_variant           = product.selected_or_first_available_variant   %}
  69. {% assign product_thumb_size        = '110x110' %}
  70. {% assign product_image_zoom_size   = '1024x1024' %}
  71. {% assign product_image_scale       = '2' -%}
  72. {% assign enable_zoom               = section.settings.enable_zoom                  %}
  73. {% assign vertical                  = section.settings.media_slide_layout           %}
  74. {% assign zoom                      = section.settings.zoom_mode                    %}
  75. {% if settings.product_layout == '1col' %}
  76.     {% include 'product-layout-scroll'%}
  77. {% else  %}
  78. <div id="ProductSection-{{ section.id }}" class="product-template__containe product" itemscope itemtype="http://schema.org/Product">
  79.   <meta itemprop="name" content="{{ product.title }}">
  80.   <meta itemprop="url" content="{{ shop.url }}{{ product.url }}">
  81.   <meta itemprop="image" content="{{ product.featured_image.src | img_url: '800x' }}">
  82.  
  83.   <div class="product-single {% if section.settings.enable_sevicer %}oneCol{% endif %}">
  84.     <div class="row font-ct">
  85.       <div class="{{ g_col_left }} {% if section.settings.pt_position == 'bottom' %} horizontal{% else %} vertical{% endif %}">
  86.         <div class=" product-media thumbnais-{{ section.settings.pt_position }}">
  87.          
  88.           <div class="product-photo-container slider-for{% if section.settings.pt_position == 'bottom' %} horizontal{% else %} vertical{% endif %}">
  89.  
  90.             {% for image in product.images %}
  91.             <div class="thumb">
  92.               <a class="fancybox" rel="gallery1" href="{{ image.src | product_img_url: '1024x' }}" >
  93.                 <img id="product-featured-image-{{image.id}}" class="product-featured-img" src="{{ image | img_url: 'original' }}" alt="{{ image.alt | escape }}" data-zoom-image="{{ image.src | img_url: 'original' }}"/>
  94.               </a>
  95.             </div>
  96.             {% endfor %}
  97.  
  98.           </div>
  99.  
  100.           <div class="slider-nav{% if section.settings.pt_position == 'bottom' %} horizontal{% else %} vertical{% endif %}" id="gallery_01">
  101.             {% for image in product.images %}
  102.             <div class="item">
  103.               <a class ="thumb" href="javascript:void(0)" data-image="{{ image.src | product_img_url: 'original' }}" data-zoom-image="{{ image.src | product_img_url: 'original' }}">
  104.                 <img src="{{ image.src | product_img_url: '100x100' }}" alt="{{ image.alt | escape }}">
  105.               </a>
  106.             </div>
  107.             {% endfor %}
  108.           </div>
  109.         </div>
  110.       </div>
  111.       <div class="{{ g_col_right }} product-single__detail grid__item {{ product_description_width }}">
  112.         <div class="product-single__meta">
  113.           <h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>
  114.           {% if product_reviews %}      
  115.           <div class="custom-reviews a-left hidden-xs">          
  116.             <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>          
  117.           </div>
  118.           {% endif %}
  119.           <div class="clearfix" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
  120.             <meta itemprop="priceCurrency" content="{{ shop.currency }}">
  121.             <link itemprop="availability" href="http://schema.org/{% if product.available %}InStock{% else %}OutOfStock{% endif %}">
  122.           </div>
  123.           <div class="clearfix product-price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
  124.             <meta itemprop="priceCurrency" content="{{ shop.currency }}">
  125.             <link itemprop="availability" href="http://schema.org/{% if product.available %}InStock{% else %}OutOfStock{% endif %}">
  126.             <p class="price-box product-single__price-{{ section.id }}{% unless current_variant.available %} product-price--sold-out{% endunless %}">
  127.               {% if current_variant.compare_at_price > current_variant.price %}
  128.               <span class="special-price product-price__price product-price__price-{{ section.id }} product-price__sale product-price__sale--single">
  129.                 <span id="ProductPrice-{{ section.id }}"
  130.                      itemprop="price" content="{{ current_variant.price | divided_by: 100.00 }}">
  131.                   {{ current_variant.price | money }}
  132.                 </span>
  133.               </span>
  134.               <s class="old-price" id="ComparePrice-{{ section.id }}">{{ current_variant.compare_at_price | money }}</s>
  135.               {% else %}
  136.               <span class="visually-hidden">{{ 'products.product.regular_price' | t }}</span>
  137.               <span class="product-price__price product-price__price-{{ section.id }} price">
  138.                 <span id="ProductPrice-{{ section.id }}" itemprop="price" content="{{ current_variant.price | divided_by: 100.00 }}">
  139.                   {{ current_variant.price | money }}
  140.                 </span>
  141.               </span>
  142.               <s id="ComparePrice-{{ section.id }}" class="hide">{{ current_variant.compare_at_price | money }}</s>
  143.  
  144.               {% endif %}
  145.             </p>
  146.           </div>
  147.           <div class="product-info">
  148.             {% if product.available %}
  149.             <p class="product-single__alb instock"><label>{{ 'products.product.availability' | t }}</label>: <i class="fa fa-check"></i> {{'products.product.available' | t }}</p>
  150.             {% else %}
  151.             <p class="product-single__alb outstock"><label>{{ 'products.product.availability' | t }}</label>: {{'products.product.unavailable' | t }}</p>
  152.             {% endif %}
  153.             {% if product_type %}
  154.             <p class="product-single__type"><label>{{ 'products.product.type' | t }}</label>: {{ product.type }}</p>
  155.             {% endif %}
  156.             {% if product_vendor %}
  157.             <p itemprop="brand" class="product-single__vendor"><label>{{ 'products.product.vendor' | t }}</label>: {{ product.vendor | link_to_vendor }}</p>
  158.             {% endif %}
  159.            
  160.           </div>
  161.  
  162.           {% if section.settings.show_desc == 'short' %}
  163.           {% if product.description != blank %}
  164.           {% assign content = product.description %}
  165.           {% if content contains "[shortcode]" %}          
  166.           {% assign str = content | split: "[/shortcode]" | first %}                    
  167.           {% assign str = str | split: "[shortcode]" | last %}
  168.           {% assign str = "[shortcode]" | append: str | append: "[/shortcode]" %}        
  169.           {% assign content = content | remove: str %}
  170.           {% endif %}                
  171.           <div class="rte product-description short">
  172.             <label  class="d-none">{{ 'products.product.overview' | t }}</label>
  173.             {{ content | strip_html | truncatewords: 22}}
  174.           </div>
  175.           {% endif %}
  176.  
  177.           {% elsif section.settings.show_desc == 'full' %}
  178.           {% if product.description != blank %}
  179.           {% assign content = product.description %}
  180.           {% if content contains "[shortcode]" %}          
  181.           {% assign str = content | split: "[/shortcode]" | first %}                    
  182.           {% assign str = str | split: "[shortcode]" | last %}
  183.           {% assign str = "[shortcode]" | append: str | append: "[/shortcode]" %}        
  184.           {% assign content = content | remove: str %}
  185.           {% endif %}                
  186.           <div class="rte product-description full">
  187.             <label  class="d-none">{{ 'products.product.overview' | t }}</label>
  188.             {{ content }}
  189.           </div>
  190.           {% endif %}
  191.           {% endif %}
  192.  
  193.  
  194.           <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
  195.             <meta itemprop="priceCurrency" content="{{ shop.currency }}">
  196.             <link itemprop="availability" href="http://schema.org/{% if product.available %}InStock{% else %}OutOfStock{% endif %}">
  197.             <form action="/cart/add" method="post" enctype="multipart/form-data" class="product-form product-form-{{ section.id }}{% unless section.settings.show_variant_labels %} product-form--hide-variant-labels{% endunless %}" data-section="{{ section.id }}">
  198.               <div id="product-variants">
  199.                 {% assign variantCount = product.variants | size %}
  200.                 {% if product.available %}
  201.                 {% if variantCount > 1 %}
  202.                 <div class="{% if section.settings.use_color_swatch %}d-none{% else %}row no-swatch{% endif%}">
  203.                   <select id="product-selectors" name="id" class="hidden box-sellect" style="display:none">
  204.                     {% for variant in product.variants %}
  205.                     <option {% if variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money }}</option>
  206.                     {% endfor %}
  207.                   </select>
  208.                 </div>
  209.                 {% if product_colorswatch %}
  210.                 {% for option in product.options %}
  211.                 {% include 'swatch' with option %}
  212.                 {% endfor %}
  213.                 {% endif %}
  214.                 {% else %}
  215.                 <input type="hidden" name="id" value="{{ product.variants[0].id }}" />
  216.                 {% endif %}
  217.                 {% endif %}
  218.  
  219.               </div>
  220.               {% if product_subtotal %}
  221.               <div class="total-price">
  222.                 <label>{{ 'cart.general.subtotal' | t }}: </label><span class="money">{{ product.price | money }}</span>
  223.               </div>
  224.               {% endif %}
  225.               <div class="product-options-bottom">
  226.                 {% if product_quantity %}
  227.                 <div class="product-form__item product-form__item--quantity">
  228.                   <label for="Quantity" class="quantity-selector">{{ 'products.product.quantity' | t }}:</label>
  229.                   <div class="form_qty">
  230.  
  231.                     <div class="reduced items" onclick="var result = document.getElementById('qty'); var qty = result.value; if( !isNaN( qty ) &amp;&amp; qty > 1 ) result.value--; updatePricing(); return false;">
  232.                       <i class="fa fa-minus"></i>
  233.                     </div>
  234.                     <input type="text" id="qty" name="quantity" value="1" min="1" class="quantity-selector">
  235.                     <div class="increase items" onclick="var result = document.getElementById('qty'); var qty = result.value; if( !isNaN( qty )) result.value++; updatePricing(); return false;">
  236.                       <i class="fa fa-plus"></i>
  237.                     </div>
  238.  
  239.                   </div>
  240.                 </div>
  241.                 {% endif %}
  242.  
  243.                 <div class="product-form__item product-form__item--submit">
  244.                   <button type="submit" name="add" id="AddToCart-{{ section.id }}" {% unless current_variant.available %}disabled="disabled"{% endunless %} class="btn product-form__cart-submit{% if product.options.size == 1 and product.variants[0].title == 'Default Title' %} product-form__cart-submit--small{% endif %}">
  245.                     <span id="AddToCartText-{{ section.id }}">
  246.                       {% unless current_variant.available %}
  247.                       <i class="fa fa-shopping-basket"></i>
  248.                       {{ 'products.product.sold_out' | t }}
  249.                       {% else %}
  250.                       <i class="fa fa-shopping-basket"></i>
  251.                       {{ 'products.product.add_to_cart' | t }}
  252.                       {% endunless %}
  253.                     </span>
  254.                   </button>
  255.                 </div>
  256.               </div>
  257.             </form>
  258.             {% include 'product-wishlist' %}
  259.           </div>
  260.           <div class="product-wrap">
  261.             {% if product_share %}
  262.             <div class="wrap__social social_share_detail clearfix">
  263.               <label class="">{{ 'general.social.share' | t }}:</label>
  264.               <ul>
  265.                 <div class="addthis_inline_share_toolbox"></div>      
  266.                 <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-529be2200cc72db5"></script>
  267.               </ul>
  268.             </div>
  269.  
  270.             {% endif %}
  271.             {% if product_category %}
  272.             <div class="wrap__category detail_category">
  273.               <h2>Category: </h2>
  274.               <ul class="category_content">
  275.                 {% unless product.collections == blank %}
  276.                 {% for c in product.collections limit: 2 %}
  277.                 <li>{{ c.title | link_to:c.url }}</li>{% unless forloop.last %}, {% endunless %}
  278.                 {% endfor %}
  279.                 {% endunless %}
  280.               </ul>
  281.             </div>
  282.             {% endif %}
  283.             {% if product_tags %}
  284.             <div class="wrap__tag detail_tag">
  285.               <h2>Tags:  </h2>
  286.               <ul id="details" class="hlist">
  287.  
  288.                 {% for tag in product.tags limit: 3 %}
  289.                 <li>{{ tag | link_to_tag: tag }}</li>{% unless forloop.last %}, {% endunless %}
  290.                 {% endfor %}
  291.               </ul>
  292.             </div>
  293.             {% endif %}
  294.             {% if product_brand %}
  295.             <div class="wrap__brand">
  296.               <label class="">Guaranteed safe checkout:</label>
  297.               <div class="wrap__brand_content">
  298.                 {% if section.settings.product_brand != blank %}
  299.                 <img src="{{ section.settings.product_brand | img_url: "master" }}" alt="{{ section.settings.product_brand }}" />
  300.                 {% else %}
  301.                 <img class="img-responsive" alt="{{ shop.name }}" src="//placehold.it/280x25" />
  302.                 {% endif %}
  303.               </div>
  304.             </div>
  305.             {% endif %}
  306.           </div>
  307.         </div>
  308.         {% if section.settings.enable_sevicer %}
  309.         <div class="product-single__services">
  310.           <div class="banner-policy">
  311.             <div class="inner">
  312.               <div class="policy policy1">
  313.                 <a title="90 days money back" href="#">
  314.                   {% if section.settings.sv_icon !=blank %}
  315.                   <span class="ico-policy">
  316.                     <i class="fa fa-{{ section.settings.sv_icon }}"></i>
  317.                   </span>
  318.                   {% endif %}
  319.                   {% if section.settings.sv_title != blank %}
  320.                   <h3 class="des">{{ section.settings.sv_title }}</h3>
  321.                   {% endif %}
  322.                 </a>
  323.               </div>
  324.               <div class="policy policy2">
  325.                 <a title="90 days money back" href="#">
  326.                   {% if section.settings.sv_icon_2 !=blank %}
  327.                   <span class="ico-policy">
  328.                     <i class="fa fa-{{ section.settings.sv_icon_2 }}"></i>
  329.                   </span>
  330.                   {% endif %}
  331.                   {% if section.settings.sv_title_2 != blank %}
  332.                   <h3 class="des">{{ section.settings.sv_title_2 }}</h3>
  333.                   {% endif %}
  334.                 </a>
  335.               </div>
  336.               <div class="policy policy3">
  337.                 <a title="90 days money back" href="#">
  338.                   {% if section.settings.sv_icon_3 !=blank %}
  339.                   <span class="ico-policy">
  340.                     <i class="fa fa-{{ section.settings.sv_icon_3 }}"></i>
  341.                   </span>
  342.                   {% endif %}
  343.                   {% if section.settings.sv_title_3 != blank %}
  344.                   <h3 class="des">{{ section.settings.sv_title_3 }}</h3>
  345.                   {% endif %}
  346.                 </a>
  347.               </div>
  348.               <div class="policy policy3">
  349.                 <a title="90 days money back" href="#">
  350.                   {% if section.settings.sv_icon_4 !=blank %}
  351.                   <span class="ico-policy">
  352.                     <i class="fa fa-{{ section.settings.sv_icon_4 }}"></i>
  353.                   </span>
  354.                   {% endif %}
  355.                   {% if section.settings.sv_title_4 != blank %}
  356.                   <h3 class="des">{{ section.settings.sv_title_4 }}</h3>
  357.                   {% endif %}
  358.                 </a>
  359.               </div>
  360.             </div>
  361.           </div>
  362.         </div>
  363.         {% endif %}
  364.       </div>
  365.       <div class="rte product-description full">
  366.         {% include 'single-product-tab' %}
  367.         </div>
  368.     </div>
  369.     <div class="panel-group detail-bottom font-ct">
  370.       {% if section.settings.product_tab_type == 'protab' %}
  371.       <div class="tab-vertical">
  372.         <ul class="nav nav-tabs">
  373.           {% if section.settings.product_tab1_enable %}
  374.           <li class="nav-item"><a class="nav-link active" href="#tabs1" data-toggle="tab">{{ section.settings.product_tab1_title }}</a></li>
  375.           {% endif %}
  376.           {% if section.settings.product_tab2_enable %}
  377.           <li class="nav-item"><a class="nav-link" href="#tabs2" data-toggle="tab">{{ section.settings.product_tab2_title }}</a></li>
  378.           {% endif %}
  379.           {% if section.settings.product_tab3_enable %}
  380.           <li class="nav-item"><a class="nav-link" href="#tabs3" data-toggle="tab">{{ section.settings.product_tab3_title }}</a></li>
  381.           {% endif %}
  382.           {% if section.settings.product_tab4_enable %}
  383.           <li class="nav-item"><a class="nav-link" href="#tabs4" data-toggle="tab">{{ section.settings.product_tab4_title }}</a></li>
  384.           {% endif %}
  385.         </ul>
  386.         <div class="tab-content">
  387.           {% if section.settings.product_tab1_enable %}
  388.           <div class="tab-pane active" id="tabs1">
  389.             {% if product.description != blank %}
  390.             {% assign content = product.description %}
  391.             {% if content contains "[shortcode]" %}          
  392.             {% assign str = content | split: "[/shortcode]" | first %}                    
  393.             {% assign str = str | split: "[shortcode]" | last %}
  394.             {% assign str = "[shortcode]" | append: str | append: "[/shortcode]" %}        
  395.             {% assign content = content | remove: str %}
  396.             {% endif %}                
  397.             <div class="rte description">
  398.               <label  class="d-none">{{ 'products.product.overview' | t }}</label>
  399.               {{ content }}
  400.             </div>
  401.             {% endif %}
  402.           </div>
  403.           {% endif %}
  404.           {% if section.settings.product_tab2_enable %}
  405.           <div class="tab-pane" id="tabs2">{{ section.settings.product_tab2_content }}</div>
  406.           {% endif %}
  407.           {% if section.settings.product_tab3_enable %}
  408.           <div class="tab-pane" id="tabs3">
  409.             {% if section.settings.custom_size_chart != blank %}
  410.             <img src="{{ section.settings.custom_size_chart | img_url: "master" }}" alt="{{ section.settings.custom_size_chart_title }}" />
  411.             {% else %}
  412.             <div class="placeholder-bg">
  413.               {% include 'placeholder-svg' %}
  414.             </div>
  415.             {% endif %}
  416.           </div>
  417.           {% endif %}
  418.           {% if section.settings.product_tab4_enable %}
  419.           <div class="tab-pane" id="tabs4">
  420.             <div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
  421.           </div>
  422.           {% endif %}
  423.         </div>
  424.       </div>
  425.       {% elsif section.settings.product_tab_type == 'protab_hozizoltal' %}
  426.       <div class="tab-hozizoltal">
  427.         <ul class="nav nav-tabs font-ct">
  428.           {% if section.settings.product_tab1_enable %}
  429.           <li class="nav-item"><a class="nav-link active" href="#tabs1" data-toggle="tab">{{ section.settings.product_tab1_title }}</a></li>
  430.           {% endif %}
  431.           {% if section.settings.product_tab2_enable %}
  432.           <li class="nav-item"><a class="nav-link" href="#tabs2" data-toggle="tab">{{ section.settings.product_tab2_title }}</a></li>
  433.           {% endif %}
  434.           {% if section.settings.product_tab3_enable %}
  435.           <li class="nav-item"><a class="nav-link" href="#tabs3" data-toggle="tab">{{ section.settings.product_tab3_title }}</a></li>
  436.           {% endif %}
  437.           {% if section.settings.product_tab4_enable %}
  438.           <li class="nav-item"><a class="nav-link" href="#tabs4" data-toggle="tab">{{ section.settings.product_tab4_title }}</a></li>
  439.           {% endif %}
  440.         </ul>
  441.         <div class="tab-content">
  442.           {% if section.settings.product_tab1_enable %}
  443.           <div class="tab-pane active" id="tabs1">
  444.             {% if product.description != blank %}
  445.             {% assign content = product.description %}
  446.             {% if content contains "[shortcode]" %}          
  447.             {% assign str = content | split: "[/shortcode]" | first %}                    
  448.             {% assign str = str | split: "[shortcode]" | last %}
  449.             {% assign str = "[shortcode]" | append: str | append: "[/shortcode]" %}        
  450.             {% assign content = content | remove: str %}
  451.             {% endif %}                
  452.             <div class="rte description">
  453.               <label  class="d-none">{{ 'products.product.overview' | t }}</label>
  454.               {{ content }}
  455.             </div>
  456.             {% endif %}
  457.           </div>
  458.           {% endif %}
  459.           {% if section.settings.product_tab2_enable %}
  460.           <div class="tab-pane" id="tabs2">{{ section.settings.product_tab2_content }}</div>
  461.           {% endif %}
  462.           {% if section.settings.product_tab3_enable %}
  463.           <div class="tab-pane" id="tabs3">
  464.             {% if section.settings.custom_size_chart != blank %}
  465.             <img src="{{ section.settings.custom_size_chart | img_url: "master" }}" alt="{{ section.settings.custom_size_chart_title }}" />
  466.             {% else %}
  467.             <div class="placeholder-bg">
  468.               {% include 'placeholder-svg' %}
  469.             </div>
  470.             {% endif %}
  471.           </div>
  472.           {% endif %}
  473.           {% if section.settings.product_tab4_enable %}
  474.           <div class="tab-pane" id="tabs4">
  475.             <div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
  476.           </div>
  477.           {% endif %}
  478.          
  479.         </div>
  480.       </div>
  481.       {% elsif section.settings.product_tab_type == 'propanel' %}
  482.       <div class="panel-group panel-accor" id="panel-accordion">
  483.         {% if section.settings.product_tab1_enable %}
  484.         <div class="panel">
  485.           <div class="panel-heading" id="headingOne">
  486.             <h4 class="panel-title">
  487.               <a data-toggle="collapse" data-parent="#panel-accordion" href="#tab1">{{ section.settings.product_tab1_title }}</a>
  488.             </h4>
  489.           </div>
  490.           <div id="tab1" class="panel-collapse collapse">
  491.             <div class="panel-body">
  492.               {% if product.description != blank %}
  493.               {% assign content = product.description %}
  494.               {% if content contains "[shortcode]" %}          
  495.               {% assign str = content | split: "[/shortcode]" | first %}                    
  496.               {% assign str = str | split: "[shortcode]" | last %}
  497.               {% assign str = "[shortcode]" | append: str | append: "[/shortcode]" %}        
  498.               {% assign content = content | remove: str %}
  499.               {% endif %}                
  500.               <div class="rte description">
  501.                 <label  class="d-none">{{ 'products.product.overview' | t }}</label>
  502.                 {{ content }}
  503.               </div>
  504.               {% endif %}
  505.             </div>
  506.           </div>
  507.         </div>
  508.         {% endif %}
  509.         {% if section.settings.product_tab2_enable %}
  510.         <div class="panel">
  511.           <div class="panel-heading" id="headingTwo">
  512.             <h4 class="panel-title">
  513.               <a data-toggle="collapse" data-parent="#panel-accordion" href="#tab2">{{ section.settings.product_tab2_title }}</a>
  514.             </h4>
  515.           </div>
  516.           <div id="tab2" class="panel-collapse collapse">
  517.             <div class="panel-body">{{ section.settings.product_tab2_content }}</div>
  518.           </div>
  519.         </div>
  520.         {% endif %}
  521.         {% if section.settings.product_tab3_enable %}
  522.         <div class="panel">
  523.           <div class="panel-heading" id="headingThree">
  524.             <h4 class="panel-title">
  525.               <a data-toggle="collapse" data-parent="#panel-accordion" href="#tab3">{{ section.settings.product_tab3_title }}</a>
  526.             </h4>
  527.           </div>
  528.           <div id="tab3" class="panel-collapse collapse">
  529.             <div class="panel-body">
  530.               {% if section.settings.custom_size_chart != blank %}
  531.               <img src="{{ section.settings.custom_size_chart | img_url: "master" }}" alt="{{ section.settings.custom_size_chart_title }}" />
  532.               {% else %}
  533.               <div class="placeholder-backgrounds">
  534.                 {% include 'placeholder-svg' %}
  535.               </div>
  536.               {% endif %}
  537.             </div>
  538.           </div>
  539.         </div>
  540.         {% endif %}
  541.         {% if section.settings.product_tab4_enable %}
  542.         <div class="panel">
  543.           <div class="panel-heading" id="headingFour">
  544.             <h4 class="panel-title">
  545.               <a data-toggle="collapse" data-parent="#panel-accordion" href="#tab4">{{ section.settings.product_tab4_title }}</a>
  546.             </h4>
  547.           </div>
  548.           <div id="tab4" class="panel-collapse collapse">
  549.             <div class="panel-body">
  550.               <div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
  551.             </div>
  552.           </div>
  553.         </div>
  554.         {% endif %}
  555.       </div>
  556.       {% else %}
  557.       <div class="reviewOnly">
  558.         {% if settings.product_reviews_enable %}
  559.         <div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
  560.         {% endif %}
  561.       </div>
  562.       {% endif %}
  563.     </div>
  564.     {% if section.settings.product_related_enable %}
  565.     {% if section.settings.related_products_type == "tags" %}
  566.     {% include 'product-related-tag' %}
  567.     {% else %}
  568.     {% include 'product-related' %}
  569.     {% endif %}
  570.     {% endif %}
  571.   </div>
  572. </div>
  573. <script>
  574.   var slider = function() {
  575.     if (!$('.slider-for').hasClass('slick-initialized') && !$('.slider-nav').hasClass('slick-initialized')) {
  576.      $('.slider-for').slick({
  577.        slidesToShow: 1,
  578.        slidesToScroll: 1,
  579.        nextArrow: '<div class="slick-next"><i class="fa fa-angle-right"></i></div>',
  580.        prevArrow: '<div class="slick-prev"><i class="fa fa-angle-left"></i></div>',
  581.        fade: true,
  582.        accessibility:false,
  583.        verticalSwiping: false,
  584.        arrows : false,
  585.        {% if settings.enable_rtl %}rtl: true,{% endif %}
  586.        asNavFor: '.slider-nav'
  587.      });
  588.  
  589.       $('.slider-nav').slick({
  590.         infinite: true,
  591.         slidesToShow: {{ pt_item }},
  592.         {% if section.settings.pt_position == 'bottom' %}
  593.         {% else %}
  594.         vertical: true,
  595.         {% endif %}
  596.         slidesToScroll: 1,
  597.         asNavFor: '.slider-for',
  598.         verticalSwiping: false,
  599.         dots: false,
  600.         {% if settings.enable_rtl %}rtl: true,{% endif %}
  601.         accessibility:false,
  602.         focusOnSelect: true,
  603.  
  604.         {% if section.settings.pt_position == 'bottom' %}
  605.         nextArrow: '<div class="slick-next"><i class="fa fa-angle-right"></i></div>',
  606.         prevArrow: '<div class="slick-prev"><i class="fa fa-angle-left"></i></div>',
  607.         {% else %}
  608.  
  609.         nextArrow: '<div class="slick-next"><i class="fa fa-angle-down"></i></div>',
  610.         prevArrow: '<div class="slick-prev"><i class="fa fa-angle-up"></i></div>',
  611.         {% endif %}
  612.  
  613.         responsive: [
  614.         {
  615.         breakpoint: 1200,
  616.         settings: {
  617.         slidesToShow: 5,
  618.         slidesToScroll: 1
  619.       }
  620.                              },
  621.                              {% if section.settings.pt_position == 'bottom' %}
  622.                              {
  623.                              breakpoint: 1024,
  624.                              settings: {
  625.                              slidesToShow: 5,
  626.                              slidesToScroll: 1
  627.                              }
  628.                              },
  629.  
  630.                              {
  631.                              breakpoint: 768,
  632.                              settings: {
  633.                              slidesToShow: 4,
  634.                              slidesToScroll: 1,
  635.                              dots: false
  636.                              }
  637.                              },
  638.                              {
  639.                              breakpoint: 321,
  640.                              settings: {
  641.                              slidesToShow: 3,
  642.                              slidesToScroll: 2,
  643.                              dots: false
  644.                              }
  645.                              },
  646.                              {% else %}
  647.                              {
  648.                              breakpoint: 1224,
  649.                              settings: {
  650.                              slidesToShow:5,
  651.                              slidesToScroll: 1
  652.                              }
  653.                              },
  654.                              {
  655.                              breakpoint: 1025,
  656.                              settings: {
  657.                              slidesToShow:3,
  658.                              slidesToScroll: 1
  659.                              }
  660.                              },
  661.                              
  662.                              {
  663.                              breakpoint: 767,
  664.                              settings: {
  665.                              slidesToShow: 4,
  666.                              slidesToScroll: 2,
  667.                              dots: false
  668.                              }
  669.                              },
  670.                              {
  671.                              breakpoint: 421,
  672.                              settings: {
  673.                              slidesToShow: 2,
  674.                              slidesToScroll: 2,
  675.                              dots: false
  676.                              }
  677.                              },
  678.                               {
  679.                              breakpoint: 321,
  680.                              settings: {
  681.                              slidesToShow: 1,
  682.                              slidesToScroll: 2,
  683.                              dots: false
  684.                              }
  685.                              }
  686.                              {% endif %}
  687.                              ]
  688.  
  689.                              });
  690.     }        
  691.   };
  692.  
  693.   $(window).load(function() {
  694.     slider();  
  695.      if ($(window).width() >= 992 && $('.zoomContainer').length === 0) {
  696.       $(".fancybox").fancybox();
  697.         var zoomOptions = {
  698.             cursor: "crosshair",
  699.             galleryActiveClass: 'active',
  700.             imageCrossfade: false,
  701.             scrollZoom: false,
  702.            
  703.             onImageSwapComplete: function() {
  704.             $(".zoomWrapper div").hide();
  705.             },
  706.             loadingIcon: window.loading_url
  707.         };
  708.        $(".slider-for .slick-current img").elevateZoom(zoomOptions);
  709.  
  710.         $(".slider-for ").on("beforeChange", function(event, slick, currentSlide, nextSlide) {
  711.             $.removeData(currentSlide, "elevateZoom");
  712.             $(".zoomContainer").remove();
  713.         });
  714.         $(".slider-for ").on("afterChange", function() {
  715.            $(".slider-for  .slick-current img").elevateZoom(zoomOptions);
  716.         });
  717.     }
  718.   });
  719.  
  720.   var timer;
  721.   var winW = $(window).width();
  722.  
  723.   $(window).on('resize.refreshSlick', function() {
  724.     clearTimeout(timer);
  725.     timer = setTimeout(function() {
  726.       var curW = $(window).width();
  727.       if (curW >= 768 && winW < 768) {
  728.        $('.slider-for').slick('unslick');    
  729.         $('.slider-nav').slick('unslick');  
  730.         $('.slider-nav').find('.slick-list').removeAttr('style');
  731.         $('.slider-nav').find('.slick-track').removeAttr('style');
  732.         $('.slider-nav').find('.slick-slide').removeAttr('style');
  733.         $('.slider-nav').find('button.slick-arrow').remove();
  734.  
  735.         slider();
  736.       }
  737.       winW = curW;  
  738.     }, 500);
  739.   });
  740.  
  741.   $(".tab-vertical>ul>li").on('click', function () {
  742.     $(".tab-vertical>ul>li").removeClass("active");
  743.     $(this).addClass("active");
  744.   });
  745.  
  746. </script>
  747. <script>
  748.   {% if product.available %}
  749.   function updatePricing() {
  750.     var regex = /([0-9]+[.|,][0-9]+[.|,][0-9]+)/g;
  751.     var unitPriceTextMatch = jQuery('.product-single .product-price__price span.money').text().match(regex);
  752.  
  753.     if (!unitPriceTextMatch) {
  754.       regex = /([0-9]+[.|,][0-9]+)/g;
  755.       unitPriceTextMatch = jQuery('.product-single .product-price__price span.money').text().match(regex);    
  756.     }
  757.  
  758.     if (unitPriceTextMatch) {
  759.       var unitPriceText = unitPriceTextMatch[0];    
  760.       var unitPrice = unitPriceText.replace(/[.|,]/g,'');
  761.       var quantity = parseInt(jQuery('#qty').val());
  762.       var totalPrice = unitPrice * quantity;
  763.  
  764.       var totalPriceText = Shopify.formatMoney(totalPrice, window.money_format);
  765.       regex = /([0-9]+[.|,][0-9]+[.|,][0-9]+)/g;    
  766.       if (!totalPriceText.match(regex)) {
  767.         regex = /([0-9]+[.|,][0-9]+)/g;
  768.       }
  769.       totalPriceText = totalPriceText.match(regex)[0];
  770.  
  771.       var regInput = new RegExp(unitPriceText, "g");
  772.       var totalPriceHtml = jQuery('.product-single .product-price__price span.money').html().replace(regInput ,totalPriceText);
  773.  
  774.       jQuery('.product-single .total-price span.money').html(totalPriceHtml);    
  775.     }
  776.   }
  777.   jQuery('#qty').on('change', updatePricing);
  778.   {% endif %}
  779.  
  780.   var selectCallback = function(variant, selector) {
  781.     var addToCart = jQuery('#AddToCart-product-template'),
  782.         productPrice = jQuery('.product-single .product-price__price span.money'),
  783.         comparePrice = jQuery('span#ComparePrice-product-template');
  784.     if (variant) {
  785.       if (variant.available) {
  786.         addToCart.removeClass('disabled').removeAttr('disabled').val('Add to Cart');
  787.       } else {
  788.         addToCart.val(window.inventory_text.sold_out).addClass('disabled').attr('disabled', 'disabled');
  789.       }
  790.  
  791.       productPrice.html(Shopify.formatMoney(variant.price, "{{ shop.money_format }}"));
  792.  
  793.                                             if (variant.compare_at_price > variant.price) {
  794.                         comparePrice.html(Shopify.formatMoney(variant.compare_at_price, "{{ shop.money_format }}"));
  795.                         }                                  
  796.  
  797.  
  798.  
  799.                         {% if section.settings.use_color_swatch %}
  800.                         // BEGIN SWATCHES
  801.                         var form = jQuery('#' + selector.domIdPrefix).parents('form');
  802.       for (var i=0,length=variant.options.length; i<length; i++) {
  803.        var radioButton = form.find('.swatch[data-option-index="' + i + '"] :radio[value="' + variant.options[i] +'"]');
  804.        if (radioButton.size()) {
  805.          radioButton.get(0).checked = true;
  806.        }
  807.      }
  808.      // END SWATCHES
  809.      {% endif %}
  810.  
  811.      {% if product.available %}  
  812.      updatePricing();
  813.      {% endif %}
  814.  
  815.      {% if settings.show_multiple_currencies %}
  816.      Currency.convertAll(window.shop_currency, jQuery('select[name=currencies] option:selected').val(), 'span.money', 'money_format');
  817.      {% endif %}
  818.    }
  819.  
  820.    /* VARIANT IMAGE */
  821.    if (variant && variant.featured_image) {
  822.      var originalImage = $("img[id|='product-featured-image']");
  823.      var newImage = variant.featured_image;
  824.      var element = originalImage[0];
  825.      
  826.      Shopify.Image.switchImage(newImage, element, function (newImageSizedSrc, newImage, element) {
  827. //         $(element).data('zoom-image', newImageSizedSrc).elevateZoom({
  828. //           gallery: 'slider-nav',
  829. //           galleryActiveClass: 'active',
  830. //         });
  831.  
  832.        jQuery('.slider-nav img').each(function() {
  833.          var grandSize = jQuery(this).attr('src');
  834.          grandSize = grandSize.replace('100x100','1024x1024');
  835.          if (grandSize == newImageSizedSrc) {
  836.            jQuery(this).closest('.item').trigger('click');                
  837.            return false;
  838.          }
  839.        });
  840.      });
  841.    }
  842.  
  843.  };
  844.  
  845.  jQuery(function($) {
  846.    {% if product.available and product.variants.size > 1 %}
  847.     new Shopify.OptionSelectors('product-selectors', {
  848.       product: {{ product | json }},
  849.       onVariantSelected: selectCallback,
  850.       enableHistoryState: true
  851.     });  
  852.  
  853.     {% comment %}
  854.     Use color swatch and linked options (copyright by @carolineschnapp)
  855.     {% endcomment %}
  856.     {% if section.settings.use_color_swatch and product.available and product.options.size > 1 %}
  857.     Shopify.linkOptionSelectors({{ product | json }});
  858.     {% endif %}
  859.  
  860.     {% if section.settings.use_color_swatch != true %}
  861.     jQuery('.single-option-selector').selectize();
  862.     jQuery('.selectize-input input').attr("disabled","disabled");
  863.     {% endif %}
  864.  
  865.     {% endif %}
  866.     {% if product.options.size == 1 and product.options.first != 'Title' %}
  867.     $('.selector-wrapper:eq(0)').prepend('<label>{{ product.options.first }}</label>');
  868.     {% endif %}
  869.     {% if product.variants.size == 1 and product.variants.first.title contains 'Default' %}
  870.      $('.selector-wrapper').hide();
  871.     {% endif %}
  872.  
  873.     {% assign found_one_in_stock = false %}
  874.     {% for variant in product.variants %}
  875.     {% if variant.available and found_one_in_stock == false %}
  876.     {% assign found_one_in_stock = true %}
  877.     {% for option in product.options %}
  878.     $('.single-option-selector:eq({{ forloop.index0 }})').val({{ variant.options[forloop.index0] | json }}).trigger('change');
  879.     {% endfor %}
  880.     {% endif %}
  881.     {% endfor %}
  882.   });
  883.  
  884. </script>
  885.  
  886. {% unless product == empty %}
  887. <script type="application/json" id="ProductJson-{{ section.id }}">
  888.     {{ product | json }}
  889. </script>
  890. {% endunless %}
  891. {% endif %}
  892.  
  893.  
  894.  
  895. {% schema %}
  896. {
  897.   "name": "Product Detail",
  898.   "class": "main-product",
  899.   "settings": [
  900.     {
  901.       "type": "header",
  902.       "content": "Product info"
  903.     },
  904.     {
  905.       "type": "checkbox",
  906.       "id": "display_product_reviews",
  907.       "label": "Show Reviews",
  908.       "default": true
  909.     },
  910.     {
  911.       "type": "checkbox",
  912.       "id": "show_vendor",
  913.       "label": "Show vendor",
  914.       "default": true
  915.     },
  916.     {
  917.       "type": "checkbox",
  918.       "id": "show_product_type",
  919.       "label": "Show Product Type",
  920.       "default": true
  921.     },
  922.     {
  923.       "type": "radio",
  924.       "id": "show_desc",
  925.       "label": "Short description",
  926.       "options": [
  927.         {
  928.           "value": "no-show",
  929.           "label": "No"
  930.         },
  931.         {
  932.           "value": "short",
  933.           "label": "Yes"
  934.         },
  935.         {
  936.           "value": "full",
  937.           "label": "Show Full Description"
  938.         }
  939.       ],
  940.       "default": "short"
  941.     },
  942.     {
  943.       "type": "checkbox",
  944.       "id": "show_product_countdown",
  945.       "label": "Show Product Countdown",
  946.       "default": true
  947.     },
  948.     {
  949.       "type": "checkbox",
  950.       "id": "use_color_swatch",
  951.       "label": "Use Color Swatch?",
  952.       "default": true
  953.     },
  954.     {
  955.       "type": "checkbox",
  956.       "id": "show_price_subtotal",
  957.       "label": "Show Price Subtotal",
  958.       "default": false
  959.     },
  960.     {
  961.       "type": "checkbox",
  962.       "id": "show_quantity_selector",
  963.       "label": "Show quantity selector",
  964.       "default": false
  965.     },
  966.     {
  967.       "type": "checkbox",
  968.       "id": "show_share_buttons",
  969.       "label": "Show social sharing buttons",
  970.       "default": true
  971.     },
  972.     {
  973.       "type": "checkbox",
  974.       "id": "show_category",
  975.       "label": "Show Category Product",
  976.       "default": true
  977.     },
  978.     {
  979.       "type": "checkbox",
  980.       "id": "show_tag",
  981.       "label": "Show Tags Product",
  982.       "default": true
  983.     },
  984.     {
  985.       "type": "checkbox",
  986.       "id": "show_brand",
  987.       "label": "Show Image Brand",
  988.       "default": true
  989.     },
  990.     {
  991.       "type": "image_picker",
  992.       "id": "product_brand",
  993.       "label": "Upload Brand Image"
  994.     },
  995.     {
  996.       "type": "header",
  997.       "content": "Product thumbnais"
  998.     },
  999.     {
  1000.       "type": "select",
  1001.       "id": "pt_position",
  1002.       "label": "Position",
  1003.       "default": "bottom",
  1004.       "options": [
  1005.         {
  1006.           "value": "left",
  1007.           "label": "Vertical Left"
  1008.         },
  1009.         {
  1010.           "value": "right",
  1011.           "label": "Vertical Right"
  1012.         },
  1013.         {
  1014.           "value": "bottom",
  1015.           "label": "Horizontal Bottom"
  1016.         }
  1017.       ]
  1018.     },
  1019.     {
  1020.       "type": "text",
  1021.       "id": "pt_item",
  1022.       "label": "Item",
  1023.       "default": "4"
  1024.     },
  1025.     {
  1026.       "type": "header",
  1027.       "content": "Box Sevicer Detail",
  1028.       "info": "Used for Detail 1 Coluom"
  1029.     },
  1030.     {
  1031.       "type":   "checkbox",
  1032.       "id":         "enable_sevicer",
  1033.       "label":  "Show Box Sevicer",
  1034.       "default":    false
  1035.     },
  1036.     {
  1037.       "type": "text",
  1038.       "id": "sv_title",
  1039.       "label": "Title Box Sevicer 1",
  1040.       "placeholder": "Title"
  1041.     },
  1042.     {
  1043.       "type": "text",
  1044.       "id": "sv_icon",
  1045.       "label": "Icon name (Font Awesome)",
  1046.       "info": "[Use Font Awesome](http:\/\/fontawesome.io\/4.7.0\/icons\/)"
  1047.     },
  1048.     {
  1049.       "type": "text",
  1050.       "id": "sv_title_2",
  1051.       "label": "Title Box Sevicer 2",
  1052.       "placeholder": "Title"
  1053.     },
  1054.     {
  1055.       "type": "text",
  1056.       "id": "sv_icon_2",
  1057.       "label": "Icon name (Font Awesome)",
  1058.       "info": "[Use Font Awesome](http:\/\/fontawesome.io\/4.7.0\/icons\/)"
  1059.     },
  1060.     {
  1061.       "type": "text",
  1062.       "id": "sv_title_3",
  1063.       "label": "Title Box Sevicer 3",
  1064.       "placeholder": "Title"
  1065.     },
  1066.     {
  1067.       "type": "text",
  1068.       "id": "sv_icon_3",
  1069.       "label": "Icon name (Font Awesome)",
  1070.       "info": "[Use Font Awesome](http:\/\/fontawesome.io\/4.7.0\/icons\/)"
  1071.     },
  1072.     {
  1073.       "type": "text",
  1074.       "id": "sv_title_4",
  1075.       "label": "Title Box Sevicer 4",
  1076.       "placeholder": "Title"
  1077.     },
  1078.     {
  1079.       "type": "text",
  1080.       "id": "sv_icon_4",
  1081.       "label": "Icon name (Font Awesome)",
  1082.       "info": "[Use Font Awesome](http:\/\/fontawesome.io\/4.7.0\/icons\/)"
  1083.     },
  1084.     {
  1085.       "type": "header",
  1086.       "content": "Product More Info"
  1087.     },
  1088.     {
  1089.       "type": "select",
  1090.       "id": "product_tab_type",
  1091.       "label": "Product more info type",
  1092.       "default": "protab_hozizoltal",
  1093.       "options": [
  1094.         {
  1095.           "value": "disable",
  1096.           "label": "Don't show"
  1097.         },
  1098.         {
  1099.           "value": "protab",
  1100.           "label": "Tab vertical"
  1101.         },
  1102.         {
  1103.           "value": "protab_hozizoltal",
  1104.           "label": "Tab hozizoltal"
  1105.         },
  1106.         {
  1107.           "value": "propanel",
  1108.           "label": "Tab accordion"
  1109.         }
  1110.       ]
  1111.     },
  1112.     {
  1113.       "type": "checkbox",
  1114.       "id": "product_tab1_enable",
  1115.       "label": "Display Tab Description?",
  1116.       "default": true
  1117.     },
  1118.     {
  1119.       "type": "text",
  1120.       "id": "product_tab1_title",
  1121.       "label": "Product Description Title",
  1122.       "default": "Product Description"
  1123.     },
  1124.     {
  1125.       "type": "checkbox",
  1126.       "id": "product_tab2_enable",
  1127.       "label": "Display Custom Tab?"
  1128.     },
  1129.     {
  1130.       "type": "text",
  1131.       "id": "product_tab2_title",
  1132.       "label": "Custom Tab Title",
  1133.       "default": "Shipping Returns"
  1134.     },
  1135.     {
  1136.       "type": "textarea",
  1137.       "id": "product_tab2_content",
  1138.       "label": "Custom Tab HTML Code"
  1139.     },
  1140.     {
  1141.       "type": "checkbox",
  1142.       "id": "product_tab3_enable",
  1143.       "label": "Display Size Chart?"
  1144.     },
  1145.     {
  1146.       "type": "text",
  1147.       "id": "product_tab3_title",
  1148.       "label": "Custom Size Chart Title",
  1149.       "default": "Size Chart"
  1150.     },
  1151.     {
  1152.       "type": "image_picker",
  1153.       "id": "custom_size_chart",
  1154.       "label": "Size Chart Image"
  1155.     },
  1156.     {
  1157.       "type": "checkbox",
  1158.       "id": "product_tab4_enable",
  1159.       "label": "Products Reviews",
  1160.       "default": true
  1161.     },
  1162.     {
  1163.       "type": "text",
  1164.       "id": "product_tab4_title",
  1165.       "label": "Reviews Title tab",
  1166.       "default": "Reviews"
  1167.     },
  1168.     {
  1169.       "type": "header",
  1170.       "content": "Related Products"
  1171.     },
  1172.     {
  1173.       "type": "checkbox",
  1174.       "id": "product_related_enable",
  1175.       "label": "Enable product related"
  1176.     },
  1177.     {
  1178.       "type": "text",
  1179.       "id": "product_related_title",
  1180.       "placeholder": "Title for Block",
  1181.       "label": "Block title"
  1182.     },
  1183.     {
  1184.       "type": "text",
  1185.       "id": "product_related_des",
  1186.       "placeholder": "Title for block",
  1187.       "label": "Description for block"
  1188.     },
  1189.     {
  1190.       "type": "radio",
  1191.       "id": "related_products_type",
  1192.       "label": "Type of related products",
  1193.       "options": [
  1194.         {
  1195.           "value": "tags",
  1196.           "label": "By Tags"
  1197.         },
  1198.         {
  1199.           "value": "collection",
  1200.           "label": "By Collection"
  1201.         }
  1202.       ],
  1203.       "default": "collection"
  1204.     },
  1205.     {
  1206.       "type": "text",
  1207.       "id": "product_related_limit",
  1208.       "placeholder": "Number. Ex: 6",
  1209.       "label": "Limit of Related Product"
  1210.     },
  1211.     {
  1212.       "type": "checkbox",
  1213.       "id": "navigation",
  1214.       "label": "Show navigation",
  1215.       "default": true
  1216.     },
  1217.     {
  1218.       "type": "text",
  1219.       "id": "margin-rl",
  1220.       "label": "Margin Item"
  1221.     },
  1222.     {
  1223.       "type": "select",
  1224.       "id": "column1",
  1225.       "label": "#Column 1",
  1226.       "default": "4",
  1227.       "info": "For Large desktops have screen > 1200px",
  1228.       "options":[
  1229.         {
  1230.           "value": "1",
  1231.           "label": "1"
  1232.         },
  1233.         {
  1234.           "value": "2",
  1235.           "label": "2"
  1236.         },
  1237.         {
  1238.           "value": "3",
  1239.           "label": "3"
  1240.         },
  1241.         {
  1242.           "value": "4",
  1243.           "label": "4"
  1244.         },
  1245.         {
  1246.           "value": "5",
  1247.           "label": "5"
  1248.         },
  1249.         {
  1250.           "value": "6",
  1251.           "label": "6"
  1252.         }
  1253.       ]
  1254.     },
  1255.     {
  1256.       "type": "select",
  1257.       "id": "column2",
  1258.       "label": "#Column 2",
  1259.       "default": "3",
  1260.       "info": "For Tablets have screen 991px to 1199px.",
  1261.       "options":[
  1262.         {
  1263.           "value": "1",
  1264.           "label": "1"
  1265.         },
  1266.         {
  1267.           "value": "2",
  1268.           "label": "2"
  1269.         },
  1270.         {
  1271.           "value": "3",
  1272.           "label": "3"
  1273.         },
  1274.         {
  1275.           "value": "4",
  1276.           "label": "4"
  1277.         },
  1278.         {
  1279.           "value": "5",
  1280.           "label": "5"
  1281.         }
  1282.       ]
  1283.     },
  1284.     {
  1285.       "type": "select",
  1286.       "id": "column3",
  1287.       "label": "#Column 3",
  1288.       "info": "For Tablets have screen 768px to 991px.",
  1289.       "default": "2",
  1290.       "options":[
  1291.         {
  1292.           "value": "1",
  1293.           "label": "1"
  1294.         },
  1295.         {
  1296.           "value": "2",
  1297.           "label": "2"
  1298.         },
  1299.         {
  1300.           "value": "3",
  1301.           "label": "3"
  1302.         },
  1303.         {
  1304.           "value": "4",
  1305.           "label": "4"
  1306.         },
  1307.         {
  1308.           "value": "5",
  1309.           "label": "5"
  1310.         }
  1311.       ]
  1312.     },
  1313.     {
  1314.       "type": "select",
  1315.       "id": "column4",
  1316.       "label": "#Column 4",
  1317.       "default": "2",
  1318.       "info": "For Smartphones landscape have screen 480px to 767px",
  1319.       "options":[
  1320.         {
  1321.           "value": "1",
  1322.           "label": "1"
  1323.         },
  1324.         {
  1325.           "value": "2",
  1326.           "label": "2"
  1327.         },
  1328.         {
  1329.           "value": "3",
  1330.           "label": "3"
  1331.         },
  1332.         {
  1333.           "value": "4",
  1334.           "label": "4"
  1335.         },
  1336.         {
  1337.           "value": "5",
  1338.           "label": "5"
  1339.         }
  1340.       ]
  1341.     },
  1342.     {
  1343.       "type": "select",
  1344.       "id": "column5",
  1345.       "label": "#Column 5",
  1346.       "default": "1",
  1347.       "info": "For Smartphones have screen 0px to 479px",
  1348.       "options":[
  1349.         {
  1350.           "value": "1",
  1351.           "label": "1"
  1352.         },
  1353.         {
  1354.           "value": "2",
  1355.           "label": "2"
  1356.         }
  1357.       ]
  1358.     }
  1359.  
  1360.   ]
  1361. }
  1362. {% endschema %}
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Top