How to change product page layout on “LOCAL” theme?

Solved
Highlighted
New Member
4 0 0

I’m customizing the LOCAL(light) theme.                                                                            https://local-theme-light.myshopify.com/collections/specialty-plants 

I love everything about this theme but I would like to change the product page layout. Its two columns with pictures on the left and some of the description on the right. I would like my product layout to look like the one on this website: https://www.goldeneve.com.au/collections/shop-all-1 

I’ve attempted many times to change it without any progress.

Any help would be greatly appreciated. Thank you!

 

0 Likes

This is an accepted solution.

Hello 

Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

.product--root {
    display: block;
}
@media only screen and (min-width: 768px){
[data-product--view='list'] .product--image {
    width: 100%;
    text-align: center;
}
}
@media only screen and (min-width: 768px){
[data-product--view='list'] .product--details {
    width: 100%;
    margin-top: 20px;
}
}

  

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
4 0 0
That worked. Thank you! I just have one more question. How can I remove the product description? About two lines of the description is displayed under each product title and price but I think it would look much better if it wasn’t there.
Thanks again!
0 Likes