Change the collection page product images sizes of Venture theme

Store Design
1

I want to increase the size of product images on collection pages of Venture theme. Is there a way to divide the page width in to 3 or 4 (instead of 5) and increase the height accordingly. This will increase the visibility of product design. (for example Look like this)

I tried following recommended solutions to however I did not see any changes.

.template-collection .grid .grid__item .product-card__image-wrapper .product-card__image{
max-width: 100% !important;
}

.product-card__image {max-width: 100% !important;}

2

Hello,

Please share your store url.

3

Hello,

Just add change this class in collection liquid file from where this list is coming. Screenshot attached below.

Kuljitmvt_0-1639561211837.png
Kuljitmvt_0-1639561211837.png1166×292 20.8 KB

1 Like
4

Today is the first day of my Trail, so I dont think I can give you a public url. I am just using a fresh venture theme without any code changes.

5

No problem. I have shared a solution for you with the demo Venture theme code point of view. Please have a look to my solution and let me know.

Thank you.

1 Like
6

Cool, changing to one-third worked, but it did not change the product image size. Its still the same size. Its container now is taking 1/3 of width.

7

Yes,

The image width automatically sets as its outer width. Try by uploading big size image.

Thank you.

8

Thank you, following this guideline I created a image in this 2048 x 2048 size. The result is no different, the height is the same, even though width has gotten bit bigger. It would be awesome if I can get image size similar to individual product page.

9

Please check there may be an option for image size in theme customization.