Shopify themes, liquid, logos, and UX
Hi,
I'm looking for a way to make my Dawn product page have 3 columns, left with the image, middle with the description and product details, and then the product details purchase button price and quantity box on the right.
Page: https://bit.ly/3IXWZML
Thanks
hi, @-Charlo-007
In dawn theme main-product.liquid fine the closing tag of </product-info>
after that add the div and CSS in your base.css file.
.product__info-wrapper_carditem {
max-width: 40%;
width: calc(40% - var(--grid-desktop-horizontal-spacing) / 2);
}
<div class="product__info-wrapper_carditem">
add to card
</div>
It will made the card like this. Adjsut your other two div class also for that.
adjust the CSS from section-main-product.css line 61 your width or other.
Hope it will help you to sovle.
Syncora: Backup & Restore [Free] - Automated real-time store backup with one-click easy restore.
Slider Revolution - Create sliders, theme sections, banners, videos, pages, advanced animation, and social feeds.
Essential Grid Gallery - Create photo galleries, video galleries, portfolio galleries, product gallery, collection gallery, and more.
EasyDisplay: Product Showcase - Easily display collections, related products, discounts, recently viewed items, and best sellers.
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025