Move the Product Description (Debut theme)

Highlighted
Tourist
13 0 1

Hi

 

I am using the Debut theme and I would like to move the product descriptions up the page to sit under the title rather than at the bottom. Is there a menu option to do this rather than using coding?

Thanks

0 Likes
Highlighted

Hello @rubyfriday,

For that You have to customize product-template.liquid

 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Shopify Staff
Shopify Staff
1066 102 249

Hey there, @rubyfriday 

 

Bo here from Shopify Support! 

 

That is a great question, and @oscprofessional is correct, you will need to edit the code of the product-template.liquid to make this happen. There is something to consider before doing so. If you were to move the description to right under the product title, you would be moving the Add to Cart functionality lower down the page. Our themes are optimized for the best conversions and we have found that if a customer has to scroll to find the Ass to Cart, they are less likely to checkout. Just something for you to consider. 

 

This tutorial is specific to an unedited version of the Debut theme, (VERSION 16.3.0). We cannot guarantee results for themes that have been modified with custom coding and/or apps. We suggest hiring a Shopify Expert if you are not comfortable proceeding with the following tutorial, or wish to make any variations to this tutorial.

 

  1. Go to Online Store > Current Theme > Actions > Edit Code. 
  2. Open the Sections folder > product.template.liquid. 
  3. Search for: "<div class="product-single__description rte"> {{ product.description }} </div>" and cut it. 
  4. If you would like the description to appear after the title and price, you will need to paste it right after: 
            <h1 class="product-single__title">{{ product.title }}</h1>
    
              <div class="product__price">
                {% include 'product-price', variant: current_variant, show_vendor: section.settings.show_vendor %}
              </div>
    
              {%- if shop.taxes_included or shop.shipping_policy.body != blank -%}
                <div class="product__policies rte" data-product-policies>
                  {%- if shop.taxes_included -%}
                    {{ 'products.product.include_taxes' | t }}
                  {%- endif -%}
                  {%- if shop.shipping_policy.body != blank -%}
                    {{ 'products.product.shipping_policy_html' | t: link: shop.shipping_policy.url }}
                  {%- endif -%}
                </div>
              {%- endif -%}
  5. The finished code will look like this: 
            <h1 class="product-single__title">{{ product.title }}</h1>
    
              <div class="product__price">
                {% include 'product-price', variant: current_variant, show_vendor: section.settings.show_vendor %}
              </div>
    
              {%- if shop.taxes_included or shop.shipping_policy.body != blank -%}
                <div class="product__policies rte" data-product-policies>
                  {%- if shop.taxes_included -%}
                    {{ 'products.product.include_taxes' | t }}
                  {%- endif -%}
                  {%- if shop.shipping_policy.body != blank -%}
                    {{ 'products.product.shipping_policy_html' | t: link: shop.shipping_policy.url }}
                  {%- endif -%}
                </div>
              {%- endif -%}
    <div class="product-single__description rte"> {{ product.description }} </div>
    
  6. If you would like the description to appear before the price and policies you will need to post the description code immediately after the code for the title instead. It would look like this:  
    <h1 class="product-single__title">{{ product.title }}</h1>
    <div class="product-single__description rte"> {{ product.description }} </div>
    
              <div class="product__price">
                {% include 'product-price', variant: current_variant, show_vendor: section.settings.show_vendor %}
              </div>

 

Once all that is done (either or) you can click save! 

 

Let me know how this goes and if there is anything else I can assist you with, I'm happy to help!

 

All the Best,

Bo

Bo | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
Highlighted
New Member
4 0 0

Hi everyone!

 

I have quite the opposite problem

 

I want the description to be below the Add to cart button.

 

My code is customized (I bought the shop off of someone else) so I'm having issues finding the above mentioned lines in product-template.liquid

 

Here is a screenshot of my issue:

 

Screen Shot 2020-04-18 at 16.18.08.jpg

 

Thanking you in advance! 

 

PS: I know the product images are too large ;) 

0 Likes
Highlighted

Hello @French,

Can you please share your site url

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
4 0 0

@oscprofessional wrote:

Hello @French,

Can you please share your site url


Hello! Thanks for your reply. It's https://prestej.com

Btw: I'm using Debut Theme

0 Likes
Highlighted
Shopify Staff
Shopify Staff
1066 102 249

Hey there, @French 

 

I was just taking a look at your store and it does not appear to be using Debut - I was able to use the Chrome inspect tool to double check:

As this is a third party theme I would recommend reaching out to the developers of this minor edit as per this guide

 

All the Best,

Bo

Bo | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

1 Like
Highlighted
New Member
4 0 0

Bonjour @Bo ,

 

Sorry my bad! It's the Prestige Theme 🙈

So my previous post is irrelevant to this whole thread. I apologize for that.

Thanks a lot for your help.

 

Best,

French

 

 

0 Likes
Highlighted
New Member
1 0 0

Hi, i would like to move product description to below the item photo, can any one help?feeel.jpg

 

feeel2.jpg

 

0 Likes