Hello,
I was wondering if anyone can please help me change the size on grid view. Images go smaller if I choose 4 products in a line. I’m currently still fixing my website. These is how my products appear. Even If I make picture ratios bigger it remains the same size. Is there a code I can use to fix this?
Line of 3
It gets smaller if I want a line of 4.
This an example of how I want my images
Welcome to the Shopify community!
and Thanks for your Good question.
Please share your site URL,
So I will check and provide a solution here.
Perfect as long, when the customer clicks the image they can see the whole picture. How can I do this? I appreciate you looking into this.
Thanks for confirm
.grid-view-item__image-wrapper {max-width: 100% !important;}
.grid-view-item__image-wrapper div {padding-top: 150% !important;}
.grid-view-item__image-wrapper .grid-view-item__image {
max-width: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
height: 100%;
}
After View
Update the code worked! Thank you very much! How do I get the 2 collection images the front page to be smaller only? I’m beyond thankful
Collections on my main page are large
I’d like the length to be a little shorten and a little wider. Not too small, more on the large/medium side. Thank you
can you please share a particular page URL?
I’d like collection images to have a width like this please
with a length size on the url: https://www.shopzua.com/
for these 2 images
The full size on the url.
I appreciate your help so much, thank you
Thanks for more details and clear
i can’t see any collection section at the home page now i can see only 3 products at home also product image is in portrait mode if you have a square so the image was center cropped is this fine for you?
it’s fine, it’s for the spring collection on my homepage.
Yes, but larger. I want my other images to stay the same size that’s displaying now.
For example, what’s
that portrait size as your images
yes, I’m okay with the center crop for spring collection as long as it doesn’t affect the other image sizes on the other pages.
Here is another example for spring collection on homepage. How may I adjust this?
my homepage https://www.chicandvintage.store/
I want the pictures under the Spring collection on the “Home page” to be shorter but without any distortion or affecting the images on the other pages.
YEs, sure but now your store is password protect can you please share us.
Password is treama
