How to add product zoom on Minimal theme collection pages?

Shopify Discussion
1

Hello, I am using the Minimal theme and wondering if anyone has been able to add product zoom on collection pages. Or at a minimum at least make the individual images larger? Thank you!

2

The easiest thing to do without making major changes to code is to make that page show 3 products per row instead of 4, increasing the width of each product.

  1. Go to Themes > Minimal > Edit Code
  2. On the left, go to Sections > collection-template.liquid
  3. Near Line 30

Find:

{% assign grid_item_width = 'wide--one-fifth large--one-quarter medium-down--one-half' %}​

Replace with:

{% assign grid_item_width = 'wide--one-quarter large--one-third medium-down--one-half' %}

Your photos should be bigger now, but only showing 3 products per row instead of 4.

3

Thank you for your help!! This is a big improvement.

4

U can use

https://apps.shopify.com/super-zoom-image-magnifier