Resize Product thumbnails for minimal theme

New Member
3 0 0

Hey, I'm really unsatisfied with such big product images in my product page. They are really huge. And cover up a lot of space. i want them all to be of small size and in a single line like a slider, with arrows on both side to go though all the images.

    Screenshot (27).pngScreenshot (26).png

 

I want it to be something like this

 

Screenshot (25).png

 

Please let me know if there is a way to make a slider. If not is there a way to reduce the thumbnail image size atleast??

I am using the theme minimal. All kind suggestions are welcomed. Thanks a lot in advance. 

0 Likes

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

@media only screen and (min-width: 1000px)
.product-content--snoo .product-thumbnail {
width: 50px !important;
height: 50px !important;
}
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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes

You can add slide show for that you need to customize product page.

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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
3 0 0

This somehow changed the other setting of my product page. but nothing changed with the other product images. Can you please tell me if there is any other option to make all the images come in a single row below the main product image.

0 Likes