Shopify themes, liquid, logos, and UX
Hello,
How can we change the number of thumbnail product images from 4 to 3 in product pages of supply theme and also make it responsive.
Thank you!
Hello devumi,
Product thumbnail images depends on number of images you add in back-end. So if you want only to show three thumbnails then can remove images form back-end.
Hello ,
I am sorry my question was not clear. I have 5 product views in total. I want to have 3 images per row.Right now , it is 4 per row.
I was wondering how to change that to 3 and also make it responsive.
I figured out the solution though. I added one-third as the class instead of one-quarter and it made the thumbnail images bigger and three per row.
Thank you for looking into it.
Hi, @devumi!
May here from Shopify.
You can actually change the number of products per row displayed on your store from your theme editor. With the Supply theme, you can go to your 'Online Store > Themes > Customize', Then on the top right, there will be a dropdown where you can select which page you want to edit, in this case, select 'Collection pages', and you will see the dropdown option to adjust the number of products per row, and click 'Save'.
All of our Shopify developed themes (all the free themes) are responsive right out the box, so customers will be able to have a great experience viewing your website on a tablet or mobile device without you having to make any adjustments.
Let me know if this helps! If this is not something you're looking for, let me know and I will be more than happy to dig in.
P.S: I have moved your post to our Shopify Design board to get more traction from other theme experts.
Cheers!
May | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
Hello May,
Thank you so much for looking into it. I think there was a small confusion. I was asking how to change the product thumbnail images on product page not the collection page.
I actually was able to change the number and size of thumbnail images on the product page by adding the class "one-third" instead of "one-quarter" to the images in thumbnail grid.But i appreciate your help!
Hi again, @devumi!
Sorry for misunderstanding your question! Thank you for getting back, and I'm glad that you were able to make it work!
For future reference, since you are using a theme made by Shopify, you get 60 minutes of complimentary design time in accordance with our design policy. The amount of time it will take for each customization will depend on how complicated your request(s) is/are. To proceed with this, you can contact our support team and we'll be able to reach out to our theme specialists.
Cheers!
May | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
Hi @devumi
I also want to increase the size of the thumbnail from 3 to 4 and I am using the Alamp theme but in that, there is no option available to change that count directly.
Can you please assist how can I change my theme also? where you have added that class?
Thanks in advanced!
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024