Can You Create A 3 Column Product Page With Dawn Theme On Shopify?

Savannah-Charlo
New Member
6 0 0

Hi team,

I'm looking for a way to make my Dawn product page have 3 columns, left with image the description, middle with the description and purchase button, and then product details on the right.

Page: https://bit.ly/3IXWZML

Is this possible for the Dawn theme? 

Thanks

 

Screenshot 2024-04-01 065113.png

Replies 3 (3)

PageFly-Amelia
Trailblazer
163 52 65

Hello @Savannah-Charlo 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

 

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid

Step 3: Add code above the tag </head>

<style>
.product__info-wrapper {
   width: unset !important;
}
</style>
<script>
const newDiv = document.createElement("div.product-description");
document.querySelectorAll('.product .inline-richtext').forEach(e => {
  newDiv.appendChild(e)
})
            
document.querySelector('.product').appendChild(newDiv)
</script>

 

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.

Savannah-Charlo
New Member
6 0 0

code not working

Savannah-Charlo
New Member
6 0 0