Products (22 Savile Row)
Choose how product listings are displayed on the site here. In your control panel, go to Storefront > 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
Enables product quick view allowing visitor to see product details in a pop-up rather than leave the category page.
Show Stock on Product Listing
Enable 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 Advanced Settings > Inventory > Stock Level.
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 for the Featured Products, Most Popular Products and New Products Panels or disable the panel so that it no longer displays on the home page.
Product Page
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 behavior.
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 4:3, 3:4 or 1:1 product image ratios.
The image size options refer to maximum sizes for large screens. As screens reduce in size, the images will automatically scale.
If you stick to the our recommendations about image ratios, there should be no reason to change the image sizes from "Optimized for theme".
Recommended Image ratios
Blog Post Thumbnails
4:3 or 1:1
Product Images
4:3, 3:4 or 1:1
Brand Logos
Place the logo on a 1:1 or 4:3 canvas
Hero Banner Images
16:9 or 4:3
Featured Category Images
16:9 or 4:3