How To Change Layout Of Default Product Page?

Store Design
1

Hi.

On Debut, the right column of the product page shows (in this order, top to bottom) the product name + price, the variant drop box, the add to cart buttons, and the description. How do I move the description’s text so that it is above the add to cart buttons?

2

@MaoriMermaid - we can try css, but variants too will move with add to cart button as both combined make product form.

3

Hello @MaoriMermaid

Greetings!!

Follow the steps:

  1. Online store->Themes->Edit code->Actions->Sections->product-template.liquid

  2. Ctrl+f and find “description rte” see in video

3.Paste the below code on above product-form div (see in screenshot)

DipenPanchal_0-1651735430001.png
DipenPanchal_0-1651735430001.png1235×673 176 KB

<div class="product-single__description rte">
{{ product.description }}
</div>
  1. and Save the file

Output : https://prnt.sc/8bP5rE4-bhWu