A store owner using the Dawn theme wants to restructure their product page layout. Currently, all product information (title, details, color/size options, and add-to-cart button) appears in a single column. They want to split it into two columns: title and product details on the left, with color/size selectors and the add-to-cart button on the right.
Visual references provided:
Solutions offered:
One user confirmed the layout is achievable but requires custom code modifications to theme files, offering to work via private message.
Another user provided technical guidance:
main-product.liquid templateSide issue: The store owner also mentioned product images appearing blurry after previously displaying correctly.
Status: Discussion ongoing; store owner agreed to private message for implementation assistance.
Hi everyone!
I have a question. I want to change something in my product page. I want the title and details of the product on the left side. The color/size and add to cart should be on the right. Now it looks like this:
And i want it to look like this:
store: https://uncutgemsnl.myshopify.com/
PW: shaupu
Theme is dawn
Thanks in advance! have a great day
ps: if you guys know why the images look blurry hmu. They were showing correctly before.
Hey @uncutgemsnl ,
Could you please share the link of the reference website so that I can take a look and provide the solution based on the reference website.
Based on the provided theme we can make the same layout in your store.
But need to do custom code in your theme file.
Would you like p/m me so that I can start work.
Thanks
Yes i will PM you. Thanks
Hi,
Hope this will help
Create a two‑column layout: Left = title & details, Right = color/size & add‑to‑cart. by doing following
HTML code example for New Layout:
{%- render 'product-title' -%}
{%- render 'product-description' -%}
{%- render 'product-form' -%}