Goal: Rearrange the product page layout so the product description sits below the images while the checkout bar remains sticky/following; also swap sides so images are on the left and the checkout/button on the right.
Context: The store uses the Dawn 12.0.0 theme. The requester is new to CSS and theme editing. A preview link and a screenshot were shared to illustrate the desired layout.
Guidance provided:
Requester’s challenge: They can find the code but don’t know how to read or write it, seeking step-by-step guidance.
Latest update: The helper notes the task is complex and asks which theme is being used (though the requester had already stated Dawn 12.0.0).
Status: Unresolved/ongoing. No concrete code or step-by-step instructions yet. Key next need is specific guidance for Dawn 12.0.0 on editing product.liquid and using the Customizer to reorder blocks while keeping the checkout bar sticky.
Store Preview: https://f7uut3rebs94via5-68142301409.shopifypreview.com
I can provide 2 examples to other shops who have done my idea shop layout.
I’m using Dawn 12.0.0 and this is my first time working with CSS. I’m very lost.
If possible I would also like to swap the sides so that the photos are on the left and the checkout button is on the right.
@KingNex Hi,
To change the position of the description or buttons, you need to modify the product.liquid file
second if you want to change the (button left, images right) block position it is possible with the theme customizer.
I get that I have to modify the files but I do not know how. Again. This is my first time making a website on my own. I used gumroad in the past. I’m able to find the code but I don’t know how to read or write it.
@KingNex It’s a bit of a complex task, so it’s hard to explain.
by the way which theme are you using now?
