Products (22 Savile Row)
Choose how product 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 'Products'.
Show Quickview button
Enable this option to show a Quick View (magnifying glass) icon on the product card in the category page when a visitor hovers over a product.
Show stock on product listing
Enabling this feature will show a stock level on each product in the category grid (below the price).
Home page
Show Featured Categories on Homepage
Enable this to add a Featured Categories panel on the homepage.
You can also configure the number of products displayed in various panels on the home page in this module.
Product page
These settings control the look and layout of the product detail page (PDP), where the product options, description and any other details are displayed.
Show Description Below Images (Large Screens)
Enable this option to move the description from the column on the right (under product options) to below the main product image, on the left of the screen.
Disable Product Zoom (beta)
By default, when hovering over the main product image, part of the image is zoomed. Check this option to switch off this behaviour.
Number of Product Reviews, Related Products, Customers Also Viewed Products
Configure the number of products displayed in these panels on the product page in this module.
Product Swatch Image Sizes
You can change the size of the product swatches on the product page, up to a maximum of 150px x 150px.
Category pages
Show Category Image on Category Page
Enable this option to show the category image on the category page.
This option only takes effect when Show Featured Categories on Homepage above is not enabled.
Display Mode
Set the default layout of the category page, whether products are shown in a grid or list view.
Enable Grid/List Switcher on Category Pages
Check this option to give your customers the opportunity to toggle their view of categories between grid and list view.
This option is only available when Display Mode above is set to 'Grid'.
Number of products per page
Sets the number of products displayed on each category page.
Brand pages
Number of products per page
Sets the number of products displayed on each brand page.
Search results
Number of products per page
Sets the number of products displayed on each search results page.
Product cards
Configure the appearance of the product cards.
Product cards (Show on Hover)
The appearance of the elements that show on hover can be configured here (If 'Hide Details on Product Listings in Hover Container (Large Screens)' is enabled in Theme Features).
Image sizes
A note about images Your product images are the among the most utilized content on your site. They are essential for helping your visitors to convert into buyers. It is important therefore, that you configure your image sizes correctly.
The most important thing to realize is that most of the preparation for your images should be done prior to upload.
We recommend choosing and sticking with an aspect ratio for your images. For instance, for the vast majority of stores using our theme we would recommend either 1:1 (square), 4:3 (landscape) or 3:4 (portrait) product image ratios.
The image size options in this panel refer to maximum sizes for large screens. As screens reduce in size, the images will automatically scale.
If you stick to these recommendations about image ratios, there should be no reason to change the image sizes from "Optimized for theme".
Main product images
Make sure all the product images have an aspect ratio of 1:1, 4:3 or 3:4.
Examples of actual image sizes in the above aspect ratios are: 1200 x 1200px (1:1), 1000 x 750px (4:3), 750 x 1000px (3:4)
Thumbnail image
If you specify dimensions, enter dimensions with the same aspect ratio as the main product images.
Zoomed image
If you specify dimensions, enter dimensions with the same aspect ratio as the main product images.
Image in gallery view
If you specify dimensions, enter dimensions with the same aspect ratio as the main product images.
Brand image in gallery view
Place the logo on a 1:1 or 4:3 canvas.