Move Product Description under picture and remove line spacing - Dawn Theme

Topic summary

Goal: In Shopify’s Dawn theme, move the product description beneath the image gallery (keeping purchase options on the right), adjust spacing, and optionally restyle tables.

Solution provided: A full replacement of the sections/main-product.liquid code was shared. Users should remove the existing file content and paste the provided code, not append it. Several confirmations reported success and improved layout for long descriptions.

Key updates:

  • Dawn v11: Initial replacement caused “sold out” status; an updated fix across two files was published via a GitHub repo link, resolving availability and positioning. A subsequent update enabled placing the description at the bottom under the gallery per request.
  • Styling: A small CSS title-size tweak needed increased specificity or !important; removing h1 also worked due to theme heading rules.

Issues and dependencies:

  • Conflicts with third-party apps (e.g., Easify Product Options) can revert layout or break behavior; recommended direct support and app review.
  • Dawn v12: Reported inability to add to cart after applying the code (unresolved in thread).
  • Dawn v13: “Broken HTML detected” warning after removing original code (unresolved).
  • Pipeline theme: Separate theme; code not provided without access.

Status: Partially resolved. Working solution for Dawn v11 with GitHub updates; open questions remain for v12/v13, app conflicts, and table styling/line-spacing customization.

Summarized with AI on January 6. AI used: gpt-5.

Hi,

Thanks for your work :wink:

The problem of out of stock is fix now!!

But it’s possible to have the description at bottom like this:

I’m not sure if the code I need to move it’s this one:


<div class=“product__description rte quick-add-hidden” {{ block.shopify_attributes }}>
{{ product.description }}

{%- endif -%}

----------------

In “main-product-liquid”

Thanks!