variant not showing if less then 2 variants

New Member
2 0 0

Hello. 
I have some issues with my site, i just uploadet a bunch of products with CSV file, and we are trying to show size of the products with just showing one variant called (Size) - but it only shows when there are 2 variants or more. 

Ex. product with 1 variant: https://nordlyhome.dk/products/table-lamp-small-grey-e27-60-w-2-5-m-cable

ex. product with 5 variants: https://nordlyhome.dk/products/kaffe-2-plakat?variant=21496271175763


the code on product page is this: What should i change for showing when 1 variant, but still hides the box when there aren't any variant?

 
<div class="row" id="product">
 
  <div class="col-xs-12 col-main col-md-12 col-sm-12 ">
    <div itemscope itemtype="http://schema.org/Product" class="product {{settings.style_thumb_image}}">
      <meta itemprop="url" content="{{ shop.url }}{{ product.url }}">
      <meta itemprop="image" content="{{ product.featured_image.src | product_img_url: 'grande' }}">
     
      <div class="row">
        {% if settings.style_thumb_image == 'horizontal'%}
        {% if product.images.size == 0 %}
        <div class="col-xs-12 col-sm-12 col-md-6 hidden-xs">
          <img src="{{ '' | product_img_url: 'grande' }}" alt="">
        </div>
        {% else %}
        {% if product.images.size > 1 %} 
        <div class=" col-xs-12 col-sm-1 col-md-1 hidden-xs">
        <div id="zt_list_product" class="thumbs {% if settings.style_moreview == 'horizontal' %}more-view-wrapper-jcarousel{% else %} more-view-wrapper-owlslider {% endif %}">
          <ul id="more-view-carousel" class="product-photo-thumbs jcarousel-skin-tango">
            {% for image in product.images %}
            <li class="image-item">
              <a href="javascript&colon;void(0)" data-image="{{ image.src | product_img_url: 'master' }}" data-zoom-image="{{ image.src | product_img_url: 'master' }}">
                <img src="{{ image.src | product_img_url: 'master' }}" alt="{{ image.alt | escape }}">
              </a>
            </li>
            {% endfor %}
          </ul>
        </div>
        </div>
        {% endif %}
        <div class="col-xs-12 col-sm-5 col-md-5 hidden-xs">
          {% assign featured_image = product.selected_or_first_available_variant.featured_image | default: product.featured_image %}
          <a href="{{ featured_image | img_url: 'master' }}" class="zoom" id="placeholder" >
            <img id="product-featured-image" src="{{ featured_image | img_url: 'master' }}" alt="{{ featured_image.alt | escape }}" data-zoom-image="{{ featured_image.src | img_url: 'master' }}"/>
          </a>
        </div>
        {% endif %}
        {% endif %}
        {% if settings.style_thumb_image == 'ticky'%}
        <div class="col-md-6 col-sm-6 product-img-box hidden-xs">
          <div class="image-items" >
            {% for image in product.images %}
            <a style="padding-bottom:15px;display:inline-block;width:100%;clear:both" href="javascript&colon;void(0)" data-image="{{ image.src | product_img_url: 'master' }}" data-zoom-image="{{ image.src | product_img_url: 'master' }}">
              <img src="{{ image.src | product_img_url: 'master' }}" alt="{{ image.alt | escape }}">
            </a>
            {% endfor %}
          </div>
        </div>
        {% endif %}
        {% if settings.style_thumb_image == 'vertical'%}
        <div class="col-md-8 col-sm-7 product-img-box hidden-xs">
          {% if product.images.size == 0 %}
          <img src="{{ '' | product_img_url: 'grande' }}" alt="">
          {% else %}
          {% assign featured_image = product.selected_or_first_available_variant.featured_image | default: product.featured_image %}
          <a href="{{ featured_image | img_url: 'master' }}" class="zoom" id="placeholder" >
            <img id="product-featured-image" src="{{ featured_image | img_url: 'master' }}" alt="{{ featured_image.alt | escape }}" data-zoom-image="{{ featured_image.src | img_url: 'master' }}"/>
          </a>
          {% if product.images.size > 1 %}
          <div id="zt_list_product" class="thumbs">
            {% for image in product.images %}
            <div class="image-item">
              <a href="javascript&colon;void(0)" data-image="{{ image.src | product_img_url: 'master' }}" data-zoom-image="{{ image.src | product_img_url: 'master' }}">
                <img src="{{ image.src | product_img_url: 'master' }}" alt="{{ image.alt | escape }}">
              </a>
            </div>
            {% endfor %}
          </div>
          {% endif %}
          {% endif %}
        </div>
        {% endif %}
        <div class="hidden-md hidden-lg hidden-sm col-xs-12 product-image-mobile">
          {% assign featured_image = product.selected_or_first_available_variant.featured_image | default: product.featured_image %}
          <div class="product_owl image-mobile" id="product_owl">
            {% for image in product.images %}
            <div class="item">
              <img class="img-responsive" data-image="{{ image.src | product_img_url: 'master' }}" src="{{ image.src | img_url: '1024x1024' }}" alt="{{ image.alt | escape }}" />
            </div>
            {% endfor %}
          </div>
        </div>
{% if settings.style_thumb_image == 'vertical'%}
        <div class="col-xs-12 col-md-4 col-sm-5 product-shop">
          {% else %}
          <div class="col-xs-12 col-md-6 col-sm-6 product-shop">
          {% endif %}
          <div >
            <header class="product-title {% if collection.previous_product or collection.next_product and settings.display_prev_next_product and collection %}has-btn{% endif %}">
              <h2 itemprop="name">{{ product.title }}</h2>
              {% if settings.display_prev_next_product and collection %}
              {% if collection.previous_product %}
              <a class="prev btn" href="{{ collection.next_product }}" title="Prev">{{'typo_product.detail.product_prev' | t}}</a>
              {% endif %}
              {% if collection.next_product %}
              <a class="next btn" href="{{ collection.next_product }}" title="Next">{{'typo_product.detail.product_next' | t}}</a>
              {% endif %}
              {% endif %}
            </header>
 
            {% if settings.display_product_reviews %}       
            <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
            {% endif %}
<p class="product-vendor"><span>{{ product.vendor }}</span></p>
            <p class="product-type"><span>{{ product.type }}</span></p>
<p class="short-description ">{{ product.description | strip_html | truncatewords: 30 }}
              <a class="show-more" style="text-decoration: underline;color:#000;">Mere</a>
            </p>
            <p class="full-description" style="display:none;">{{ product.description | strip_html }}
            <a class="less-more" style="text-decoration: underline;color:#000;">Mindre</a>
            </p>
            
            <script>
              jQuery('.show-more').click(function(){
              jQuery(this).parent('.short-description').hide();
                jQuery('.full-description').show();
              });
              jQuery('.less-more').click(function(){
                jQuery('.short-description').show();
              jQuery(this).parent('.full-description').hide();
              })
              
            </script>
            <div class=" row prices" style="margin:0;">
              <div class="col-md-7 col-sm-7 hidden-xs product-price-text"  style="padding:0;">
                {{ settings.product_custom_link }}
              </div>
<div class="col-md-5 col-sm-5 col-xs-12 text-right" style="padding:0;">
              {% if product.compare_at_price > product.price %}
              <span class="compare-price">{{ product.compare_at_price_max | money }}</span>
              <span class="price on-sale" >{{ product.price | money }}</span>
              {% else %}
              <span class="price" >{{ product.price | money }}</span>
              {% endif %}
              </div>
                         <div style="margin-top:-30px; text-align:right;    width: 230px;    float: right;">
              {% include 'viabill-pricetag' %}
            </div>
            </div>
 
            {% if settings.display_availability or settings.display_product_type or settings.display_vendor %}
            
              {% if settings.display_availability %}
            <div class="availability">
              <p class="product-inventory"> <label>{{'typo_product.detail.availability_label' | t}}</label><span>{% if product.selected_or_first_available_variant.inventory_management %}{% assign first_inventory = product.selected_or_first_available_variant.inventory_quantity %}{% if first_inventory > 0 %}{{first_inventory}}{{'typo_product.detail.instock_product' | t}}{% else %}{{'typo_product.detail.outstock_product' | t}}{% endif %}{% else %}{{'typo_product.detail.manystock_product' | t}}{% endif %}
               
                </span></p>
              </div>
              {% endif %}
 
            
            {% endif %}
 
         
            
 
            <form action="/cart/add" method="post" enctype="multipart/form-data" id="add-to-cart-form">
              <div id="product-variants">
               
                {% assign variantCount = product.variants | size %}
                  {% if product.available %} 
                  {% if variantCount > 1 %}
 
                 <h3>VALGMULIGHEDER</h3>
                  <div class="header">{{ swatch }}</div>
                  <select id="product-selectors" name="id" style="display:none">
                 {% for variant in product.variants %}
                    <option {% if variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money }}</option>
                    {% endfor %}
                  </select>
 
                  {% else %}
                  <input type="hidden" name="id" value="{{ product.variants[0].id }}" />
                  {% endif %}
                  {% endif %}
              </div>
 
 
 
              {% if product.available %} 
              <div class="dec button">{{'typo_product.detail.qty' | t }}:</div>
              <div class="wrap-qty">
                <div class="custom-qty">
                  <input type="text" id="quantity" name="quantity" value="1">
                  <div class="btn-plus">
                    <span class="up-qty"><i class="fa fa-plus"></i></span>
                    <span class="down-qty"><i class="fa fa-minus"></i></span>
                  </div>
                </div>
              </div>
              <button type="submit" name="add" data-toggle="tooltip" data-placement="top" title="{{'typo_product.detail.add_cart' | t }}" class="btn" id="product-add-to-cart">{{'typo_product.detail.add_cart' | t }}</button>          
              {% else %} 
              <button type="submit" name="add" class="btn" id="product-add-to-cart" disabled>{{'typo_product.detail.unavailable' | t }}</button>  
              {% endif %}
            </form>
           
 
 
          </div>
            <div class="image-badge" style="text-align:center;">
              <a href="https://nordlyhome.dk/pages/handelsbetingelser">
             <img src="{{ 'badge.png' | asset_url }}" alt="" style="    max-width: 280px;"/>
              </a>
            </div>
            
            {% if settings.display_product_custom_text %}
            <div class="row" style="padding-top:20px;     line-height: normal;clear: both;">
              <div class="col-md-6 col-xs-6 center" style="border-right:1px solid #eee">  
                <span style="font-weight:600; text-transform:uppercase; font-size:12px;color:#666">{{settings.product_custom_text_left_heading }}</span>  
                <div style="font-size:11px;color:#888"> {{settings.product_custom_text_left }}</div>
              </div>
              <div class="col-md-6 col-xs-6 center">  
                <span class="product-stock-status-headline" data-delivery="710">{{settings.product_custom_text_right_heading }}</span>
                <div class="product-stock-status-desc" style="font-size:11px;color:#888">{{settings.product_custom_text_right }}</div>
              </div>
            </div>
            {% endif %}
<!--            <div class="product_socials_wrapper_inner"> 
            {% capture share_url %}{{ shop.url }}{{ product.url }}{% endcapture %}
       
              <a href="//twitter.com/share?url={{ share_url }}&text={{ product.title }}" target="_blank" class="twitter" title="Twitter"><i class="fa fa-twitter"></i></a>
              <a href="https://www.facebook.com/sharer/sharer.php?u={{ share_url }}" target="_blank" class="facebook" title="Facebook"><i class="fa fa-facebook"></i></a>
              <a href="//plus.google.com/share?url={{ share_url }}" target="_blank" class="google-plus" title="Google plus"><i class='fa fa-google-plus'></i></a>
              <a href="//pinterest.com/pin/create/button/?url={{ share_url }}&description={{ product.title }}&media={{ featured_image.src | img_url: 'original' }}" target="_blank" class="pinterest" title="vimeo"><i class="fa fa-pinterest"></i></a>
         
          </div> -->
        </div>
      </div>
    </div>
 
 <div class="product-tabs ">
      <div class="product-tabs-title">
        <ul class="nav nav-tabs" id="myTab">
<!--           {% if settings.display_product_detail_description %}
          <li class="active"><a data-toggle="tab" href="#collapse-tab1">{{ settings.product_description_title }}</a></li>
          {% endif %} -->
          {% if settings.display_product_reviews %}       
          <li class="active"><a data-toggle="tab" href="#collapse-tab2">{{ settings.product_review_title }}</a></li>
          {% endif %}
        </ul>
      </div>
      <div id="myTabContent" class="tab-content">
<!--         {% if settings.display_product_detail_description %}
        <div id="collapse-tab1" class="tab-pane fade ">
          {{ product.description }}
        </div>
        {% endif %} -->
 
 
 
        {% if settings.display_product_reviews %}       
        <div id="collapse-tab2" class="tab-pane fade in active">
          {% comment %}
          Add product review widget, must install Product Review App:
          {% endcomment %}
          <div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
        </div>
        {% endif %}
      </div>
    </div> 
    <script>
      jQuery('#myTab a').click(function (e) {
        e.preventDefault();
        jQuery(this).tab('show');
      })
    </script>
 
 
 
    {{ 'option_selection.js' | shopify_asset_url | script_tag }}
 
  </div>
 
</div>
 
{% if settings.style_thumb_image == 'horizontal'%}
<script>
  jQuery(document).ready(function(){
    jQuery('#zt_list_product li').first().find('a').addClass('zoomGalleryActive');
    jQuery(".thumb-image-mobile").owlCarousel({
      itemsCustom : [[320, 1],[767, 1],[768, 1],[1024, 2],[1025, 1],[1600, 1]],pagination : true,navigation : true,navigationText : ['<i class="fa fa-angle-left"></i>','<i class="fa fa-angle-right"></i>']
    });
    if (jQuery(window).width() > 767) {jQuery(document).ready(function() {jQuery("#zt_list_product ul").jcarousel({vertical: true}).css("visibility", "visible");jQuery(".product-img-box").addClass("has-jcarousel");jQuery(".thumbs").css("visibility", "visible")});}
  });
</script>
{{ 'jquery.jcarousel.latest.min.js' | asset_url | script_tag }}
{% endif %}
{% if settings.style_thumb_image == 'vertical'%}
<script>
  jQuery(window).load(function() { 
    jQuery('#zt_list_product .owl-wrapper .owl-item').first().find('a').addClass('zoomGalleryActive');
  });
  jQuery(document).ready(function(){
    jQuery("#zt_list_product").owlCarousel({
      itemsCustom : [[320, 1],[767, 3],[768, 3],[1024, 6],[1025, 6],[1600, 8]],
      pagination : true,navigation : true,navigationText : ['<i class="fa fa-angle-left"></i>','<i class="fa fa-angle-right"></i>']
    });
  });
</script>
{{ 'owl.carousel.min.js' | asset_url | script_tag }}
{% endif %}
{% if settings.style_thumb_image == 'ticky'%}
<script>
   if (jQuery(window).width() > 767) {
      jQuery(document).ready(function(){ if ($('.typo-main')[0]) {jQuery(window).resize(function () {if (jQuery(window).width() > 768) {var wraper_product, item_product, maxMove_product, item, sticky_image;wraper_product = $('.typo-main #product').outerHeight(true);item_product = $('.product-shop > div').outerHeight(true);maxMove_product = wraper_product - item_product;$('.product-shop').data('maxMove_product', maxMove_product);sticky_image = 0;if ($('#header-content .header')[0]) {sticky_image = $('#header-content').height();console.log(sticky_image);}var wrapptoTop = $('.typo-main #product').offset().top - sticky_image;jQuery(window).bind("scroll", function () {var toTop;item = $('.product-shop');maxMove_product = item.data('maxMove_product');toTop = $(window).scrollTop() - wrapptoTop;if (toTop > 0 && toTop <= maxMove_product) {item.css('padding-top', toTop + 'px');}if ($(window).scrollTop() < wrapptoTop) {item.css('padding-top', 0 + 'px');}if (toTop > maxMove_product) {item.css('padding-top', maxMove_product + 'px');}});}}).resize();}})
   }
</script>
{% endif %}
<script>
 
  function thumbs() {
    $("#zt_list_product .image-item").eq(0).addClass("active"),
      $("#zt_list_product .image-item").click(function() {var a = $(this).index();
      $("#zt_list_product .image-item").removeClass("active"),$(this).addClass("active"),$("#product_owl").trigger("owl.goTo", a)
    }),$("#zt_list_product li").length > 4 ? $(".js-thumb").removeClass("thumbs").addClass("thumbs") : $(".js-thumb").removeClass("thumbs")
  }
  function changeslide() {
    var a = function() {
      jQuery(this).owlCarousel({singleItem: !0,lazyLoad: !0,dots: !0,navigation : true,
        afterInit: function(a) {     },
        afterMove: function(a) {     }
      })
    },
        b = function(b) {
          var url = "/products/" + "{{ product.handle }}" + ".js" ;
          $.getJSON( url , {
            format: "json"
          })
          .done(function( data ) {              
            for(i=0;i<data.variants.length;i++){
              if(data.variants[i].option1 == b){
                $("#product_owl").find("img").each(function(){
                  var mainImgsrc=data.variants[i].featured_image.src;
                  var prefix = data.variants[i].featured_image.src.split("//")[0].length;
                  var srcIngorePrefix = mainImgSrc.substring(prefix);                
                  if(srcIngorePrefix == $(this).data('image')){
                    $("#product_owl").trigger("owl.goTo", $(this).parent().parent().index());
                  }
                })
              }
 
            }
          })
        };
    value = $(".single-option-selector").val(), b(value)
  }
  $('.swatch.color .swatch-element').first().addClass('active')
  $('.swatch.color .swatch-element').click(function(){
    if ($('.swatch.color.swatch-element').hasClass('active')){$('.swatch.color .swatch-element').removeClass('active');$(this).addClass('active');}else{$('.swatch.color .swatch-element').removeClass('active');$(this).addClass('active');  }
  });
 
  //Shopify.Image.preload({{ product.images | json }}, 'grande');
 
  {% if settings.display_subtotal and product.available %} 
  //update price when changing quantity
  function updatePricing() {
    //try pattern one before pattern 2
    var regex = /([0-9]+[.|,][0-9]+[.|,][0-9]+)/g;
    var unitPriceTextMatch = jQuery('.product .price').text().match(regex);
 
    if (!unitPriceTextMatch) {
      regex = /([0-9]+[.|,][0-9]+)/g;
      unitPriceTextMatch = jQuery('.product .price').text().match(regex);      
    }
    if (unitPriceTextMatch) {
      var unitPriceText = unitPriceTextMatch[0];      
      var unitPrice = unitPriceText.replace(/[.|,]/g,'');
      var quantity = parseInt(jQuery('#quantity').val());
      var totalPrice = unitPrice * quantity;
      var totalPriceText = Shopify.formatMoney(totalPrice, window.money_format);
      totalPriceText = totalPriceText.match(regex)[0];
      var regInput = new RegExp(unitPriceText, "g");  
      var totalPriceHtml = jQuery('.product .price').html().replace(regInput ,totalPriceText); 
      jQuery('.product .total-price span').html(totalPriceHtml);      
    }
  }
  jQuery('#quantity').on('change', updatePricing);
  {% endif %}
 
  var selectCallback = function(variant, selector) {
    var addToCart = jQuery('#product-add-to-cart'),
        productPrice = jQuery('.product .price'),
        comparePrice = jQuery('.product .compare-price');  
    if (variant) {
      if (variant.available) {
        // We have a valid product variant, so enable the submit button
        addToCart.removeClass('disabled').removeAttr('disabled').val('{{'typo_product.detail.add_cart' | t}}');
                                                                     $('#add-to-cart-form .clear_fix').removeClass("button-unva");
      } else {
        addToCart.val('Sold Out').addClass('disabled').attr('disabled', 'disabled');
      }
      productPrice.html(Shopify.formatMoney(variant.price, "{{ shop.money_format }}"));
 
        if ( variant.compare_at_price > variant.price ) {
             productPrice.addClass("on-sale")
      comparePrice
      .html(Shopify.formatMoney(variant.compare_at_price, "{{ shop.money_format }}"))
            .show();
            } else {
            comparePrice.hide();
      productPrice.removeClass("on-sale");
    }
    {% if settings.use_color_swatch %}
    // BEGIN SWATCHES
    var form = jQuery('#' + selector.domIdPrefix).closest('form');
    for (var i=0,length=variant.options.length; i<length; i++) {
      var radioButton = form.find('.swatch[data-option-index="' + i + '"] :radio[value="' + variant.options[i] +'"]');
      if (radioButton.size()) {
        radioButton.get(0).checked = true;
      }
    }
    // END SWATCHES
    {% endif %}
 
    {% if settings.display_subtotal and product.available %}  
    updatePricing();
    {% endif %}
 
  } else {
    addToCart.val('Unavailable').addClass('disabled').attr('disabled', 'disabled');
  }
 
  
  {% if settings.display_availability %}
  if (variant.available) {
    if (variant.inventory_management!=null) {jQuery(".product-inventory span").text(variant.inventory_quantity + " in stock");} else {jQuery(".product-inventory span").text("Many in stock");}} else {jQuery(".product-inventory span").text("Out of stock");}
  {% endif %}
 
 
 
  if (variant && variant.featured_image) {
    var originalImage = jQuery("#product-featured-image");
    var newImage = variant.featured_image;
    var element = originalImage[0];
    function removeExtent(str){var arr = str.split("v=");if(arr[0])return arr[0];}
 
    Shopify.Image.switchImage(newImage, element, function (newImageSizedSrc, newImage, element) {
      jQuery('#zt_list_product img').each(function() {
        var grandSize = jQuery(this).attr('src');
        grandSize = grandSize.replace('_master','');grandSize = grandSize.replace('.jpg.jpg','.jpg');grandSize = removeExtent(grandSize);newImageSizedsrc=newImageSizedSrc.replace('https:','');newImageSizedsrc=newImageSizedSrc.replace('http:','');newImageSizedsrc=newImageSizedSrc.replace('_master','');newImageSizedsrc=newImageSizedSrc.replace('.jpg.jpg','.jpg');newImageSizedsrc=removeExtent(newImageSizedSrc);console.log('1ff'+newImageSizedSrc);console.log('2ff'+grandSize);
        if (grandSize == newImageSizedSrc) {jQuery(this).addClass('active');jQuery(this).parent().trigger('click'); return false;}
      });
    });        
  }
 
 
 
 
  // =======CUSTOM======
  changeslide();
  // ====END CUSTOM=====
  /*end of variant image*/
 
  };
  $(document).ready(function() {
    jQuery('#product_owl').each(function() {
      jQuery(this).owlCarousel({singleItem:true,lazyLoad : true,dots:false,navigation : true,navigationText : ['<i class="fa fa-angle-left"></i>','<i class="fa fa-angle-right"></i>'],
        afterInit: function (elem) {},
        afterMove: function (elem) {}
      }); 
    });
  });
 
  jQuery(function($) {
    {% if product.available and product.variants.size > 1 %}
      new Shopify.OptionSelectors('product-selectors', {product: {{ product | json }},onVariantSelected: selectCallback, enableHistoryState: true});   
      {% if settings.use_color_swatch and product.available and product.options.size > 1 %}Shopify.linkOptionSelectors({{ product | json }});{% endif %} 
      {% if settings.use_color_swatch != true %}jQuery('.single-option-selector').selectize();jQuery('.selectize-input input').attr("disabled","disabled");{% endif %}
    {% endif %}
    
    {% if product.options.size == 1 and product.options.first != 'Title' %}$('.selector-wrapper:eq(0)').prepend('<label>{{ product.options.first }}</label>');{% endif %}
{% if product.variants.size == 1 and product.variants.first.title contains 'Default' %}$('.selector-wrapper').hide();{% endif %}
 
    // Auto-select first available variant on page load. Otherwise the product looks sold out.
    {% assign found_one_in_stock = false %}
    {% for variant in product.variants %}
    {% if variant.available and found_one_in_stock == false %}
    {% assign found_one_in_stock = true %}
    {% for option in product.options %}
    $('.single-option-selector:eq({{ forloop.index0 }})').val({{ variant.options[forloop.index0] | json }}).trigger('change');
    {% endfor %}
    {% endif %}
    {% endfor %}
 
    {% if settings.display_product_reviews %}  
    var reviewsTimeout = setInterval(function() {
      if (jQuery(".spr-badge-caption").length>0) {jQuery(".spr-badge-caption").on('click', function() {jQuery('html,body').animate({scrollTop: jQuery(".panel:last").offset().top},'400');jQuery("#collapse-tab4").collapse('show');});clearInterval(reviewsTimeout);}
    },1000);
    {% endif %}
  });
 
</script>
 
 
{% if settings.display_related_products %} 
{% if settings.related_products_type == "tags" %}
{% include 'related-products-by-tags' %}
{% else %}
{% include 'related-products' %}
{% endif %}
{% endif %}
0 Likes