How to change the product image size in the collection page in the Brooklyn theme

nc1345
Tourist
4 0 2

Hello!

I spent hours just trying to figure this out and couldn't find anything that helped. 

The product image size is too small. I'm looking to make all product images bigger when I'm shopping.

This is what it currently looks like:

Current Design.png

 

I want it to look like the image below. It's hard to tell but basically, the images reach the entire screen (little margins on the left & right and the images are also larger).

Desired Design.png

 

How do I enlarge the image (and reduce the margins I'm guessing)? I already know how to change the number of products per row in a grid, so that isn't a problem. The problem is that the product images are too tiny. Any pointers to the right files and specific sections to edit would be appreciated.

 

Also please note I'm using the BROOKLYN theme.

KetanKumar
Shopify Partner
17323 1871 6472

Hello, @nc1345 

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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes

Hello,

Thank you for your question.

Please share your store URL, page URL and also password (if your store has one), I'll help you out to the best of my ability.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Add a slider to product page images: Minimal theme | Debut theme | Brooklyn theme
◦ Contact: ezfycode@gmail.com.
0 Likes
nc1345
Tourist
4 0 2

Hi @KetanKumar and @diego_ezfy 

Thank you for your help.

The URL is emri-studio.com (or emri-studio.myshopify.com) and password is: twieck

I'm probably going to use vertical images (as opposed to my horizontal ones right now).. So hopefully any fix will take this into account. I believe the first image in my product page right now is kind of what I had in mind. 

stephaniepoe20
New Member
3 0 0

I am having the same issue on my site. Did youu ever come up with a solution?

0 Likes
KetanKumar
Shopify Partner
17323 1871 6472

@nc1345 

Thanks for details 

yes i have check this how fo you like collection product image let me know so i will guide you.

 

@stephaniepoe20 

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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
stephaniepoe20
New Member
3 0 0

Yes I still need help with this. Can you provide me with the code edits? I'm using the brooklyn theme. My url is 

www.colourtheorycollective.com

0 Likes
KetanKumar
Shopify Partner
17323 1871 6472

@stephaniepoe20 

Thanks
can you please share screenshot further issue

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Muessigmanns
Tourist
3 0 2

I have the same issue. The shop add is www.muessigmanns.eu ; I would like to have the pictures bigger than they are currently when a user scrolls through the collection. Unfortunately I can not find any solution to the problem from this conversation. Can someone enlighten me? Appreciate.

Benjamin 

 

 

KetanKumar
Shopify Partner
17323 1871 6472

@Muessigmanns 

Thanks for post 

sorry for your store is password protected can you please share us.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes