Access a community of over 900,000 Shopify Merchants and Partners and engage in meaningful conversations with your peers.
I have 2 store themes at the moment - Debut and Dawn.
Debut product page layout is great and the images are a good size but it's lacking drop down menu's to add additional product info.
Dawn has the drop down menu's I want but the image sizes are too big and the product description too narrow.
In a perfect world, I'd love to keep the Debut theme and just add these menu's (see image below)
Do I edit the code for Debut to add the menu's or edit the code in Dawn to replicate the same image/size layouts?
@SilverBeach - both require many changes, but easy is to make dawn layout to have small size images and increase product description width
Hi @SilverBeach
Dawn theme: go to Assets > section-main-product.css file and paste this at the bottom of the file:
@media screen and (min-width: 990px){
.product:not(.product--no-media):not(.featured-product) .product__media-wrapper {
max-width: 50%;
width: calc(50% - 1rem / 2);
}
.product:not(.product--no-media):not(.featured-product) .product__info-wrapper{
max-width: 50%;
width: calc(50% - 1rem / 2);
}
}
Hope it helps!
If you find my answer can help you solve your issue, please mark it as a solution. Thank you and good luck.
User | RANK |
---|---|
210 | |
109 | |
83 | |
60 | |
51 |