Goal: create a 3-column product page in Shopify’s Dawn theme—left: product media, middle: description/details, right: purchase controls (price, quantity, button).
Suggested implementation:
A preview link and screenshots are provided; images illustrate the intended three-column layout and a sample result.
Status: a concrete approach is proposed, but no confirmation from the requester yet. Discussion remains open and may require additional tweaks for spacing and column balance.
hi, @Charlo-007
In dawn theme main-product.liquid fine the closing tag of
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);
}
add to card
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.
