Product Listing Page

Hide Left Navigation

This will allow the user to toggle how the left hand navigation appears on Product Listing Pages and Content Pages. 

Product Listing Pages

With Left Hand Navigation

The filters will always be displayed on the screen. 

image.png

Without Left Hand Navigation

Filters are hidden by default, and are opened by interacting with the 'Filter' button in the top left of the screen.

image.png

Content Pages

With Left Hand Navigation

image.png

Without Left Hand Navigation

image.png

Filters

Filter by Colour

Product Layouts

The below layout options are available when setting up your Categories. These only apply t Product layout, and not to Collections, sub Categories, or other content.

Grid

2 Column

A simple two column layout of Products. 

image.png

3 Column

A simple three column layout of Products. 

image.png

4 Column

A simple four column layout of Products. 

image.png

List

Standard List

Sets the Category to be in list view. This will display the Product Summary on the Product Listing Page. 

image.png

Compact List

Sets the Category to be in a compact list This will display the Product Summary on the Product Listing Page, and also split out the Variants for immediate purchase from the Product Listing Page. 

This is ideal for Products for simple options, e.g. sizing, or where you expect a Customer to purchase multiple items from the same Product Listing Page

image.png

Advanced

3 Column (first large)

A three column layout, with the first Product displayed at double height.

image.png

4 Column (first large)

A four column layout, with the first Product displayed at double height.

image.png

3 Column (original aspect)

A three column layout, which will retain the original aspect ratio of the uploaded image without cropping. 

4 Column (original aspect)

A four column layout, which will retain the original aspect ratio of the uploaded image without cropping. 

Funky

Funky (alternating)

An alternating layout, which moves between two and three column layouts.

image.png


Mega-Funky (mixed)

The largest variety of layouts in a single view; this will combine a mix of all other layouts to break up the page. 

image.png

Swatch Previews

This option will display a Swatch Preview below the Product on Product Listing Pages. 

This will only display if customisations are linked to the Product

If enabled against the Listing Page (e.g. Category, Brand or Collection), five swatches will display. If set against a Product's Customisations, the first five 'favourite' swatches will be shown. 

image.png

Banners (PLP)

With Left Navigation

image.png

Hide Left Navigation

image.png

image.png