Product Description has not been shown

New Member
8 0 0

Hello,

 

I'm using Furnir template.

I wrote all product description of all products, but I can't see them on product page. Maybe problem is on "more info" tab.

An example: https://www.confort24.com/products/lisa-sofa-3-plazas-gris-con-patas-de-metal

 

Does anyone had the same problem?

 

Thank you all!

 

0 Likes
Excursionist
53 4 6

Hi there, it can be a coding issue in your theme files. Inbox me your product-template.liquid codes  if you want to get help. Best of luck!

To get Shopify Store Design, Customization and Development service, Inbox me.
0 Likes
Highlighted
Shopify Expert
9965 84 1469

^ this isn't a helpful reply at all. If you're posting here in an attempt to solicit work, please don't. If you want to help - wonderful - but do that here. The more we can help on the forums the more likely we'll help others with a similar problem.

 

-----

 

Hi @marianasilveira 

A shopify theme by default will show the product description. Since yours doesn't show that now I have to assume that you've made changes to the theme code (or an app has). I would assume that those tabs are very likely related to the problem you're seeing.

 

I've a couple of questions:

  1. Are you able to give some info about how the tabs where added into your theme?
  2. Do you still use the tabs?

 

You might have to share some code here (likely the product-template.liquid snippet) as well but lets see how far we can get without it.

 

 

★ Winning Partner of the Build a Business competition. ★ http://freakdesign.com.au
0 Likes
Excursionist
53 4 6

Hi @Jason , 

 

You didn't get my point of view. I was asking for the code via inbox. 

To get Shopify Store Design, Customization and Development service, Inbox me.
0 Likes
New Member
8 0 0

Hi, Jason

 

This page already exists, wasn't  me that configured. I started add products some days ago and changed some banners, but I didnt do anything on code area.

That's not necessary have the "more info" area, it already was on template. I just need the description to be shown on product page.

 

Here you have page section from product-template.liquid. Do you need anything else?

 

<!-- PAGE SECTION START --> 
<div class="page-section section pt-100 pb-60">
  <div class="container">
    <div class="row mb-40">
      <!-- Single Product Images -->
      <div class="col-md-5 col-sm-6 col-xs-12 mb-40">
        <!-- Tab panes -->
        <div class="tab-content mb-10">
          <div class="pro-large-img">
            {% assign featured_image = current_variant.featured_image | default: product.featured_image %}
            <img class="" id="ProductPhotoImg" src="{{ featured_image | img_url: 'grande' }}" alt="">
          </div>
        </div>
        <!-- Single Product Thumbnail Slider -->
        {% if product.images.size > 1 %}
        <div class="pro-thumb-img-slider" id="ProductThumbs">
          {% for image in product.images %}
          <div>
            <a class="product-single__thumbnail" href="{{ image.src | img_url: 'grande' }}"><img src="{{ image | img_url: 'compact' }}" alt="" /></a>
          </div>
          {% endfor %}
        </div>
        {% endif %}
      </div>
      <!-- Single Product Details -->
      <div class="col-md-7 col-sm-6 col-xs-12 mb-40">
        <div class="product-details section">
          <!-- Title -->
          <h1 class="title">{{ product.title }}</h1>
          <!-- Price Ratting -->
          <div class="price-ratting section">
            <!-- Price -->
            <span class="price float-left">
              <span class="new" id="ProductPrice">{{ product.selected_or_first_available_variant.price | money }}</span>
              <span class="old">{% if product.compare_at_price_max > product.price %}<del>{{ product.selected_or_first_available_variant.compare_at_price | money }}</del>{% endif %}</span>
            </span>
            
            <span class="availability section"><strong>available:</strong> 
              {% if product.available %}
              <span class="in">In Stock</span>
              {% else %}
              <span class="out">Out of Stock</span>
              {% endif %}
            </span>
 
          </div>
          <!-- Short Description -->
          <div class="short-desc section">
            {% if product.description contains '[short_description]' %}            
            {% assign short_description_first = product.description | split:'[/short_description]' | first %}
            {% assign short_description_final = short_description_first | split:'[short_description]' | last %}
            {% if section.settings.short_description_title !='' %}
            <strong>{{ section.settings.short_description_title }}:</strong>
            {% endif %}
            {{ short_description_final }}   
            {% endif %} 
          </div>
 
          <form  action="/cart/add" method="post" enctype="multipart/form-data" id="add-item-form">
 
 
            <div class="product-size section fix">
 
              <select name="id" id="productSelect" class="product-single__variants email s-email s-wid" style="display:none;">
                {% for variant in product.variants %}
                {% if variant.available %}
                <option {% if variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money_with_currency }}</option>
                {% else %}
                <option disabled="disabled">
                  {{ variant.title }} - {{ 'products.product.sold_out' | t }}
                </option>
                {% endif %}
                {% endfor %}
              </select>                      
              {% if product.available and product.variants.size > 1 %}
              {% for option in product.options %}
              {% include 'swatch' with option %}
              {% endfor %}
              {% endif %}                    
              <script>
                jQuery(function() {
                  jQuery('.swatch :radio').change(function() {
                    var optionIndex = jQuery(this).closest('.swatch').attr('data-option-index');
                    var optionValue = jQuery(this).val();
                    jQuery(this)
                    .closest('form')
                    .find('.single-option-selector')
                    .eq(optionIndex)
                    .val(optionValue)
                    .trigger('change');
                  });
                });
              </script>
 
            </div>
 
            <!-- Quantity Cart -->
            <div class="quantity-cart section fix">
              <div class="product-quantity">
                <input type="text" value="01" name="quantity">
              </div>
              {% if product.available %}
              <button class="add-to-cart addtocart custom-button-effect"><span>{{ 'products.product.add_to_cart' | t }}</span></button>
              <script>
                jQuery('.addtocart').click(function(e) {
                  e.preventDefault();
                  Shopify.addItemFromFormStart('add-item-form', {{ product.id }});
                                               });
              </script>
              {% else %}
              <button class="add-to-cart disabled-add-to-cart"><span>{{ 'products.product.add_to_cart' | t }}</span></button>
              {% endif %}
            </div>
          </form>
 
 
          <div class="email-print">
            <!-- Go to www.addthis.com/dashboard to customize your tools --> <div class="addthis_inline_share_toolbox_tfo0"></div>
          </div>
          <!-- Usefull Link -->
          <ul class="usefull-link section fix">
            <li>{% include 'wishlist-button-2' %}</li>
          </ul>
 
 
          {% if section.settings.share_button_enable %}
          {% include 'product-share' %}
          {% endif %}
 
 
        </div>
      </div>
    </div>
 
 
    <div class="row">
      <!-- Nav tabs -->
      <div class="col-xs-12">
        <ul class="pro-info-tab-list section fix">
          {% if section.settings.product_tab_1_enable %}
          <li class="active"><a href="#more-info" data-toggle="tab">{{ section.settings.product_info_tab_title }}</a></li>
          {% endif %}
          {% if section.settings.product_tab_2_enable %}
          <li><a href="#reviews" data-toggle="tab">{{ section.settings.product_review_tab_title }}</a></li>
          {% endif %}
          {% if section.settings.product_comments_enable %}
          <li><a href="#data-sheet" data-toggle="tab">{{ section.settings.product_comments_title }}</a></li>
          {% endif %}
        </ul>
      </div>
      <!-- Tab panes -->
      <div class="tab-content col-xs-12">
        {% if section.settings.product_tab_1_enable %}
        <div class="pro-info-tab tab-pane active" id="more-info">
          {% if product.description contains '[product_description]' %}            
          {% assign product_description_first = product.description | split:'[/product_description]' | first %}
          {% assign product_description_final = product_description_first | split:'[product_description]' | last %} 
          {{ product_description_final }}
          {% endif %}
        </div>
        {% endif %}
        {% if section.settings.product_tab_2_enable %}
        <div class="pro-info-tab tab-pane product-review-form" id="reviews">
          <div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
        </div>
        {% endif %}
        {% if section.settings.product_comments_enable %}
        <div class="pro-info-tab tab-pane" id="data-sheet">
          <!-- disqus comment box start -->
          {% if section.settings.product_page_comments_box =='disqus_comment' %}
          {% include 'disqus-comment' %}
          {% endif %}
          <!-- disqus comment box end -->                
          <!-- facebook comment box start -->
          {% if section.settings.product_page_comments_box == 'facebook_comment' %}
          {% include 'facebook-comment' %}
          {% endif %}
          <!-- facebook comment box end -->
        </div>
        {% endif %}
      </div>
    </div>
 
  </div>
</div>
<!-- PAGE SECTION END -->
 
Thank you a lot!
0 Likes
New Member
8 0 0

@Jason forgot to mark your name.

 


@marianasilveira wrote:

Hi, Jason

 

This page already exists, wasn't  me that configured. I started add products some days ago and changed some banners, but I didnt do anything on code area.

That's not necessary have the "more info" area, it already was on template. I just need the description to be shown on product page.

 

Here you have page section from product-template.liquid. Do you need anything else?

 

<!-- PAGE SECTION START --> 
<div class="page-section section pt-100 pb-60">
  <div class="container">
    <div class="row mb-40">
      <!-- Single Product Images -->
      <div class="col-md-5 col-sm-6 col-xs-12 mb-40">
        <!-- Tab panes -->
        <div class="tab-content mb-10">
          <div class="pro-large-img">
            {% assign featured_image = current_variant.featured_image | default: product.featured_image %}
            <img class="" id="ProductPhotoImg" src="{{ featured_image | img_url: 'grande' }}" alt="">
          </div>
        </div>
        <!-- Single Product Thumbnail Slider -->
        {% if product.images.size > 1 %}
        <div class="pro-thumb-img-slider" id="ProductThumbs">
          {% for image in product.images %}
          <div>
            <a class="product-single__thumbnail" href="{{ image.src | img_url: 'grande' }}"><img src="{{ image | img_url: 'compact' }}" alt="" /></a>
          </div>
          {% endfor %}
        </div>
        {% endif %}
      </div>
      <!-- Single Product Details -->
      <div class="col-md-7 col-sm-6 col-xs-12 mb-40">
        <div class="product-details section">
          <!-- Title -->
          <h1 class="title">{{ product.title }}</h1>
          <!-- Price Ratting -->
          <div class="price-ratting section">
            <!-- Price -->
            <span class="price float-left">
              <span class="new" id="ProductPrice">{{ product.selected_or_first_available_variant.price | money }}</span>
              <span class="old">{% if product.compare_at_price_max > product.price %}<del>{{ product.selected_or_first_available_variant.compare_at_price | money }}</del>{% endif %}</span>
            </span>
            
            <span class="availability section"><strong>available:</strong> 
              {% if product.available %}
              <span class="in">In Stock</span>
              {% else %}
              <span class="out">Out of Stock</span>
              {% endif %}
            </span>
 
          </div>
          <!-- Short Description -->
          <div class="short-desc section">
            {% if product.description contains '[short_description]' %}            
            {% assign short_description_first = product.description | split:'[/short_description]' | first %}
            {% assign short_description_final = short_description_first | split:'[short_description]' | last %}
            {% if section.settings.short_description_title !='' %}
            <strong>{{ section.settings.short_description_title }}:</strong>
            {% endif %}
            {{ short_description_final }}   
            {% endif %} 
          </div>
 
          <form  action="/cart/add" method="post" enctype="multipart/form-data" id="add-item-form">
 
 
            <div class="product-size section fix">
 
              <select name="id" id="productSelect" class="product-single__variants email s-email s-wid" style="display:none;">
                {% for variant in product.variants %}
                {% if variant.available %}
                <option {% if variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money_with_currency }}</option>
                {% else %}
                <option disabled="disabled">
                  {{ variant.title }} - {{ 'products.product.sold_out' | t }}
                </option>
                {% endif %}
                {% endfor %}
              </select>                      
              {% if product.available and product.variants.size > 1 %}
              {% for option in product.options %}
              {% include 'swatch' with option %}
              {% endfor %}
              {% endif %}                    
              <script>
                jQuery(function() {
                  jQuery('.swatch :radio').change(function() {
                    var optionIndex = jQuery(this).closest('.swatch').attr('data-option-index');
                    var optionValue = jQuery(this).val();
                    jQuery(this)
                    .closest('form')
                    .find('.single-option-selector')
                    .eq(optionIndex)
                    .val(optionValue)
                    .trigger('change');
                  });
                });
              </script>
 
            </div>
 
            <!-- Quantity Cart -->
            <div class="quantity-cart section fix">
              <div class="product-quantity">
                <input type="text" value="01" name="quantity">
              </div>
              {% if product.available %}
              <button class="add-to-cart addtocart custom-button-effect"><span>{{ 'products.product.add_to_cart' | t }}</span></button>
              <script>
                jQuery('.addtocart').click(function(e) {
                  e.preventDefault();
                  Shopify.addItemFromFormStart('add-item-form', {{ product.id }});
                                               });
              </script>
              {% else %}
              <button class="add-to-cart disabled-add-to-cart"><span>{{ 'products.product.add_to_cart' | t }}</span></button>
              {% endif %}
            </div>
          </form>
 
 
          <div class="email-print">
            <!-- Go to www.addthis.com/dashboard to customize your tools --> <div class="addthis_inline_share_toolbox_tfo0"></div>
          </div>
          <!-- Usefull Link -->
          <ul class="usefull-link section fix">
            <li>{% include 'wishlist-button-2' %}</li>
          </ul>
 
 
          {% if section.settings.share_button_enable %}
          {% include 'product-share' %}
          {% endif %}
 
 
        </div>
      </div>
    </div>
 
 
    <div class="row">
      <!-- Nav tabs -->
      <div class="col-xs-12">
        <ul class="pro-info-tab-list section fix">
          {% if section.settings.product_tab_1_enable %}
          <li class="active"><a href="#more-info" data-toggle="tab">{{ section.settings.product_info_tab_title }}</a></li>
          {% endif %}
          {% if section.settings.product_tab_2_enable %}
          <li><a href="#reviews" data-toggle="tab">{{ section.settings.product_review_tab_title }}</a></li>
          {% endif %}
          {% if section.settings.product_comments_enable %}
          <li><a href="#data-sheet" data-toggle="tab">{{ section.settings.product_comments_title }}</a></li>
          {% endif %}
        </ul>
      </div>
      <!-- Tab panes -->
      <div class="tab-content col-xs-12">
        {% if section.settings.product_tab_1_enable %}
        <div class="pro-info-tab tab-pane active" id="more-info">
          {% if product.description contains '[product_description]' %}            
          {% assign product_description_first = product.description | split:'[/product_description]' | first %}
          {% assign product_description_final = product_description_first | split:'[product_description]' | last %} 
          {{ product_description_final }}
          {% endif %}
        </div>
        {% endif %}
        {% if section.settings.product_tab_2_enable %}
        <div class="pro-info-tab tab-pane product-review-form" id="reviews">
          <div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
        </div>
        {% endif %}
        {% if section.settings.product_comments_enable %}
        <div class="pro-info-tab tab-pane" id="data-sheet">
          <!-- disqus comment box start -->
          {% if section.settings.product_page_comments_box =='disqus_comment' %}
          {% include 'disqus-comment' %}
          {% endif %}
          <!-- disqus comment box end -->                
          <!-- facebook comment box start -->
          {% if section.settings.product_page_comments_box == 'facebook_comment' %}
          {% include 'facebook-comment' %}
          {% endif %}
          <!-- facebook comment box end -->
        </div>
        {% endif %}
      </div>
    </div>
 
  </div>
</div>
<!-- PAGE SECTION END -->
 
Thank you a lot!

 

0 Likes
Shopify Expert
9965 84 1469

That code is very odd. If this is the default code that came with this theme you might want to reach out to the person that made it for support. Did you get some instructions from the developer on how to add product content?

 

There's two important sections in there so let's talk about those first:

 

First is the short description part:

 

<!-- Short Description -->
          <div class="short-desc section">
            {% if product.description contains '[short_description]' %}            
            {% assign short_description_first = product.description | split:'[/short_description]' | first %}
            {% assign short_description_final = short_description_first | split:'[short_description]' | last %}
            {% if section.settings.short_description_title !='' %}
            <strong>{{ section.settings.short_description_title }}:</strong>
            {% endif %}
            {{ short_description_final }}   
            {% endif %} 
          </div>

then the tab content:

 

{% if section.settings.product_tab_1_enable %}
        <div class="pro-info-tab tab-pane active" id="more-info">
          {% if product.description contains '[product_description]' %}            
          {% assign product_description_first = product.description | split:'[/product_description]' | first %}
          {% assign product_description_final = product_description_first | split:'[product_description]' | last %} 
          {{ product_description_final }}
          {% endif %}
        </div>
        {% endif %}

Perhaps this is to be expected but it looks like you MUST add the text "[short_description]" and "[/short_description]" surrounding the description you want to see at the top of the page. And it also expects you to add "[product_description]" and "[/product_description]" around the content you want to be in tab. 

 

If you don't do that, then nothing will show. 

That's not great code.

 

Here's a possible fix but try this in a theme copy first. Do not edit the live theme.

 

Edit this part of the code...

 

<!-- Short Description -->
          <div class="short-desc section">

... to be this

 

 

<!-- Short Description -->
  <div class="short-desc section">
{% if product.description contains '[short_description]' or product.description contains '[product_description]' %}{% else %}
{{ product.description }}
{% endif %}

^ that should show the description when you have not added "[short_description]" or "[product_description]" into the text.

The tab will still show however so we can tackle that next.

 

★ Winning Partner of the Build a Business competition. ★ http://freakdesign.com.au
0 Likes
New Member
8 0 0

@Jason it worked!

 

https://www.confort24.com/collections/sofas-1/products/lisa-sofa-3-plazas-gris-con-patas-de-metal

 

I undestand what you said about short description, but there is no place for that when I'm adding a product.

 

Thank you a looooooot!

0 Likes