API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 19th, 2018
66
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 28.33 KB | None | 0 0
raw download clone embed print report
  1. <!-- /snippets/product-grid-item.liquid -->  
  2. {% assign sold_out = true %}
  3. {% if product.available %}
  4. {% assign sold_out = false %}
  5. {% endif %}
  6. {% assign on_sale = false %}
  7. {% if product.compare_at_price_min > product.price_min %}
  8. {% assign on_sale = true %}
  9. {% endif %}
  10. {% assign variant_tmp = product.selected_or_first_available_variant  %}
  11. {% for variant in product.variants %}
  12. {% if variant.available == true and variant.price < variant_tmp.price %}
  13. {% assign variant_tmp = variant %} 
  14. {% endif %}
  15. {% endfor %}
  16. <div class="item-area">
  17.   <div class="product-image-area">
  18.     {% case settings.collection_aspect_ratio %}
  19.     {% when '1' %}
  20.     {%- assign image_width = settings.collection_ratio_width -%}
  21.     {%- assign image_height = '' -%}
  22.     {% else %}
  23.     {%- assign image_width = settings.collection_ratio_width -%}
  24.     {%- assign image_height = settings.collection_ratio_height -%}
  25.     {% endcase %}  
  26.     {% capture image_size %}{{ image_width }}x{{ image_height }}{% endcapture %}  
  27.     <div class="loader-container" style="display: none;">
  28.       <div class="loader">
  29.         <i class="ajax-loader medium animate-spin"></i>
  30.       </div>
  31.     </div>
  32.     <a href="javascript:void(0);" class="action-list quickview-icon quickview">
  33.       <i class="icon-export"></i>
  34.       <span {% if settings.language_enable %}data-translate="collections.general.quickview"{% endif %}>{{ 'collections.general.quickview' | t }}</span>
  35.     </a>
  36.     {% if settings.style_product_view == '3' %}
  37.     <div class="actions">
  38.       <div class="action-list">
  39.         <div class="product-wishlist wishlist-{{product.id}}">
  40.           <a href="javascript:;" data-product-handle="{{product.handle}}" data-product-title="{{product.title}}" class="link-wishlist" title="{{'wish_list.general.add_to_wishlist' | t}}"><i class="icon-wishlist"></i><span {% if settings.language_enable %}data-translate="wish_list.general.add_to_wishlist"{% endif %}>{{ 'wish_list.general.add_to_wishlist' | t }}</span></a>
  41.         </div>
  42.       </div>
  43.       <div class="action-list addtocart">
  44.         {% if product.available %}
  45.         {% if product.variants.size > 1 %}
  46.         <a href="{{ product.url | within: collection }}" class="btn-cart select-options">
  47.           <i class="icon-cart"></i>
  48.           <span {% if settings.language_enable %}data-translate="products.product.add_to_cart"{% endif %}>{{ 'products.product.add_to_cart' | t }}</span>
  49.         </a>
  50.         {% else %}
  51.         <form action="/cart/add" method="post" enctype="multipart/form-data">
  52.  
  53.           <input type="hidden" name="quantity" value="1" />
  54.           <select class="hide" name="id">
  55.             {% for variant in product.variants %}
  56.             <option value="{{ variant.id }}">{{ variant.title | escape }} - {{ variant.price | money }}</option>
  57.             {% endfor %}
  58.           </select>
  59.           <button type="submit" class="btn-cart add-to-cart">
  60.             <i class="icon-cart"></i>
  61.             <span {% if settings.language_enable %}data-translate="products.product.add_to_cart"{% endif %}>{{ 'products.product.add_to_cart' | t }}</span>
  62.           </button>
  63.         </form>
  64.         {% endif %}
  65.         {% else %}
  66.         <a href="{{ product.url | within: collection }}" class="btn-cart">
  67.           <i class="icon-cart"></i>
  68.           <span {% if settings.language_enable %}data-translate="products.product.sold_out"{% endif %}>{{ 'products.product.sold_out' | t }}</span>
  69.         </a>
  70.         {% endif %}
  71.       </div>    
  72.     </div>
  73.     {% endif %}
  74.     <a href="{{ product.url | within: collection }}" class="product-image">
  75.       <img src="{{ product.featured_image.src | img_url: image_size, crop: 'center' }}" alt="{{ product.featured_image.alt | escape }}" class="img-responsive main">
  76.       {% if product.images[1] and settings.collection_alternative_image != blank %}
  77.       <img src="{{ product.images[1].src | img_url: image_size, crop: 'center' }}" alt="{{ product.images[1].alt | escape }}" class="alt-img img-responsive">
  78.       {% endif %}
  79.     </a>
  80.     {% if variant_tmp.compare_at_price > variant_tmp.price %}
  81.     <div class="product-label">
  82.       {% if settings.collection_show_discount != blank or settings.collection_show_sale != blank %}
  83.       <div class="onsale">
  84.         <span class="price_percentage">
  85.           {% if settings.collection_show_discount != blank %}
  86.           {% if settings.collection_sale_label_text != '' %}
  87.           {% if settings.language_enable %}
  88.           <span class="lang1">{{ settings.collection_sale_label_text | split: '|' | first }}</span>
  89.           <span class="lang2">{{ settings.collection_sale_label_text | split: '|' | last }}</span>
  90.           {% else %}
  91.           {{ settings.collection_sale_label_text | split: '|' | first }}
  92.           {% endif %}
  93.           {% endif %}
  94.            -{{ variant_tmp.compare_at_price | minus: variant_tmp.price | times: 100.0 | divided_by: variant_tmp.compare_at_price | money_without_currency | times: 100 | remove: '.0'}}%
  95.           {% else %}
  96.           {% if settings.collection_show_sale != blank %}
  97.           {% if settings.language_enable %}
  98.           <span class="lang1">{{ settings.collection_sale_label_text | split: '|' | first }}</span>
  99.           <span class="lang2">{{ settings.collection_sale_label_text | split: '|' | last }}</span>
  100.           {% else %}
  101.           {{ settings.collection_sale_label_text | split: '|' | first }}
  102.           {% endif %}
  103.           {% endif %}
  104.           {% endif %}
  105.          
  106.         </span>
  107.       </div>
  108.        {% endif %}
  109.     </div>
  110.     {% endif %}
  111.     {% if sold_out %}
  112.     <div class="product-label">
  113.       <div class="sold-out">{{ 'products.product.sold_out' | t }}</div>
  114.     </div>
  115.     {% endif %}  
  116.     {% if product.description contains '[countdown]' %}  
  117.     <div class="deal-label">
  118.       <i class="icon-clock"></i>
  119.     </div>
  120.     {% assign count_down_first = product.description | split:'[/countdown]' | first %}
  121.     {% assign count_down_final = count_down_first | split:'[countdown]' | last %}
  122.     <div class="bottom-product-dailydeal bottom-home-dailydeal">  
  123.       <div class="product-date" data-date="{{ count_down_final }}"></div>
  124.     </div>
  125.     {% endif %}
  126.   </div>
  127.   <div class="details-area">
  128.     {% if settings.move_product_name == blank %}
  129.     <h2 class="product-name">
  130.       <a href="{{ product.url | within: collection }}" title="{{ product.title }}">
  131.         {% if settings.language_enable %}
  132.         <span class="lang1">{{ product.title | split: '|' | first }}</span>
  133.         <span class="lang2">{{ product.title | split: '|' | last }}</span>
  134.         {% else %}
  135.         {{ product.title | split: '|' | first }}
  136.         {% endif %}
  137.       </a>
  138.     </h2>
  139.     {% endif %}
  140.     {% if settings.collection_rating_star != blank %}
  141.     <div class="ratings">
  142.       <div class="rating-box">
  143.         <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
  144.       </div>
  145.     </div>
  146.     {% endif %}
  147.     {% if settings.move_product_name != blank %}
  148.     <h2 class="product-name">
  149.       <a href="{{ product.url | within: collection }}" title="{{ product.title }}">
  150.         {% if settings.language_enable %}
  151.         <span class="lang1">{{ product.title | split: '|' | first }}</span>
  152.         <span class="lang2">{{ product.title | split: '|' | last }}</span>
  153.         {% else %}
  154.         {{ product.title | split: '|' | first }}
  155.         {% endif %}
  156.       </a>
  157.     </h2>
  158.     {% endif %}
  159.     {% if settings.collection_grid_color_swatch != blank %}
  160.     <ul class="configurable-swatch-list">  
  161.       {% for option in product.options %}
  162.       {% if option == 'Color' %}
  163.       {% assign index = forloop.index0 %}
  164.       {% assign colorlist = '' %}
  165.       {% assign color = '' %}
  166.       {% for variant in product.variants %}
  167.       {% capture color %}
  168.       {{ variant.options[index] }}
  169.       {% endcapture %}
  170.       {% unless colorlist contains color %}
  171.       {% if variant.image.src != blank %}
  172.       <li>
  173.         <a href="javascript:void(0);" data-image="{{ variant.image.src | img_url: image_size }}">
  174.         <i style="background-image: url({{ color | downcase | strip_newlines | strip_html | remove: '  ' | append: '.png' | replace: ' ', '-' | asset_url }})"></i>
  175.         </a>
  176.       </li>
  177.       {% endif %}
  178.       {% capture tempList %}
  179.       {{colorlist | append: color | append: ' '}}
  180.       {% endcapture %}
  181.       {% assign colorlist = tempList %}
  182.       {% endunless %}
  183.       {% endfor %}
  184.       {% endif %}
  185.       {% endfor %}
  186.     </ul>
  187.     {% endif %}
  188.     <div class="product-short-desc">
  189.       {%- assign description = product.description -%}
  190.       {%- if description contains '[countdown]' -%}
  191.       {%- assign description = description | split:'[/countdown]' | last -%}  
  192.       {%- endif -%}  
  193.       {%- if product.description contains '[size]' -%}
  194.       {%- assign description = description | split:'[/size]' | last -%}  
  195.       {%- endif -%}
  196.       {%- assign description = description | strip_html | truncatewords: 30 -%}  
  197.       {% if settings.language_enable %}
  198.       <div class="lang1">{{ description | split: '[lang2]' | first }}</div>
  199.       <div class="lang2">{{ description | split: '[lang2]' | last }}</div>
  200.       {% else %}
  201.       {{ description | split: '[lang2]' | first }}
  202.       {% endif %}  
  203.     </div>
  204.     {% if settings.collection_product_price != blank %}
  205.     <div class="price">  
  206.       {% if on_sale %}
  207.       <div class="compare-price">
  208.         <span class="money">{{ product.compare_at_price | money }}</span>
  209.       </div>
  210.       {% endif %}
  211.       {% if on_sale %}
  212.       {% if product.price_varies %}
  213.       {% assign sale_price = product.price | money %}
  214.       <span class="money">
  215.         {{ 'products.product.on_sale_from_html' | t: price: sale_price }}
  216.       </span>
  217.       {% else %}
  218.       <div class="special-price">
  219.         <span class="money">{{ product.price | money }}</span>
  220.       </div>
  221.       {% endif %}
  222.       {% else %}
  223.       {% if product.price_varies %}
  224.       {% assign price = product.price | money %}
  225.       <span class="money">{{ 'products.general.from_text_html' | t: price: price }}</span>
  226.       {% else %}
  227.       <span class="money">
  228.         {{ product.price | money }}
  229.       </span>
  230.       {% endif %}
  231.       {% endif %}
  232.     </div>  
  233.     {% endif %}
  234.     {% if settings.collection_actions != blank %}
  235.     <div class="actions">
  236.       {% if settings.style_product_view == '2' %}
  237.         {% if settings.collection_show_addtolinks != blank and product.variants.size > 1 %}
  238.         <div class="action-list">
  239.           {% if settings.wishlist_enable %}
  240.           <div class="product-wishlist wishlist-{{product.id}}">
  241.             <a href="javascript:;" data-product-handle="{{product.handle}}" data-product-title="{{product.title}}" class="link-wishlist" title="{{'wish_list.general.add_to_wishlist' | t}}"><i class="icon-wishlist"></i><span {% if settings.language_enable %}data-translate="wish_list.general.add_to_wishlist"{% endif %}>{{ 'wish_list.general.add_to_wishlist' | t }}</span></a>
  242.           </div>
  243.           {% endif %}
  244.         </div>
  245.         {% endif %}
  246.         {% if settings.collection_show_addtocart != blank %}
  247.         <div class="action-list addtocart">
  248.           {% if product.available %}
  249.             {% if product.variants.size > 1 %}
  250.             <a href="{{ product.url | within: collection }}" class="btn-cart select-options">
  251.               <i class="icon-cart"></i>
  252.               <span {% if settings.language_enable %}data-translate="products.product.add_to_cart"{% endif %}>{{ 'products.product.add_to_cart' | t }}</span>
  253.             </a>
  254.             {% else %}
  255.             <form action="/cart/add" method="post" enctype="multipart/form-data">
  256.   {% include 'product-customizer' %}
  257.  
  258.               {% if settings.collection_show_quantity != blank %}
  259.                 <div class='qtyminus'><i class="icon-minus"></i></div>
  260.                 <input type="text" name="quantity" value="1" class="quantity"/>
  261.                 <div class='qtyplus'><i class="icon-plus"></i></div>
  262.               {% else %}
  263.                 <input type="hidden" name="quantity" value="1" />
  264.               {% endif %}
  265.               <select class="hide" name="id">
  266.                 {% for variant in product.variants %}
  267.                 <option value="{{ variant.id }}">{{ variant.title | escape }} - {{ variant.price | money }}</option>
  268.                 {% endfor %}
  269.               </select>
  270.               <button type="submit" class="btn-cart add-to-cart">
  271.                 <i class="icon-cart"></i>
  272.                 <span {% if settings.language_enable %}data-translate="products.product.add_to_cart"{% endif %}>{{ 'products.product.add_to_cart' | t }}</span>
  273.               </button>
  274.             </form>
  275.             {% endif %}
  276.           {% else %}
  277.           <a href="{{ product.url | within: collection }}" class="btn-cart">
  278.             <i class="icon-cart"></i>
  279.             <span {% if settings.language_enable %}data-translate="products.product.sold_out"{% endif %}>{{ 'products.product.sold_out' | t }}</span>
  280.           </a>
  281.           {% endif %}
  282.         </div>
  283.         {% endif %}
  284.         {% if settings.collection_show_addtolinks != blank and product.variants.size <= 1 %}
  285.          <div class="action-list">
  286.             {% if settings.wishlist_enable %}
  287.             <div class="product-wishlist wishlist-{{product.id}}">
  288.               <a href="javascript:;" data-product-handle="{{product.handle}}" data-product-title="{{product.title}}" class="link-wishlist" title="{{'wish_list.general.add_to_wishlist' | t}}"><i class="icon-wishlist"></i><span {% if settings.language_enable %}data-translate="wish_list.general.add_to_wishlist"{% endif %}>{{ 'wish_list.general.add_to_wishlist' | t }}</span></a>
  289.             </div>
  290.             {% endif %}
  291.           </div>
  292.         {% endif %}
  293.         {% if settings.collection_show_addtolinks != blank and product.variants.size > 1 %}
  294.         <div class="action-list">
  295.           <a href="javascript:;" data-product-handle="{{product.handle}}" data-product-title="{{product.title}}" class="link-compare"><i class="icon-compare"></i><span {% if settings.language_enable %}data-translate="compare_list.general.add_to_compare"{% endif %}>{{ 'compare_list.general.add_to_compare' | t }}</span></a>
  296.         </div>
  297.         {% endif %}
  298.       {% else %}
  299.         {% if settings.collection_show_addtolinks != blank %}
  300.         <div class="action-list">
  301.           {% if settings.wishlist_enable %}
  302.           <div class="product-wishlist wishlist-{{product.id}}">
  303.             <a href="javascript:;" data-product-handle="{{product.handle}}" data-product-title="{{product.title}}" class="link-wishlist" title="{{'wish_list.general.add_to_wishlist' | t}}"><i class="icon-wishlist"></i><span {% if settings.language_enable %}data-translate="wish_list.general.add_to_wishlist"{% endif %}>{{ 'wish_list.general.add_to_wishlist' | t }}</span></a>
  304.           </div>
  305.           {% endif %}
  306.         </div>
  307.         {% endif %}
  308.         {% if settings.collection_show_addtocart != blank %}
  309.         <div class="action-list addtocart">
  310.           {% if product.available %}
  311.           {% if product.variants.size > 1 %}
  312.           <a href="{{ product.url | within: collection }}" class="btn-cart select-options">
  313.             <i class="icon-cart"></i>
  314.             <span {% if settings.language_enable %}data-translate="products.product.add_to_cart"{% endif %}>{{ 'products.product.add_to_cart' | t }}</span>
  315.           </a>
  316.           {% else %}
  317.           <form action="/cart/add" method="post" enctype="multipart/form-data">
  318.   {% include 'product-customizer' %}
  319.  
  320.             <input type="hidden" name="quantity" value="1" />
  321.             <select class="hide" name="id">
  322.               {% for variant in product.variants %}
  323.               <option value="{{ variant.id }}">{{ variant.title | escape }} - {{ variant.price | money }}</option>
  324.               {% endfor %}
  325.             </select>
  326.             <button type="submit" class="btn-cart add-to-cart">
  327.               <i class="icon-cart"></i>
  328.               <span {% if settings.language_enable %}data-translate="products.product.add_to_cart"{% endif %}>{{ 'products.product.add_to_cart' | t }}</span>
  329.             </button>
  330.           </form>
  331.           {% endif %}
  332.           {% else %}
  333.           <a href="{{ product.url | within: collection }}" class="btn-cart">
  334.             <i class="icon-cart"></i>
  335.             <span {% if settings.language_enable %}data-translate="products.product.sold_out"{% endif %}>{{ 'products.product.sold_out' | t }}</span>
  336.           </a>
  337.           {% endif %}
  338.         </div>
  339.         {% endif %}
  340.       {% endif %}
  341.       {% if settings.collection_show_addtolinks != blank and settings.style_product_view != '2' %}
  342.       <div class="action-list">
  343.         <a href="javascript:;" data-product-handle="{{product.handle}}" data-product-title="{{product.title}}" class="link-compare"><i class="icon-compare"></i><span {% if settings.language_enable %}data-translate="compare_list.general.add_to_compare"{% endif %}>{{ 'compare_list.general.add_to_compare' | t }}</span></a>
  344.       </div>
  345.       {% endif %}
  346.     </div>
  347.     {% endif %}
  348.   </div>
  349. </div>
  350. <script data-id="product-block-json-{{product.id}}" type="text/template">productsObj.id{{product.id}} = {{product | json}};</script>
  351. <script data-id="product-block-template-{{product.id}}" type="text/template">
  352. {% assign variant_tmp = product.selected_or_first_available_variant | default: product.variants.first %}
  353. <div class="product-view quick-view product">
  354.   <div class="product-essential">
  355.     <div class="product-img-box col-sm-5">
  356.       <div class="product-img-list">
  357.         {% include 'media-quickview' %}
  358.       </div>
  359.     </div>
  360.     <div class="product-shop col-sm-7">
  361.       <div class="product-shop-wrapper">
  362.         <div class="product-name top-product-detail">
  363.           <h2>
  364.             <a href="{{ product.url | within: collection }}">
  365.               {% if settings.language_enable %}
  366.               <span class="lang1">{{ product.title | split: '|' | first }}</span>
  367.               <span class="lang2">{{ product.title | split: '|' | last }}</span>
  368.               {% else %}
  369.               {{ product.title | split: '|' | first }}
  370.               {% endif %}
  371.             </a>
  372.           </h2>
  373.         </div>
  374.         <div class="review-product-details">
  375.           <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
  376.         </div>
  377.         {% if settings.product_short_desc %}
  378.         <div class="short-description-detail">
  379.           {% if settings.product_short_desc %}
  380.           <div class="short-description-detail">
  381.             <div class="short-description">
  382.               {%if settings.product_short_desc == '1'%}  
  383.               {% if product.description contains '[countdown]' %}
  384.               {% assign des = product.description | split:'[/countdown]' | last %}  
  385.               {% if settings.language_enable %}
  386.               <span class="lang1">{{ des | strip_html | split: '[lang2]' | first | truncatewords: 30 }}</span>
  387.               <span class="lang2">{{ des | strip_html | split: '[lang2]' | last | truncatewords: 30 }}</span>
  388.               {% else %}
  389.               {{ des | strip_html | split: '[lang2]' | first | truncatewords: 30 }}
  390.               {% endif %}
  391.               {% else %}
  392.               {% if settings.language_enable %}
  393.               <span class="lang1">{{ product.content | strip_html | split: '[lang2]' | first | truncatewords: 30 }}</span>
  394.               <span class="lang2">{{ product.content | strip_html | split: '[lang2]' | last | truncatewords: 30 }}</span>
  395.               {% else %}
  396.               {{ product.content | strip_html | split: '[lang2]' | first | truncatewords: 30 }}
  397.               {% endif %}
  398.               {% endif %}  
  399.               {%endif%}
  400.               {%if settings.product_short_desc == '2'%}
  401.               {% if product.description contains '[countdown]' %}
  402.               {% assign des = product.description | split:'[/countdown]' | last %}  
  403.               {% if settings.language_enable %}
  404.               <div class="lang1">{{ des | split: '[lang2]' | first }}</div>
  405.               <div class="lang2">{{ des | split: '[lang2]' | last }}</div>
  406.               {% else %}
  407.               {{ des | split: '[lang2]' | first }}
  408.               {% endif %}
  409.               {% else %}
  410.               {% if settings.language_enable %}
  411.               <div class="lang1">{{ product.description | split: '[lang2]' | first }}</div>
  412.               <div class="lang2">{{ product.description | split: '[lang2]' | last }}</div>
  413.               {% else %}
  414.               {{ product.description | strip_html | split: '[lang2]' | first }}
  415.               {% endif %}
  416.               {% endif %}  
  417.               {%endif%}
  418.             </div>
  419.           </div>
  420.           {% endif %}
  421.         </div>
  422.         {% endif %}
  423.         {% if settings.product_sample_vendor %}
  424.         <div class="sample-vendor"><span>{{ product.vendor }}</span></div>
  425.         {% endif %}
  426.         <div class="middle-product-detail">
  427.           <div class="product-type-data">
  428.             <div class="price-box">
  429.               <div id="price" class="detail-price" itemprop="price">
  430.                 {% if variant_tmp.compare_at_price > variant_tmp.price %}
  431.                 <s class="old-price"> {{ variant_tmp.compare_at_price | money }}</s>
  432.                 <!--span class="price_percentage">-{{ variant_tmp.compare_at_price | minus: variant_tmp.price | times: 100.0 | divided_by: variant_tmp.compare_at_price | money_without_currency | times: 100 | remove: '.0'}}%</span-->
  433.                 {% endif %}
  434.                 <div class="price">{{ variant_tmp.price | money }}</div>
  435.               </div>
  436.               <meta itemprop="priceCurrency" content="{{ shop.currency }}" />
  437.               {% if product.available %}
  438.               <link itemprop="availability" href="http://schema.org/InStock" />
  439.               {% else %}
  440.               <link itemprop="availability" href="http://schema.org/OutOfStock" />
  441.               {% endif %}
  442.             </div>
  443.           </div>  
  444.           {% if settings.product_availability %}
  445.           <div class="product-inventory">  
  446.             <span {% if settings.language_enable %}data-translate="products.product.availability"{% endif %}>{{ 'products.product.availability' | t }} </span>
  447.             <span class="in-stock">
  448.               {% if product.selected_or_first_available_variant.inventory_management %}
  449.               {% assign first_inventory = product.selected_or_first_available_variant.inventory_quantity %}
  450.               {% if first_inventory > 0 %}
  451.               {{ 'products.product.in_stock' | t }}
  452.               {% else %}
  453.               {{ 'products.product.out_of_stock' | t }}
  454.               {% endif %}
  455.               {% else %}
  456.               {{ 'products.product.many_in_stock' | t }}
  457.               {% endif %}
  458.             </span>
  459.           </div>
  460.           {% endif %}
  461.           {% if settings.product_sku %}
  462.           <div class="product-sku"><span {% if settings.language_enable %}data-translate="products.product.sku"{% endif %}>{{ 'products.product.sku' | t }} </span><span class="sku">{{ product.sku }}</span></div>
  463.           {% endif %}
  464.           {% if settings.product_type %}
  465.           <div class="product-type">
  466.             <label {% if settings.language_enable %}data-translate="products.product.product_type"{% endif %}>{{ 'products.product.product_type' | t }} </label>
  467.             <span>{{ product.type }}</span>
  468.           </div>
  469.           {% endif %}
  470.           {% if settings.product_vendor %}
  471.           <div class="product-vendor">
  472.             <label {% if settings.language_enable %}data-translate="products.product.product_vendor"{% endif %}>{{ 'products.product.product_vendor' | t }} </label>
  473.             <span>{{ product.vendor }}</span>
  474.           </div>
  475.           {% endif %}
  476.           {% if product.description contains '[countdown]' %}            
  477.           {% assign count_down_first = product.description | split:'[/countdown]' | first %}
  478.           {% assign count_down_final = count_down_first | split:'[countdown]' | last %}
  479.           <div class="bottom-product-dailydeal bottom-home-dailydeal">  
  480.             <span class="title" {% if settings.language_enable %}data-translate="products.product.count_down"{% endif %}>{{'products.product.count_down' | t }} </span><div class="product-date" data-date="{{ count_down_final }}"></div>
  481.           </div>
  482.           {% endif %}
  483.         </div>
  484.         <div class="product-type-main">  
  485.           <form class="product-form" id="product-form" action="/cart/add" method="post" enctype="multipart/form-data" data-product-id="{{product.id}}" data-id="{{ product.handle }}">
  486.  
  487.  
  488.             <div id="product-variants" class="product-options" {% if product.options.size == 1 and product.options.first == 'Title' %}style="display: none;"{% endif %}>
  489.               <select id="product-select" name="id" style="display: none;">
  490.                 {% for variant in product.variants %}
  491.                 {% if variant.available %}
  492.                 <option {% if variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money_with_currency }}</option>
  493.                 {% else %}
  494.                 <option disabled="disabled">
  495.                   {{ variant.title }} - {{'products.product.sold_out' | t}}
  496.                 </option>
  497.                 {% endif %}
  498.                 {% endfor %}
  499.               </select>
  500.             </div>  
  501.             <div class="product-options-bottom">
  502.               <div class="add-to-cart-box">
  503.                 <div class="input-box pull-left">
  504.                   <input type="text" id="qty" name="quantity" value="1" min="1" class="quantity-selector">
  505.                   <div class="plus-minus">
  506.                     <div class="increase items" onclick="var result = document.getElementById('qty'); var qty = result.value; if( !isNaN( qty )) result.value++;return false;">
  507.                       <i class="icon-up-dir"></i>
  508.                     </div>
  509.                     <div class="reduced items" onclick="var result = document.getElementById('qty'); var qty = result.value; if( !isNaN( qty ) &amp;&amp; qty > 1 ) result.value--;return false;">
  510.                       <i class="icon-down-dir"></i>
  511.                     </div>
  512.                   </div>
  513.                 </div>
  514.                 <div class="actions">
  515.                   <div class="action-list addtocart">
  516.                     <div class="button-wrapper">
  517.                       {% if product.available %}
  518.                       <div class="button-wrapper-content">
  519.                         <i class="icon-cart"></i>
  520.                         <button type="submit" name="add" class="btn-cart add-to-cart bordered uppercase">                      
  521.                           <span>
  522.                             <span {% if settings.language_enable %}data-translate="products.product.add_to_cart"{% endif %}>{{ 'products.product.add_to_cart' | t }}</span>
  523.                           </span>
  524.                         </button>
  525.                       </div>
  526.                       {% else %}
  527.                       <div class="button-wrapper-content">
  528.                         <i class="icon-cart"></i>
  529.                         <a href="javascript:;" class="btn-cart add-to-cart">
  530.                           <span>
  531.                             <span {% if settings.language_enable %}data-translate="products.product.sold_out"{% endif %}>{{ 'products.product.sold_out' | t }}</span>
  532.                           </span>
  533.                         </a>  
  534.                       </div>
  535.                       {% endif %}
  536.                     </div>
  537.                   </div>
  538.                   {% if settings.disable_addtolink == blank %}
  539.                   <div class="action-list wishlist">
  540.                     {% include 'wishlist-item'%}
  541.                   </div>
  542.                   {% endif %}
  543.                 </div>
  544.               </div>
  545.             </div>
  546.           </form>  
  547.         </div>
  548.         {% if settings.product_tags %}        
  549.         <div class="tags">
  550.           <i class="icon-tags" {% if settings.language_enable %}data-translate="blogs.article.tags"{%endif%}>{{ 'blogs.article.tags' | t }}</i>
  551.           {% for tag in product.tags %}
  552.           <span class="separator">/</span>
  553.           <a href="/collections/all/{{ tag | handle }}" rel="tag">{{ tag }}</a>
  554.           {% endfor %}
  555.         </div>
  556.         {% endif %}
  557.       </div>
  558.     </div>
  559.   </div>
  560. </div>
  561. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!