Product Listing Grids (Covent Garden)
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.
|
| 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. |
| 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. |
| Product listing swatch sizes |
Choose the size for swatches on product listings.
|
| 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 |
| Hide Category Image on Category Page |
Don't 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. |
| Hide "number of products displayed" |
If the number of products is 100 or less, a link will appear with the option to "Show All". If there are more than 100 products the link will give the option to "Show 100 Products". Select this to disable this feature.
Please note this is automatically hidden if infinite scroll is enabled and there is more than one category page.
|
| Show sub-categories in the product grid |
Select this mode to replace the list of sub categories in the left column of the category page with a grid in the main content column. This is best used when sub categories have images assigned to them.
|
| Sub-category grid columns |
Specify how many sub-category columns will be shown in the desktop viewport.
|
| 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. |
| Brand image in gallery view |
Select the size of the brand image when viewed on the brands page |
