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.

When enabled, any parent category that has an image applied to it will appear as a Featured Category on the Home page.

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

Image size calculators

4:3 (landscape)

Enter Width:  Height =

3:4 (portrait)

Enter Width:  Height =

16:9 (landscape)

Enter Width:  Height =
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.