Want to place product description under the images

[gsdgsdfg]

Hello! 

I am looking for a way to put the product description where I painted the space red.

I'd like it to have some margins on the sides and would like to keep my customization selections and payment on the right of the images like shown in the photos, and just have the description underneath. 

Is this possible? Below is an image to try to give an idea of what I mean.

I am using the dawn theme version 12. Thank you! 

[suyash1]

@gsdgsdfg - it needs bit code editing, but it is possible, can you please share your page link?

[Made4uo-Ribe]

Hi @gsdgsdfg 

If you are comfortable with the code, you can follow the instructions below

• From your Shopify admin dashboard, click on "Online Store" and then "Themes".
• Find the theme that you want to edit and click on "Actions" and then "Edit code".
• In the "Section" folder, click on "main-product.liquid" file
• Find the comment below by clicking Ctrl + F in your keyboard, then paste the text below

{% comment %} Duplicate gallery to display after product content on tablet/desktop breakpoint {% endcomment %}

• After the {% endif %}, paste the code below.

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

• And Save. 
• See image for code placement reference

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[Dan-From-Ryviu · Accepted solution]

Go to your Online store > Themes > Edit code > open main-product.liquid file paste this code below under </section> tag

{%- if product.description != blank -%}
  <div class="page-width">
    <div class="product__description rte quick-add-hidden" {{ block.shopify_attributes }}>
      {{ product.description }}
    </div>
  </div>
{%- endif -%}

And then remove Description block in your Product information 

[gsdgsdfg]

Hello! This worked. Is there a way to add a little more margin to the top? 

[Dan-From-Ryviu]

You can do this by updating code to this

{%- if product.description != blank -%}
<div class="page-width" style=“margin-top: 30px;”>
<div class="product__description rte quick-add-hidden" {{ block.shopify_attributes }}>
{{ product.description }}
</div>
</div>
{%- endif -%}