Product images problem

Solved
Nickahola
Excursionist
34 1 7

Hi.

Ive spent hours on this and I can't make it make sense. I've searched the forum but I'm none the wiser.

A supplier sent me their images but they exceed 20mp so I've ran them through bulk resize photos but theyre still coming out far too big. I've sized them at 1024 x 1024 but theyre coming out huge compared to other sites so i've made them 800 x 600 but then the quality of the image suffers.

I just don't know what image size without making the quality bad.

I've tried SEO image optimizer & sizer but that doesnt do a thing.

https://www.silverstork.co.uk/collections/east-coast/East-Coast

I also don't know the collection is broken down into 'east coast' twice - Id like to get rid of the lower case directory.

Thanks!

0 Likes
Ninthony
Shopify Partner
2240 337 895

You're linking to your collection "east-cost" and also products tagged "East Coast" - that's why you're seeing it show up twice. You can't get rid of the lowercase east-coast in the URL because that's how shopify handle's work, also having uppercase letters in a url is just unusual in general.

https://www.silverstork.co.uk/collections/east-coast

What's the problem with your images though? They look fine to me. If you think their grid is taking up too much space, I assume there's a setting in your Customize editor on your collections pages to show more products per row, that would make your product cards smaller. Right now they are taking up 25% of the screen space so it's likely set to 4 per row.

If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
Nickahola
Excursionist
34 1 7

Hi. Thank you for your reply.

The tag fixed the directory issue. That fix has been noted, don't tag in the menu editor. One day i might get the hang of collections, they confuse me so much.

Yes, I found the option to edit the number of products on a row, thanks.

As for the product pages, I think the images are way too big.

My product on my product page takes up half the width of the screen and the full height.

Nickahola_0-1632423315109.png

Yet any other regular website has an image that doesn't take up anywhere near as much screen/page space:

Nickahola_1-1632423439953.png

I don't know how to get my images to be reduced in size like this.

 

0 Likes
Ninthony
Shopify Partner
2240 337 895

I don't think it's too big, but a way you'd be able to change that is to set a maximum width to your containing div. What theme are you using? Probably a premium theme. I think you may be able to get away with adding this to the bottom of your theme's css file:

.template-product .wrapper {
    max-width: 1000px!important;
}

 

You can change the pixel value to whatever you want. Let me know if that doesnt work, if it doesnt I can request access to your themes and make the change for you, at the moment I just can't tell you where exactly to put the code without looking myself.

If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes
Nickahola
Excursionist
34 1 7

Thanks. Tried that but it didn't change a thing.

I'm using the susie theme...

0 Likes
Ninthony
Shopify Partner
2240 337 895

Would you like me to request access to your themes and take a look for you?

If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes
Nickahola
Excursionist
34 1 7

If possible yes please that would be great thanks 

0 Likes
Ninthony
Shopify Partner
2240 337 895

Ok I requested access. You should get an email to approve or deny me.

If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes
Nickahola
Excursionist
34 1 7

I think the request has been approved now 

0 Likes
Ninthony
Shopify Partner
2240 337 895

Alright cool, I was busy the rest of the day yesterday but I'll take a look at it here in a bit.

If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes