Shopify themes, liquid, logos, and UX
Return management just got easier! We’ve launched Customer Self-Serve Returns to all Shopify merchants. Click here to learn more!
Hi there!
I’m using the Narrative theme and need to move the product content: Title, size option, color option, product description, etc. to the right on the desktop view. Currently, everything is below the product image and really, it’s not that UX friendly.
HOW IT IS
HOW IT NEEDS TO BE (Or something like it)
This is a low quality Photoshop
Dear community, is there a workaround for this?
Thanks!
Solved! Go to the solution
This is an accepted solution.
@Tungsteno- it can be made like the screenshot, it you want like this then please add given css to the very end of your theme.scss.css file, this will not change mobile view
@media screen and (min-width:750px){
.template-product .product-template{display: flex; flex-wrap: wrap;}
.product-template__media{flex-basis: 50%;}
.product__content{flex-basis: 50%;}
}
@Tungsteno- can you please share this page link? need to check it on browser
Right! I forgot to share the URL: https://wearhorse.pe/products/polo-pique-navy-contraste
Thanks!
This is an accepted solution.
@Tungsteno- it can be made like the screenshot, it you want like this then please add given css to the very end of your theme.scss.css file, this will not change mobile view
@media screen and (min-width:750px){
.template-product .product-template{display: flex; flex-wrap: wrap;}
.product-template__media{flex-basis: 50%;}
.product__content{flex-basis: 50%;}
}
Hey! Thank you so much! It worked! 😄
I also found this solution: https://medium.com/@pherkan/customize-the-product-page-of-the-narrative-theme-in-shopify-1c617cf7f76...
Is most likely as your solution?
User | RANK |
---|---|
133 | |
91 | |
77 | |
69 | |
43 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022