Product Listing Grids

Choose how products listings are displayed on the site here. In your control panel, go to Storefront > My Themes, and click the blue "Customize" button to launch Theme Editor. In the left hand column of the Theme Editor, click the panel labelled 'Product Listing Grids'

Instagram Feed Category Pages

Enable Image Hover Switcher

We have included a module in our theme that switches the product thumbnail image on the category grid with a second alternative image on hover.

This will always pull in the second image from the product image library. To ensure that our module works correctly, the second image in sequence should not be set to display as the thumbnail in the store control panel.

Note that you should also make sure the first and second images use the same aspect ratio to avoid visual glitches.

Show Add to Wishlist on Product Grid

This will display an Add to Wishlist button on the category product listing grid when a visitor hovers over a product.

Show Stock on Product Grid

Enabling this feature will show a stock level on each product in the category grid.

Show Color Swatches on Product Grid

We have included a module to display color swatches on any product with a color swatch option in the category grid listing. Check this box to enable.

Options must be configured to use the swatch type for these to display.

Show Size Options on Product Grid

We have included a module to display product sizes on the category grid listing. Set the value of “Size Label Identifier” to match the label used in store for the option set you want to display, i.e. Size.

This reflects all size options available for the product including those out of stock