Want to place product description under the images

Topic summary

A user wants to relocate their product description to appear below product images instead of its default position, while keeping customization options and payment buttons on the right side. They’re using Dawn theme version 12.

Solutions provided:

  • Edit the main-product.liquid file in the Sections folder
  • Locate the comment about duplicate gallery display using Ctrl+F
  • Add specific code snippet after the {% endif %} tag to reposition the description
  • Remove the description block from the Product information section to avoid duplication

Follow-up adjustment:

The user successfully implemented the solution but requested additional top margin. This was resolved by updating the code to include style="margin-top: 30px;" in the div wrapper.

The discussion includes code snippets and reference images showing the desired layout and implementation steps.

Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.

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!

1 Like

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

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 -%}
                
                  {{ product.description }}
                

              {%- 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!

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

{%- if product.description != blank -%}
  
    

      {{ product.description }}
    

  

{%- endif -%}

And then remove Description block in your Product information

1 Like

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

You can do this by updating code to this

{%- if product.description != blank -%}

{{ product.description }}
{%- endif -%}