I've made a few customizations to the width of my website. Now i'm running into a pretty frustrating problem, when you go through the different variant images of a product, they all display in different sizes. I would like to have them all be displayed in the same uniform size throughout.
Here is a link to one of my product pages:
https://auraofzeus.com/products/7-chakras-bracelet
And I've already tried the solution mentioned in the following thread, but it didn't have any effect:
Solved! Go to the solution
Hello JCommerce,
I have gone through your product page and found that the images of variants are already in same size.
Can you please specify more clearly your question.
As some images are transparent so it looks like different size but initially all the images are of same size.
Thanks for your Reply!
I have attached 2 pictures illustrating that the when you click the second image thumbnail, it is significantly bigger when displayed and pushes down the thumbnails, unlike the first picture that is displayed by default. I would like to have all these pictures the same size on the page when switching through them.
This is an accepted solution.
I solved it, i changed the width and height in the following code found in the product-template.liquid file
{% include 'image-style' with image: featured_image, width: 600, height: 600, small_style: true, wrapper_id: wrapper_id, img_id_class: img_id_class %}
User | Count |
---|---|
816 | |
119 | |
94 | |
94 | |
71 |