Product Listings allow merchants to configure the display of product listings pages across Desktop, Mobile and Trade sites to suit their individual business requirements. Product listings can increase conversion by allowing online shoppers to easily discover and select products for purchase.
Product Listing Overview
Product Listings are highly configurable and settings allow listings displays for B2C Desktop, B2C Mobile and Trade Desktop shopping to be individually configurable. All listing across IRP are based on model data and user experiences are common across devices.
Merchants can choose on desktop displays to have filters left or top, determine the number of columns and easily configure the individual products display within a list. Merchants can also choose to add inline advertising banners within a list.
Merchants will also avail of the page speed performance and accessibility enhancements.
Highly Configurable Listing Pages
Listing page layout can be configured to display filters set to the left side or top of the listings. Additionally filters can be manually hidden and shown if the ‘Enable Filter Display Toggle’ is enabled in the configuration.
Merchants can set the filter order and determine if all, none or some of the filters are expanded by default
Some filters, like colour, may have a considerable number of attributes and the merchants may wish to enable a search at the filter level when an attribute threshold number is exceeded using the ‘Filter SearchText Box Display Threshold’ configuration.
The number of default columns can be set in the configuration but an additional useful manual onscreen component can be enabled to allow the shopper to choose how to display products in the list (from 3, 4 or many columns), using the ‘Enable Column Configuration’ setting.
There are a number of pagination options that allow flexibility in how the merchants wishes to allow shoppers to navigate through list pages. Choose from pagination or load more options that can be individually set at the desktop, mobile or trade level.
Filters and Selected Options
In desktop displays the filters can appear on the left or top of the screen. Irrespective of the location they work in the same way. Selected filter attributes are added as ‘chips’ to the display, more filters can be added and the shopper can clearly see the attributes that are applied to the list. In the Top filter display the configuration allow for a limit to be added to the default number of available filters. Additional filters can be viewed by selecting the ‘More Filters button
Shoppers can see the count within each filter option and can easily remove chips to update the list. Shoppers can also reset the filter by selecting the ‘Clear All’ button.
Product List Items
A product list is made up of a result set of model list items. The contents of list items is highly configurable with the IRP.
Within the listing page configuration the merchant can set the image type, image quality, location of wish list, offer status and quick buy messaging and enable reviews and ‘View Products’ button.
Additional product features are enabled separately with the IRP such as Offer Status rules, Product Customisation, Loyalty and Subscriptions.
- Image
- Image Carousel
- Offer Status
- Quick Buy
- Personalisation
- Add to Wishlist
- Brand Name
- Product Description
- Price inc. Vat
- Price ex. VAT
- RRP/Savings
- Colour Selection
- Loyalty Points
- Review Rating
- Link to Category
- 'Available in' messaging
- View Product Details
In-Listing Banners
In-Listing Banners allow merchants to advertise and market directly within a product list. Banners can enhance a brand or category by allowing merchants to think of creative ways to enhance the user experience and increase the chance of conversion across B2C Shopping in desktop and mobile. Merchants can assign one or more banners to the same in listing location.
In-Listing Banners Configuration
In Listing banner configuration is as simple as a setting up banners within other pages in the IRP. New banner locations are available for desktop and mobile shopping and can support images and html in the same way as other banner locations.
In Listing Banner Locations
- Listing Brand
- Listing Brand and Category
- Listing Category
In-Listing Banners Examples
There is no set width or height rule for in-listing banners on desktop or mobile. This is due to different merchant configurations for products on the listing page that impact width and height. There can be different numbers of columns and product attributes that impact the width and height, (like image sizes, quick buy, wishlist, sales prices, loyalty, personalisation options).
There are some rules that can be followed that will make banner creation more likely to work correctly. Merchants can also use the examples included here as a base to create their own versions.
- HTML - As there is no default width and height recommendations make sure that text is centre aligned left/right and top/bottom in the banner. Make sure that the text is still highly readable when a background image is added.
- Image only - Either use html and add a background image to the html (as this will overcome width and height issues), or create your image and amend the width and height during creation and testing.
- Always make sure that your images are correctly compressed to maximise your sites performance.
Download Listing Page Banner examples for Desktop and Mobile here...
Quick Buy
Quick Buy allows shoppers to select stock items directly from the listings without having to navigate to the models page. The quick buy feature is available in desktop and mobile.
The window can be configured to open either in the centre of the screen or sliding in from the right hand side.
The Quick Buy window supports images, pricing, and the attributes that are required to select the correct stock item (e.g. size, colour).
Trade Listings and Quick Buy
Trade listings have been updated to support the same features and functionality available in consumer shopping. All the features for filter location and product configuration are available.
Additionally trade shoppers can select stock items directly from the listing without having to access the models page to do so. This is a significant user experience enhancement as the functionality allow for the filtering and selection of complex stock items that may have a number of attributes assigned across stock items (like colour, size and fit). Support is also available for the display of quantity discounts and selection totals before adding the options to the basket.
Product Listings Configuration
View more details on Product Listings Configuration here...
