How to increase my product thumbnails when i click onto a collection in the impulse theme

Solved

How to increase my product thumbnails when i click onto a collection in the impulse theme

Ryanstrangg
Tourist
3 0 0

Hi,

 

When I click on tops collection on my website the products are very small and look weird. I would like my photos to be larger and take up more of the screen like below, does anyone know how to fix this.

 

Ryanstrangg_0-1726637586480.png

 

Accepted Solutions (2)

Dan-From-Ryviu
Shopify Partner
9534 1916 1950

This is an accepted solution.

Hi @Ryanstrangg 

You can change Filter style of Product grid in Online Store > Themes > Customize > Collections > Default collection Screenshot 2024-09-18 at 13.33.27.png

- Helpful? Like and Accept solution! or Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

sahilsharma9515
Shopify Partner
1206 156 233

This is an accepted solution.

Hi @Ryanstrangg if you want 4 large images then you can increase the size by changing the filter style from sidebar to drawer.

 

Here is the steps to do that.

 

Please follow the steps:

  1. Login in shopify admin.
  2. Click on the Online Store.
  3. Then click on the button Customize in live Theme.
  4. Then go on the collections.
  5. Then click on the Product Grid.
  6. And in filter style change it from sidebar to drawer.

sahilsharma9515_0-1726642913781.png

 

After this still you want the bigger images then please let me know I will provide you the code, and if you want the bigger images after applying the above setting then for desktop the images will be 3 large images for desktop.

 

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

 

Best Regards

Sahil

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


View solution in original post

Replies 6 (6)

Araf
Visitor
1 0 0

Hello,

It's the css thing. Inspect and find the css class, go to css file and make the height larger as your need.

Thank you.

sahilsharma9515
Shopify Partner
1206 156 233

Hi @Ryanstrangg Welcome to the Community!

 

Can you please provide your store URL and password as well if applicable, so that I can provide you solution that can work for your store.

 

Best regards

Sahil

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


Ryanstrangg
Tourist
3 0 0
Hi Sahil,

Link to my website is www.casarunning.com

Password is CASARUNNING

Would prefer 4 large images for desktop and 2 large for mobile

Thanks
sahilsharma9515
Shopify Partner
1206 156 233

This is an accepted solution.

Hi @Ryanstrangg if you want 4 large images then you can increase the size by changing the filter style from sidebar to drawer.

 

Here is the steps to do that.

 

Please follow the steps:

  1. Login in shopify admin.
  2. Click on the Online Store.
  3. Then click on the button Customize in live Theme.
  4. Then go on the collections.
  5. Then click on the Product Grid.
  6. And in filter style change it from sidebar to drawer.

sahilsharma9515_0-1726642913781.png

 

After this still you want the bigger images then please let me know I will provide you the code, and if you want the bigger images after applying the above setting then for desktop the images will be 3 large images for desktop.

 

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

 

Best Regards

Sahil

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


Dan-From-Ryviu
Shopify Partner
9534 1916 1950

This is an accepted solution.

Hi @Ryanstrangg 

You can change Filter style of Product grid in Online Store > Themes > Customize > Collections > Default collection Screenshot 2024-09-18 at 13.33.27.png

- Helpful? Like and Accept solution! or Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Ryanstrangg
Tourist
3 0 0

Thanks for your help!