Products

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'.

Payment Icons Blog

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

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.

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.

If you specify dimensions, enter dimensions with the same aspect ratio as the main product images.

Place the logo on a 1:1 or 4:3 canvas.