Vantage Theme. Show product description as default

Highlighted
New Member
5 0 0

Hi there

 

Currently the product description on all products is hidden as default in the accordion.

I would like to show the product description on all products as default, but i can not seem to find where to edit this in the code.

 

Any help would be much appreciated.

 

site - https://www.lowdowndeep.com/

product - https://www.lowdowndeep.com/collections/music/products/ldd-167-slipz-bubbler-hotsteppa

 

Thanks in advance

0 Likes
Highlighted
New Member
5 0 0

Hi have you solved your issue? let me know if it's not.

0 Likes
Highlighted
New Member
5 0 0

Hi there

 

No not as yet

0 Likes
Highlighted
New Member
5 0 0

Contact me on sjdhealth075@gmail.com So i can fix it live. 

0 Likes
Highlighted
New Member
5 0 0

No thank you

0 Likes
Highlighted
New Member
5 0 0

Anyway, No Worries,

 

Open Product-template.liquid

Look for Description Tag

 

Paste your descriptions there, it will be shown as default on all products. 

0 Likes
Highlighted
Shopify Partner
3210 707 854

@mrtonline 

Please provide the code of sections/product-template.liquid file

I will check and try to provide solution here.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
New Member
5 0 0
{% assign current_variant = product.selected_or_first_available_variant %}

<div class="product-page product-template clearfix" id="product-{{ product.id }}"
  data-product-id="{{ product.id }}"
  data-section-id="{{ section.id }}"
  data-section-type="product-section">

  {% include 'product-json' %}

  {% assign gallery_full = false %}

  {% if section.settings.pf_gallery_style == 'full_width' and product.images.size >= 3 %}
    {% if template contains 'product.quick' %}
      {% assign gallery_style = 'data-gallery-thumbnails' %}
    {% else %}
      {% assign gallery_style = 'data-gallery-fullwidth' %}
      {% assign gallery_full = true %}
    {% endif %}
  {% else %}
    {% assign gallery_style = 'data-gallery-thumbnails' %}
  {% endif %}


  {% capture 'layout_images' %}
    <div id="product-images" {{ gallery_style }} data-zoom-position="{{ section.settings.pf_zoom_image_position }}" data-type-product="{% if template contains 'product.quick' %}quick{% else %}normal{% endif %}">
      {% if product.featured_image %}
        {% include 'product-image-gallery' %}
      {% else %}
        {% capture current %}{% cycle 1, 2, 3, 4, 5, 6 %}{% endcapture %}
        {{ 'product-' | append: current | placeholder_svg_tag: 'placeholder-svg' }}
      {% endif %}
    </div>
  {% endcapture %}

  {% capture 'layout_form' %}

    {% capture product_form_config %}{ "money_format": {{ shop.money_format | json }}, "enable_history": true, "sold_out": {{ "products.product.sold_out" | t | json }}, "unavailable": {{ "products.product.unavailable" | t | json }}, "button": {{ 'products.product.add_to_cart' | t | json }} }{% endcapture %}
    {% include 'product-form' type: section %}

  {% endcapture %}

  {% capture 'layout_accordion' %}
    <div class="accordion">
      {% unless template == 'product.quick' %}
        <ul class="product-details vantage-accordion" data-product-details>
          <li class="product-accordion">
            <a href="#" class="product-accordion-toggle inactive" data-index="">
              {{ 'products.product.product_description' | t }}
              <svg class="open" width="16px" height="2px" viewBox="0 0 16 2" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                  <g id="Collections---Sets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                      <g id="Mobile---Bandeau-Variants" transform="translate(-368.000000, -1249.000000)" stroke="#222222" stroke-width="2">
                          <g id="Product-Details" transform="translate(24.000000, 1221.000000)">
                              <line x1="360" y1="29" x2="344" y2="29" id="Path-3-Copy"></line>
                          </g>
                      </g>
                  </g>
              </svg>
              <svg class="closed" width="16px" height="17px" viewBox="0 0 16 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                  <g id="Collections---Sets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                      <g id="Mobile---Bandeau-Variants" transform="translate(-368.000000, -1433.000000)" stroke="#222222" stroke-width="2">
                          <g id="Product-Details" transform="translate(24.000000, 1221.000000)">
                              <g id="Plus" transform="translate(344.000000, 212.500000)">
                                  <line x1="8" y1="0" x2="8" y2="16" id="Path-3"></line>
                                  <line x1="16" y1="8" x2="0" y2="8" id="Path-3-Copy"></line>
                              </g>
                          </g>
                      </g>
                  </g>
              </svg>
            </a>
            <ul class="product-accordion-content">
              <div class="rte">
                {{ product.description | split: '<!-- split -->' | first }}
              </div>
            </ul>
          </li>

          {% unless section.blocks.size == 0 %}
            {% for block in section.blocks %}
              {% if block.type == 'page' %}
                {% assign acc_page = pages[block.settings.page] %}
                <li id="{{ block.id }}" class="{{ forloop.index }}-accordion product-accordion" {{ block.shopify_attributes }}>
                  <a class="product-accordion-toggle inactive" href="#{{ block.id }}" data-index="">
                    {{ acc_page.title }}
                    <svg class="open" width="16px" height="2px" viewBox="0 0 16 2" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                        <g id="Collections---Sets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                            <g id="Mobile---Bandeau-Variants" transform="translate(-368.000000, -1249.000000)" stroke="#222222" stroke-width="2">
                                <g id="Product-Details" transform="translate(24.000000, 1221.000000)">
                                    <line x1="360" y1="29" x2="344" y2="29" id="Path-3-Copy"></line>
                                </g>
                            </g>
                        </g>
                    </svg>
                    <svg class="closed" width="16px" height="17px" viewBox="0 0 16 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                        <g id="Collections---Sets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                            <g id="Mobile---Bandeau-Variants" transform="translate(-368.000000, -1433.000000)" stroke="#222222" stroke-width="2">
                                <g id="Product-Details" transform="translate(24.000000, 1221.000000)">
                                    <g id="Plus" transform="translate(344.000000, 212.500000)">
                                        <line x1="8" y1="0" x2="8" y2="16" id="Path-3"></line>
                                        <line x1="16" y1="8" x2="0" y2="8" id="Path-3-Copy"></line>
                                    </g>
                                </g>
                            </g>
                        </g>
                    </svg>
                  </a>
                  <ul class="product-accordion-content">
                    <li>
                      <div class="rte">
                        <p>{{ acc_page.content }}</p>
                      </div>
                    </li>
                  </ul>
                </li>
              {% elsif block.type == 'reviews' %}
                <li id="{{ block.id }}" class="{{ forloop.index }}-accordion product-accordion" {{ block.shopify_attributes }}>
                  <a class="product-accordion-toggle inactive" href="#{{ block.id }}" data-index="">
                    {{ block.settings.product_review_title }}
                    <svg class="open" width="16px" height="2px" viewBox="0 0 16 2" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                        <g id="Collections---Sets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                            <g id="Mobile---Bandeau-Variants" transform="translate(-368.000000, -1249.000000)" stroke="#222222" stroke-width="2">
                                <g id="Product-Details" transform="translate(24.000000, 1221.000000)">
                                    <line x1="360" y1="29" x2="344" y2="29" id="Path-3-Copy"></line>
                                </g>
                            </g>
                        </g>
                    </svg>
                    <svg class="closed" width="16px" height="17px" viewBox="0 0 16 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                        <g id="Collections---Sets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                            <g id="Mobile---Bandeau-Variants" transform="translate(-368.000000, -1433.000000)" stroke="#222222" stroke-width="2">
                                <g id="Product-Details" transform="translate(24.000000, 1221.000000)">
                                    <g id="Plus" transform="translate(344.000000, 212.500000)">
                                        <line x1="8" y1="0" x2="8" y2="16" id="Path-3"></line>
                                        <line x1="16" y1="8" x2="0" y2="8" id="Path-3-Copy"></line>
                                    </g>
                                </g>
                            </g>
                        </g>
                    </svg>
                  </a>
                  <ul class="product-accordion-content">
                    <li>
                      <div id="shopify-product-reviews" data-id="{{product.id}}">
                        {{ product.metafields.spr.reviews }}
                      </div>
                    </li>
                  </ul>
                </li>
              {% endif %}
            {% endfor %}
          {% endunless %}

          {% if section.settings.pf_show_product_type or settings.vendor or section.settings.pf_show_product_collection or section.settings.pf_show_sku or  section.settings.pf_show_product_inventory or section.settings.pf_show_product_weight %}
            <li class="product-accordion">
              <a href="#" class="product-accordion-toggle inactive" data-index="">
                {{ 'products.product.product_details' | t }}
                <svg class="open" width="16px" height="2px" viewBox="0 0 16 2" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                    <g id="Collections---Sets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                        <g id="Mobile---Bandeau-Variants" transform="translate(-368.000000, -1249.000000)" stroke="#222222" stroke-width="2">
                            <g id="Product-Details" transform="translate(24.000000, 1221.000000)">
                                <line x1="360" y1="29" x2="344" y2="29" id="Path-3-Copy"></line>
                            </g>
                        </g>
                    </g>
                </svg>
                <svg class="closed" width="16px" height="17px" viewBox="0 0 16 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                    <g id="Collections---Sets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                        <g id="Mobile---Bandeau-Variants" transform="translate(-368.000000, -1433.000000)" stroke="#222222" stroke-width="2">
                            <g id="Product-Details" transform="translate(24.000000, 1221.000000)">
                                <g id="Plus" transform="translate(344.000000, 212.500000)">
                                    <line x1="8" y1="0" x2="8" y2="16" id="Path-3"></line>
                                    <line x1="16" y1="8" x2="0" y2="8" id="Path-3-Copy"></line>
                                </g>
                            </g>
                        </g>
                    </g>
                </svg>
              </a>
              <ul class="product-accordion-content view-more">
                  {% assign current_variant =  product.selected_or_first_available_variant %}
                  {% if current_variant.title != 'Default Title' %}
                    <li class="detail-item"><strong>{{ 'products.product.variant' | t }}:</strong> <span class="variant_selected">{{ current_variant.title }}</span></li>
                  {% endif %}
                  {% if section.settings.pf_show_sku %}
                    <li class="detail-item"><strong>{{ 'customer.order.details.sku' | t }}:</strong> <span class="variant_sku">{{ current_variant.sku }}</span></li>
                  {% endif %}
                  {% if section.settings.pf_show_product_inventory %}
                    <li class="detail-item"><strong>{{ 'products.product.inventory' | t }}:</strong> <span class="variant_inventory">{{ current_variant.inventory_quantity }}</span></li>
                  {% endif %}
                  {% if section.settings.pf_show_product_weight %}
                    <li class="detail-item"><strong>{{ 'products.product.weight' | t }}:</strong> <span class="variant_weight">{{ current_variant.weight | weight_with_unit: current_variant.weight_unit }}</span></li>
                  {% endif %}
                  {% if section.settings.pf_show_product_type %}
                    <li class="detail-item"><strong>{{ 'products.product.product_type' | t }}:</strong> {{ product.type | link_to_type }}</li>
                  {% endif %}
                  {% if settings.vendor %}
                    <li class="detail-item"><strong>{{ 'products.product.brand' | t }}:</strong> {{ product.vendor | link_to_vendor }}</li>
                  {% endif %}
                  {% if section.settings.pf_show_product_collection and collection %}
                    <li class="detail-item"><strong>{{ 'products.product.collection' | t }}:</strong> {% capture url %}/collections/{{ collection.handle }}{% endcapture %}{{ collection.title | link_to: url }}</li>
                  {% endif %}
                </ul>
            </li>
          {% endif %}

        </ul>
      {% endunless %}
      {% if section.settings.pf_show_social_share %}
        <div id="soc">
          {% include 'social' with product %}
        </div>
      {% endif %}
    </div>
  {% endcapture %}

  {% if gallery_full %}
    {{ layout_images }}
    <div class="product-bottom">
      <div class="desktop-4 desktop-push-2 tablet-3 mobile-3">
        {{ layout_accordion }}
      </div>
      <div class="desktop-6 tablet-push-1 tablet-2 mobile-3">
        {{ layout_form }}
      </div>
    </div>
  {% else %}
    <div class="desktop-6 tablet-3 mobile-3">
      {{ layout_images }}
    </div>
    <div class="product-bottom desktop-6 tablet-3 mobile-3">
      {{ layout_form }}
      {{ layout_accordion }}
    </div>
  {% endif %}

  {% unless template == 'product.quick' %}
    {% if product.description contains '<!-- split -->' %}
      <div id="split-description" class="desktop-12 tablet-6 mobile-3">
        <h4 class="section-title">
          {{ 'products.product.product_more_details' | t }}
        </h4>
        <div class="rte">
          {{ product.description | split: '<!-- split -->' | last }}
        </div>
      </div>
    {% endif %}

  {% endunless %}

  {% if section.settings.pf_zoom_image_position == 'zoom_on_right' %}
    <div class="zoom-box"></div>
  {% endif %}

  <style media="screen">
    .zoom-box {
      position: absolute;
      z-index: 9999;
      width: 500px;
      height: 500px;
      top: 0px;
      left: 50%;
      border: 1px solid {{ settings.dotted_color }};
      display: none;
    }
    div#thumbnail-gallery li img {
      cursor: pointer;
    }
    {% if gallery_full %}
      .product #content {
        width: 100% !important;
        margin: 0 auto;
      }
      #product-images {
        padding: 0;
        margin-bottom: 63px;
      }
      div#main-image-gallery .flexslider .slides > li {
        display: none;
        -webkit-backface-visibility: hidden;
        background-color: #ffffff;
        text-align: center;
        -webkit-backface-visibility: hidden;
        min-height: 400px;
      }
      .product-bottom {
        display: flex;	display: -ms-flexbox;
      	display: -webkit-flex;
      	display: flex;
        flex-wrap: wrap;
      }
      .product-bottom > div:first-child {
        order: 1;
      }
      .product-bottom > div:last-child {
        order: 2;
      }
      li.product-slide.slide_image {
        border: 1px solid transparent;
      }
      li.product-slide.slide_image.flex-active-slide {
        border: 1px solid {{ settings.accent_color }};
      }
      .product .product-bottom, #shopify-section-product-recommendations { margin: 0 auto; }
      @media screen and (min-width: 1680px) {
        .product .product-bottom, #shopify-section-product-recommendations { width: 1400px; }
      }
      @media screen and (max-width: 1679px) {
        .product .product-bottom, #shopify-section-product-recommendations { width: 1200px; }
      }
      @media screen and (max-width: 1220px) {
        .product .product-bottom, #shopify-section-product-recommendations { width: 960px; }
      }
      @media screen and (max-width: 980px) {
        .product .product-bottom, #shopify-section-product-recommendations { width: 720px; }
        li.product-slide.slide_image {
          border: none;
        }
        li.product-slide.slide_image.flex-active-slide {
          border: none;
        }
      }
      @media screen and (max-width: 740px) {
        .product .product-bottom, #shopify-section-product-recommendations { width: 480px; }
        .product-bottom > div:first-child {
          order: 2;
        }
        .product-bottom > div:last-child {
          order: 1;
          width: 100% !important;
        }
        input#addToCart, .shopify-payment-button__button--unbranded, .shopify-payment-button {
          width: 100% !important;
        }
      }
      @media screen and (max-width: 500px) {
        .product-bottom > div:first-child {
          order: 2;
        }
        .product-bottom > div:last-child {
          order: 1;
        }
        .product .product-bottom, #shopify-section-product-recommendations { width: 96%; }
      }
    {% endif %}
  </style>


</div>

{% schema %}
{
    "name": "Product page",
	  "max_blocks":5,
    "settings": [
      {
        "type": "header",
        "content": "Product Form"
      },
      {
        "type": "checkbox",
        "id": "pf_show_quantity_selector",
        "label": "Show quantity selector",
        "default": true
      },
      {
        "type": "checkbox",
        "id": "pf_show_sticky_cart",
        "label": "Show sticky add to cart",
        "default": true
      },
      {
        "type": "header",
        "content": "Gallery Settings"
      },
      {
        "type": "select",
        "id": "pf_gallery_style",
        "label": "Gallery style",
        "default": "thumbnails",
        "info": "When product has less than three photos it will show gallery w/thumbnails.",
        "options": [
          {
            "value": "thumbnails",
            "label": "Gallery w/thumbnails"
          },
          {
            "value": "full_width",
            "label": "Full width"
          }
        ]
      },
      {
        "type": "select",
        "id": "pf_zoom_image_position",
        "label": "Zoom image position when gallery w/thumb",
        "options": [
          {
            "value": "zoom_on_right",
            "label": "To right of main image"
          },
          {
            "value": "zoom_over_main",
            "label": "Over top of main image"
          }
        ]
      },
      {
        "type": "range",
        "id": "full_image_count",
        "min": 2,
        "max": 6,
        "step": 1,
        "label": "Images shown when full width",
        "default": 3
      },
      {
        "type": "range",
        "id": "full_margin",
        "min": 0,
        "max": 80,
        "unit": "px",
        "step": 1,
        "label": "Image spacing when full width",
        "default": 24
      },
      {
        "type": "header",
        "content": "Product Details"
      },
      {
        "type": "checkbox",
        "id": "pf_show_product_inventory",
        "label": "Show product inventory",
        "default": true
      },
      {
        "type": "checkbox",
        "id": "pf_show_product_weight",
        "label": "Show product weight",
        "default": true
      },
      {
        "type": "checkbox",
        "id": "pf_show_product_type",
        "label": "Show product type",
        "default": true
      },
      {
        "type": "checkbox",
        "id": "pf_show_sku",
        "label": "Show variant SKU",
        "default": true
      },
      {
        "type": "checkbox",
        "id": "pf_show_product_collection",
        "label": "Show product collection",
        "default": true
      },
      {
        "type": "checkbox",
        "id": "pf_show_social_share",
        "label": "Show social share icons",
        "default": true
      }
    ],
	"blocks":[
    {
      "type":"page",
         "name":"Page",
         "settings":[
          {
            "type": "page",
            "id": "page",
            "label": "Show content from"
          }
         ]
      },
      {
         "type":"reviews",
         "name":"Reviews",
         "settings":[
            {
              "type": "text",
              "id": "product_review_title",
              "label": "Reviews",
			        "info": "You will need to add the free [Shopify reviews app](https:\/\/apps.shopify.com/product-reviews) to your store "
            }
         ]
      }
   ]
  }
{% endschema %}
0 Likes
Highlighted
Shopify Partner
3210 707 854

@mrtonline 

See below

prod-desc.jpg

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
New Member
5 0 0

@dmwwebartisan 

I think i've followed your instructions correct as below.

But as you can see if you click the hero in the preview and go through to the product it does not seem to work

preview - https://vmehr6mkpvyhwc2b-26772439145.shopifypreview.com

 

{% endcapture %}
              {{ 'products.product.product_description' | t }}

  {% capture 'layout_accordion' %}
    <div class="accordion">
      {% unless template == 'product.quick' %}
        <ul class="product-details vantage-accordion" data-product-details>
            <a href="#" class="product-accordion-toggle inactive" data-index="">
              {{ 'products.product.product_description' | t }}
              <svg class="open" width="16px" height="2px" viewBox="0 0 16 2" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                  <g id="Collections---Sets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                      <g id="Mobile---Bandeau-Variants" transform="translate(-368.000000, -1249.000000)" stroke="#222222" stroke-width="2">
                          <g id="Product-Details" transform="translate(24.000000, 1221.000000)">
                              <line x1="360" y1="29" x2="344" y2="29" id="Path-3-Copy"></line>

 

0 Likes