Move or alter the product description on Dawn 12.0.0

Solved

Move or alter the product description on Dawn 12.0.0

cgouveia
Tourist
10 0 2

Hi,

I'm having a problem with long descriptions on the Dawn Theme 12.0.0. My products currently look like this: https://bluehurricane-eu.com/products/bloomburrow-collector-booster-box.

When products have lengthy descriptions, the design looks unattractive. The width is fixed relative to other components, resulting in a long, narrow column for the description. I want to move the description below the product image and other elements, so that it appears in a more user-friendly layout.

I have tried to find options to do this but haven't had any luck. The description section appears to be unchangeable (see image below). Creating a new text section doesn’t automatically transfer the product description text to it. Does anyone know how to implement this? Any help would be appreciated.

Capture.PNG

Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
10102 2399 3033

This is an accepted solution.

Hi @cgouveia 

Check this one.

Go to your edit theme > products > add new section > custom liquid. 

Made4uoRibe_0-1721402567624.png

Drag the Custom liquid wherever you like to place. Click the code custom liquid. And Add the code below. 

 

<div class="page-width">
{{ product.description }}
</div>

 

example:

Made4uoRibe_1-1721402667293.png

And Save. 

Result:

Made4uoRibe_2-1721402739032.png

 

 

 

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

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

View solution in original post

Replies 3 (3)

Made4uo-Ribe
Shopify Partner
10102 2399 3033

This is an accepted solution.

Hi @cgouveia 

Check this one.

Go to your edit theme > products > add new section > custom liquid. 

Made4uoRibe_0-1721402567624.png

Drag the Custom liquid wherever you like to place. Click the code custom liquid. And Add the code below. 

 

<div class="page-width">
{{ product.description }}
</div>

 

example:

Made4uoRibe_1-1721402667293.png

And Save. 

Result:

Made4uoRibe_2-1721402739032.png

 

 

 

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

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

Dan-From-Ryviu
Shopify Partner
11574 2268 2447

Hi @cgouveia 

You can do that by following these steps

  • From your store admin > Sale channels > Online store
  • In Themes, click Customize next to your Dawn theme
  • Click on the dropdown menu where it says Home page > Products > Default product
  • Under Product information, hover on Description, and click on the trash icon to remove the default description of the product.
  • Click + Add section > Custom liquid, add this code below to Liquid 
<div class="product__description rte quick-add-hidden">{{ product.description }}</div>

Screenshot_1.jpg

  • Click Save button

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

cgouveia
Tourist
10 0 2

Thank you guys that fixed my problem! Thank for the prompt response also! Just one more thing, if I want to change the letter size or font on the liquid code of this new description, how could I do that?