Re: Move product description under image thumbnail on desktop

Move product description under image thumbnail on desktop

yevstafiy35
Visitor
1 0 0

Hello there

I'm trying to move the product description to underneath product image.

Does anyone know how to do that please?

this is one product as example from my store 

Password is (1).

 

and this is a shopify store who have what i want

Example product from another shopify store

 

@Shopify 

Reply 1 (1)

TypicalTomo
Shopify Partner
9 1 0

Hi there!

 

A bit of coding is required, but not too much. In your Shopify dashboard, go to Themes and open the code editor for the theme where you wish to move the description:

TypicalTomo_0-1672054579729.png

 

Once the code editor is open, you should look for the file that contains code for the product form. This depends from theme to theme, but in the Dawn theme, it is under sections/main-product.liquid

 

If this is the Dawn theme, open the file main-product.liquid and find the line that has "</media-gallery>". Add a new line below it and paste this code:

{%- if product.description != blank -%}
  <div class="product-block">
    <div class="rte">
      {{ product.description }}
    </div>
  </div>
{%- endif -%}

 

Click on green 'Save' button. You should now have a description below the media gallery.

 

If the Dawn theme is not the one you are having on your store, then the code for media gallery might be in different file. You might need a developer for this. Feel free to message me directly if needed.

 

Best regards,
Tomo