Product Descriptions not showing on theme

Highlighted
New Member
2 0 0

Hello,

I am trying to enable my product descriptions on my new theme; https://phkyc37l6k422z2v-26992083009.shopifypreview.com

But they don't seem to be working? does anyone know how I can enable them

Code is:

<div itemscope itemtype="http://schema.org/Product">
  <meta itemprop="url" content="{{ shop.url }}{{ product.url }}" />
  <meta itemprop="image" content="{{ product.featured_image.src | product_img_url: 'grande' }}">
  <span itemprop="name" class="hide">{{ product.title }}</span>
  
  {% assign _product_info_class = "col-lg-9 col-md-12" %}
  {% assign _product_action_class = "col-lg-3 col-md-12" %}
  {% assign _product_layout = '1' %}
  
  {% if collection %}
    <div class="product-control-buttons">
      {% if collection.previous_product %}
        <a class="prev" href="{{collection.previous_product}}"><span class="icon-prev"></span>{{ 'products.product.previous' | t }}</a>
      {% endif %}
 
      {% if collection.next_product %}
        <a class="next" href="{{collection.next_product}}">{{ 'products.product.next' | t }}<span class="icon-next"></span></a>
      {% endif %}
    </div>
  {% endif %}
 
  <!-- Begin #col-main -->
  <div id="col-main" class="page-product product-single layout-{{ _product_layout }}">
 
        <div class="product">
          <div class="container">
            <div class="row">
 
              <!-- Begin #product-info -->
 
              <div id="product-info" class="{{ _product_info_class }}">
                <div class="row">
                  
                  <div id="product-image" class="col-lg-7 col-md-6 col-sm-12">
                    <div class="product-image">
                      <div class="product-image-inner">
 
                        {% if product.images.size > 0 %}
 
                        {% if settings.meta_image360 %}
                        {% assign _meta_image360 = product.metafields.c_f %}
                        {% assign key = 'image360' %}
 
                        {% unless _meta_image360.image360 == blank %}
 
                        <div class="meta-image360">
                          <a class="m-360" data-fancybox-type="iframe" href="{{ _meta_image360.image360 }}"><span class="icon-360"></span>{{ 'products.product.image360' | t }}</a>
                        </div> 
 
                        <script>
                          $(document).ready(function() {
                            $(".m-360").fancybox({
                              maxWidth : 800,
                              maxHeight : 600,
                              fitToView : false,
                              width : '70%',
                              height : '70%',
                              autoSize : false,
                              closeClick : false,
                              openEffect : 'none',
                              closeEffect : 'none'
                            });
                          });
                        </script>
 
                        {% endunless %}
 
                        {% endif %}
 
                        {% assign featured_image = product.selected_or_first_available_variant.featured_image | default: product.featured_image %}
                        <a href="{{ featured_image | product_img_url: 'original' }}" class="featured-image elevatezoom">
 
                          <img id="product-featured-image" class="magniflier zoom-image" src="{{ featured_image | product_img_url: '1024x1024' }}" data-zoom-image="{{ featured_image | product_img_url: 'original' }}" alt="{{ product.title | escape }}" />
 
                          {% unless settings.enable_saleoff_label == 'none' %}
                          <span class="image-sale-detail"{% unless product.variants.first.price < product.variants.first.compare_at_price %} style="display: none;"{% endunless %}>
                            <span id="image-label-sale">
 
                              {% if product.variants.first.price < product.variants.first.compare_at_price %}
                              {% if settings.enable_saleoff_label == 'percent' %}
                              {% assign percent_off = product.variants.first.price | times:100.00 | divided_by: product.variants.first.compare_at_price | round %}
                              <span class="sale-text">{{ 100 | minus : percent_off }}%</span>
                              {% else %}
                              <span class="sale-text">{{ 'products.label.sale' | t }}</span>
                              {% endif %}
                              {% endif %}
 
                            </span>
                          </span>
                          {% endunless %}
                        </a>
 
                        {% if settings.meta_video %}
                          {% assign _meta_video = product.metafields.c_f %}
                          {% assign key = 'video_url' %}
 
                          {% unless _meta_video.video_url == blank %}
                            <div class="meta-video">
                              <a href="{{ _meta_video.video_url }}" class="m-video"><i class="fa fa-play"></i>{{ 'products.product.video' | t }}</a>
                            </div>
 
                            <script src="{{ 'jquery.fancybox-media.js' | asset_url  }}"></script>
 
                            <script>
                              $(document).ready(function() {
                                $('.m-video').fancybox({
                                  openEffect  : 'none',
                                  closeEffect : 'none',
                                  helpers : {
                                    media : {}
                                  }
                                });
                              });
                            </script>
                          {% endunless %}
                        {% endif %}
 
                        <div class="more-view-image{% unless product.images.size > 1 %} d-none{% endunless %}">
                          <ul id="gallery-image" class="gallery-image-thumb">
                            {% for image in product.images %}
                              <li>
                                <a class="thumb-img{% if forloop.index == 1 %} active{% endif %}" data-image="{{ image | product_img_url: '1024x1024' }}" data-zoom-image="{{ image | product_img_url: 'original' }}">
                                  <img src="{{ image.src | product_img_url: 'small' }}" alt="{{ product.title | escape }}">
                                </a>
                              </li>
                            {% endfor %}
                          </ul>
                        </div>
 
                        {% else %}
                          <img src="{{ 'default-image.jpg' | asset_url }}" />
 
                        {% endif %}
 
                      </div>
                    </div>
                  </div>
                  
                  <div id="product-text" class="col-lg-5 col-md-6 col-sm-12">
                    <div class="product-text">
                      <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
 
                        <h1 itemprop="name" content="{{ product.title }}" class="page-heading">
                          {{ product.title }}
                          {% if settings.show_fire_icon %}
                            {% assign meta_fire = product.metafields.c_f %}
                            {% assign key = 'fire_icon' %}
 
                            {% if meta_fire.fire_icon == '1' %}
                              <img class="meta-fire" src="{{ 'fire_icon.png' | asset_url }}" alt="Fire icon" />
                            {% endif %}
                          {% endif %}
 
                          {% if settings.show_veggie_icon %}
                            {% assign meta_fire = product.metafields.c_f %}
                            {% assign key = 'veggie' %}
 
                            {% if meta_fire.veggie_icon == '1' %}
                              <img class="meta-veggie" src="{{ 'veggie_icon.png' | asset_url }}" alt="Veggie icon" />
                            {% endif %}
                          {% endif %}
                        </h1>
                        
                        <meta itemprop="priceCurrency" content="{{ shop.currency }}" />
                        
                        {% if settings.show_product_vendor and product.vendor %}
                          <div class="author">{{ product.vendor | link_to_vendor }}</div>
                        {% endif %}
                        
                        {% if settings.product_tab_review %}
                          <div class="rating-links">
                            <div class="shopify-product-reviews-badge" data-id="{{ product.id }}"></div>
                            <a href="#tab_review">{{ 'products.product.add_your_review' | t }}</a>
                          </div>
                        {% endif %}
                        
                        <div id="purchase-{{ product.id }}" class="product-price">
                          <div class="detail-price" itemprop="price" content="{{ current_variant.price | divided_by: 100.00 }}">
                            {% if product.compare_at_price_max > product.price %}
                              <del class="price-compare"> {{ product.compare_at_price | money }}</del>
                              <span class="price-sale">{{ product.price | money }}</span>
                            {% else %}
                              <span class="price">{{ product.price | money }}</span>
                            {% endif %}
                          </div>
                        </div>
                        
                        {% if product.available %}
                          <link itemprop="availability" href="http://schema.org/InStock" />
                        {% else %}
                          <link itemprop="availability" href="http://schema.org/OutOfStock" />
                        {% endif %}
                        
                        {% if settings.meta_description_excerpt %}
                          {% assign meta_shortdes = product.metafields.c_f %}
                          {% assign key = 'description_excerpt' %}
 
                          {% unless meta_shortdes.description_excerpt == blank %}
                          <div class="short-description">{{ meta_shortdes.description_excerpt }}</div>
                          {% endunless %}
                        {% endif %}
 
                        {% unless settings.custom_field == blank %}
                          <div class="custom-field">{{ settings.custom_field }}</div>
                        {% endunless %}
                        
                        {% if settings.show_social_sharing_product %}
                          {% include 'social-sharing' %}
                        {% endif %}
                        
                        <div class="detail-deal">{% include 'product-detail-deals' %}</div>
                        
                        {% if settings.show_secure_image or settings.show_paypal_image %}
                          <div class="secure-image">
 
                            {% if settings.show_secure_image %}
                              <img src="{{ 'secure_image.png' | asset_url }}" alt="Secure" />
                            {% endif %}
 
                            {% if settings.show_paypal_image %}
                              <img src="{{ 'paypal_image.png' | asset_url }}" alt="Secure" />
                            {% endif %}
 
                          </div>
                        {% endif %}
                        
                      </div>
                    </div>
                  </div>
                  
                </div>
              </div>
 
              <!-- End #product-info /- -->
 
 
              <!-- Begin #product-action -->
 
              <div id="product-action" class="{{ _product_action_class }}">
                <div class="wrap-product-action">
 
                  {% if settings.show_delivery %}
                    {% assign meta_delivery = product.metafields.c_f %}
                    {% assign key = 'delivery' %}
 
                    {% unless meta_shortdes.delivery == '0' %}
                      <div class="meta-delivery">
                        {{ 'products.product.delivery' | t }}:
                        {% if meta_shortdes.delivery == blank %}
                          <span>{{ settings.delivery_time }}</span>
                        {% else %}
                          <span>{{ meta_shortdes.delivery }}</span>
                        {% endif %}
                      </div>
                    {% endunless %}
                  {% endif %}
 
                  {% if product.available %}
                    {% assign hide_default_title = false %}
                  
                    {% if product.variants.size == 1 and product.variants.first.title contains 'Default' %}
                      {% assign hide_default_title = true %}
                    {% endif %}
 
                    <div class="group-cw clearfix">
                      <form action="/cart/add" method="post" class="product-action variants" enctype="multipart/form-data">
                        
                        <div id="product-action-{{ product.id }}"  class="options">
                          
                            {% assign _swatches_size = 0 %} 
                            {% assign _swatches_color = 0 %}
                            {% assign _swatches_colour = 0 %}
 
                            {% for option in product.options %}
                              {% assign _option = option | downcase %}
 
                              {% if settings.show_swatches_color and _option == "color" %}
                                  {% assign _swatches_color = 1 %}
                              {% endif %}
 
                              {% if settings.show_swatches_color and _option == "colour" %}
                                  {% assign _swatches_colour = 1 %}
                              {% endif %}
 
                              {% if settings.show_swatches_size and _option == "size" %}
                                  {% assign _swatches_size = 1 %} 
                              {% endif %}
                            {% endfor %}
 
                            <div class="variants-wrapper{% if _swatches_color == 1 or _swatches_colour == 1 %} show-swatches-color{% endif %}{% if _swatches_size == 1 %} show-swatches-size{% endif %} clearfix"> 
                                <select id="product-select-{{ product.id }}" name="id" style="display:none;">
                                  {% for variant in product.variants %}
 
                                    {% if variant.available %}
                                      <option {% if variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} value="{{ variant.id }}">{{ variant.title }}</option>
 
                                    {% else %}
                                      <option disabled="disabled">
                                        {{ variant.title }} - {{'products.product.sold_out' | t }}
                                      </option>
 
                                    {% endif %}
 
                                  {% endfor %}
                                </select>
                            </div>
 
                            {% if settings.show_swatches_color %}
                              {% if product.available and product.variants.size > 1 %}
 
                                {% if _swatches_color == 1 %}
                                  {% include 'swatch' with 'Color' %}
                                {% endif %}
 
                                {% if _swatches_colour == 1 %}
                                  {% include 'swatch' with 'Colour' %}
                                {% endif %}
 
                              {% endif %} 
                            {% endif %}
 
                            {% if settings.show_swatches_size %}
                              {% if product.available and product.variants.size > 1 %}
 
                              {% if _swatches_size == 1 %}
                                {% include 'swatch' with 'Size' %}
                              {% endif %}
 
                              {% endif %}
                            {% endif %}
                            
                            {% if settings.meta_size_chart %}
                              {% assign meta_sizechart = product.metafields.c_f %}
                              {% assign key = 'size_chart' %}
 
                              {% unless meta_sizechart.size_chart == blank %}
 
                                <div class="size-chart">
                                  <a href="#size-chart-popup">{{ 'products.product.size_chart' | t }}</a>
                                </div>
 
                                <div id="size-chart-popup" style="display: none;"><img src="{{ meta_sizechart.size_chart | split: 'https:' }}" alt="" /></div>
 
                                <script>
                                  jQuery(document).ready(function($) {   
                                    $(".size-chart a").fancybox();
                                  });
                                </script>
 
                              {% endunless %}
 
                            {% endif %}
 
                        </div>
 
                        <div class="quantity-product">
                          <div class="quantity">
                            <label>{{ 'products.product.quantity' | t }}</label>
                            <input type="number" id="quantity" class="item-quantity" name="quantity" value="1" />
                            <span class="qty-wrapper">
                              <span class="qty-inner">
 
                                <span class="qty-up" title="Increase" data-src="#quantity">
                                  <i class="fa fa-angle-up"></i>
                                </span>
 
                                <span class="qty-down" title="Decrease" data-src="#quantity">
                                  <i class="fa fa-angle-down"></i>
                                </span>
 
                              </span>
                            </span>
                          </div>
                        </div>
 
                        <div class="action-button">
                          <button id="add-to-cart" class="add-to-cart btn btn-default" type="button">{{ 'products.product.add_to_cart' | t }}</button> 
                        </div>
 
                      </form>
                    </div> 
 
                    {% else %}
                      <meta itemprop="price" content="{{ product.price | divided_by: 100.00  }}" />
 
                      <div class="group-cw clearfix">
                        <div class="action-button">
                          <button id="add-to-cart" class="sold-out btn btn-default disabled" type="button">{{'products.product.sold_out' | t }}</button>
                        </div>
                      </div>
 
                    {% endif %} 
 
                </div>
              </div>
 
              <!-- End #product-action /- -->
 
            </div>
          </div>
        </div>
 
        <!-- End .product /- -->   
 
        {% if settings.show_product_collections or settings.show_product_sku %}
          <div class="product-col-sku">
            <div class="container">
              <ul class="list-inline">
 
                {% if settings.show_product_collections and product.collections.size > 0 %}
                  <li class="category">
                    <span>{{ 'products.product.category' | t }}</span>
                    {% for p_col in product.collections %}
                    <a href="{{ p_col.url }}">{{ p_col.title }}{% unless forloop.last %},{% endunless %}</a>
                    {% endfor %}
                  </li>
                {% endif %}
 
                {% if settings.show_product_sku %}
                  <li class="product-code"{% if product.variants.first.sku == blank %} style="display:none;{% endif %}">
                    <span>{{ 'products.product.product_code' | t }}</span>
                    <span id="sku">{{ product.variants.first.sku }}</span>
                  </li>
                {% endif %}
 
              </ul>
            </div>
          </div>
        {% endif %}
    
    {% include 'product-tab' %}
    
        {% if settings.meta_ingredients %}
          {% assign meta_ingredients = product.metafields.c_f %}
          {% assign key = 'ingredients' %}
 
          {% unless meta_ingredients.ingredients == blank %}
            <div class="ingredients">
              <div class="container">
                <div class="row">
 
                  <div class="ingredients-title col-lg-3 col-md-12">
                    <h3>{{ 'products.product.ingredients' | t }}</h3>
                  </div>
 
                  <div class="ingredients-item col-lg-9 col-md-12">
                    <div class="row">
                      {%- assign ingredients_collection = collections[meta_ingredients.ingredients] -%}
                      {% for product in ingredients_collection.products %}
                      <div class="item col-md-4 col-sm-6 col-12">
                        <span class="image">
                          <img src="{{ product.featured_image | product_img_url: '100x' }}" alt="Ingredients" />
                        </span>
                        <span class="text">{{ product.title }}</span>
                      </div>
                      {% endfor %}
                    </div>
                  </div>
 
                </div>
              </div>
            </div>
          {% endunless %}
    
        {% endif %}
 
  </div>
  <!-- End #col-main /- -->
  
  {% if settings.enable_related_product %}
    {% include 'related-product' %}
  {% endif %}
  
</div>
 
{% include 'notify-product-slider' %}
 
<script type="text/javascript">
 
// initialize multi selector for product
$(window).load(function() {
      
        setTimeout(function(){
          AT_Main.scareWidth();
        }, 1000);
      
        $(".qty-inner .qty-up").on("click", function() {
var oldValue = $("#quantity").val(),
newVal = 1;
newVal = parseInt(oldValue) + 1;
$("#quantity").val(newVal);
});
$(".qty-inner .qty-down").on("click", function() {
var oldValue = $("#quantity").val();
if (oldValue > 1) {
newVal = 1;
newVal = parseInt(oldValue) - 1;
$("#quantity").val(newVal);
}
});
 
/* selectCallback */
var selectOptionsCallback = function(variant, selector) {
 
if (variant) {
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;
}
}
}
          
          
var add_to_cart = '#add-to-cart';
var $price = '#purchase-' + selector.product.id.toString() + ' .detail-price';
if (variant && variant.available) {
 
// Update variant image
if (variant.featured_image) { 
  var originalImage = jQuery("#product-featured-image");
  var newImage = variant.featured_image;
                  console.log(originalImage);
  var element = originalImage[0];
  Shopify.Image.switchImage(newImage, element, function (newImageSizedSrc, newImage, element) {
jQuery('#gallery-image img').each(function() {
  var grandSize = jQuery(this).attr('src');
  grandSize = grandSize.replace('small','1024x1024');
  if (grandSize == newImageSizedSrc) {
jQuery(this).parent().trigger('click');              
return false;
  }
});
  });   
}
 
// selected a valid variant
$(add_to_cart).removeClass('disabled').removeAttr('disabled').html('{{ "products.product.add_to_cart" | t }}'); // remove unavailable class from add-to-cart button, and re-enable button
 
if(variant.compare_at_price == null){
$($price).html('<span class="price">'+Shopify.formatMoney(variant.price, '{{shop.money_format}}')+'</span>');
                    
                    {% unless settings.enable_saleoff_label == 'none' %}
                      jQuery("#image-label-sale").html('').parent().hide();
                    {% endunless %}
                    
{% if settings.show_multiple_currencies %}
                      /* Update currency */
                      currenciesCallbackSpecial('#product-info span.money');
{% endif %} 
}
  
else {
$($price).html('<del class="price-compare">' + Shopify.formatMoney(variant.compare_at_price, '{{shop.money_format}}') + '</del>' + '<span class="price-sale">'+Shopify.formatMoney(variant.price, '{{shop.money_format}}') + '</span>');
                                                                                       
                    var _percent_off = Math.round((variant.price*100)/variant.compare_at_price)
                    ,_percent_off = 100 - _percent_off;
                  
                    {% unless settings.enable_saleoff_label == 'none' %}
                      {% if settings.enable_saleoff_label == 'percent' %}
                        jQuery("#image-label-sale").html('<span class="sale-text">' + _percent_off + '%</span>');
                      {% else %}
                        jQuery("#image-label-sale").html('<span class="sale-text">Sale</span>');
                      {% endif %}
                  
                      jQuery("#image-label-sale").parent().show();
                    {% endunless %}
                  
{% if settings.show_multiple_currencies %}
                      /* Update currency */
                      currenciesCallbackSpecial('#product-info span.money');
{% endif %}
 
}
else {
$(add_to_cart).addClass('disabled').attr('disabled', 'disabled'); // set add-to-cart button to unavailable class and disable button
var message = variant ? "{{'products.product.sold_out' | t }}" : "{{'products.product.unavailable' | t }}";
$(add_to_cart).html(message);
//$($price).html('<span class="unavailable">' + message + '</span>');
}
                
            {% if settings.show_product_sku %}
if (variant && variant.sku ) { 
jQuery("#sku").html(variant.sku).parent().show(); 
}
else{
jQuery("#sku").parent().hide(); 
}
{% endif %}
};
 
        {% if product.variants.size > 1 %}
            new Shopify.OptionSelectors("product-select-{{ product.id }}", { product: {{ product | json | remove:'\u003E' | remove:'\u003C' | remove:'\u00a0' }}, onVariantSelected: selectOptionsCallback, enableHistoryState: true });
        {% endif %}
              
// Add label if only one product option
{% if product.options.size == 1 and product.options.first != 'Title' %}
$('.selector-wrapper:eq(0)').prepend('<label>{{ product.options.first | escape }}</label>');
{% endif %}
 
// Hide selectors if we only have 1 variant and its title contains 'Default'.
{% if product.variants.size == 1 and product.variants.first.title contains 'Default' %}
$('.selector-wrapper').hide();
{% endif %}
 
});
</script>
0 Likes