Product Listing Grids (Kings Road)

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.
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.
Show swatches on related products Choose to display color swatches on any product with a color swatch option in the related product carousel. Options must be configured to use the swatch type for these to display.

Category Page Features

Setting Description
Hide category image on category page Select this option to hide the default category image that would appear 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.
Show grid/list switcher Select to display products in a grid or a list.
Default listing view Select to display products in a grid or a list by default.
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
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.