Product Listing Grids (22 Savile Row)

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


Global Product Grid Settings

Setting Description
Enable image hover switcher Select this to change switch the image in the product cards 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.
Hide product details Product details will instead show in hover container on large screens.
Show quickview button Select this to see product details in a pop-up rather than leaving the current page.
Show wishlist button Choose to display an add to wishlist button on the category product listing grid. This will allow visitors to compile a wishlist of products.
Hide all product card buttons Select this to hide all product cards buttons.
Show stock level Choose this option to display the available stock of an item. Please note you will also need to configure the display of stock levels from the Control Panel. Go to Settings > Inventory > Stock Level.
Show color swatches on product listings Choose to display color swatches on any product with a color swatch option in the category grid listing. Options must be configured to use the swatch type for these to display.
Show available sizes on product listings Choose to display product sizes on the category grid listing.
Size label identifier 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.

Category Page Features

Setting Description
Show Category Image on Category Page Select this option to show the default category image above the page heading.
Show "Shop by Price" Choose this to display the shop by price feature. Please note that the filter will only appear when there are enough products with a range of prices on your store.
Show grid/list switcher Select to display products in a grid or a list.
Default listing view Select to display products in a grid or a list by default.
Enable infinite scrolling Select this to enable Infinite Scroll on the category page.

Number of Products Displayed

Setting Description
Category pages Select the number of products that appear on one page in a category.
Brand pages Select the number of products that appear on one page on a brand page.
Search result pages Select the number of products that appear on one page of search results.

Product Listing Images

Setting Description
Product image in gallery view Select the size of product images that appear on category, brand, or search results pages.
Equalize listing image heights Select this so all image heights are the same. Make sure you configure your image sizes to fit ratios.
Brand image in gallery view Select the size of the brand image when viewed on the brands page
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.