Skip to main content

Product Listing Page

A product listing page is a webpage on a website that displays a list of products for sale. It usually includes product images, descriptions, prices, and other relevant information, such as ratings and reviews. Users can browse through the products and use various filters and sorting options to find what they are looking for.

QG1

How to access Product Listing Page in your website?

Below are the steps to access Product Listing page:

  1. Select Product Listing Page from dropdown menu.
  2. Pop-up window appears with PLP section.
  3. Customise subsections in Product Listing section.

Below are the configurable options of the PLP section:

1. Show Product Numbers

Showing product numbers in a product listing page on a website refers to displaying a unique identifier or reference number assigned to each product. This allows customers to easily identify and locate specific products in the listing.

Check the Show product numbers tick box if you want to display the number of products on your store’s product listing page.

2. Loading Options

Choose how you want your page to load as users scroll down. There are three options provided in the dropdown menu:

  1. View more
  2. Infinite loading
  3. Pagination

3. Show Back to Top Button

A "back to top" button in a product listing page in a website is a small arrow or button that, when clicked, immediately scrolls the user back to the top of the page. It provides a convenient way for users to navigate back to the top of a long product list or page without having to manually scroll back up, improving the overall user experience.

Check the Show back to top button checkbox if you want to display the button that takes your user back to the top of your product listing page.

4. Open Product in New Tab

"Open product in new tab" is an option in a product listing page in a website that allows users to view the details of a product in a separate browser tab.

Check the Open product in new tab checkbox if you want to provide the user with an option to a product in a new tab on your product listing page.

5. Hide Brand Name

Hiding the brand name in a product listing page on a website means that the brand name of a product is not displayed to the user until they click on the product to view its details.

Check the Hide Brand name checkbox if you want to remove the brand name of a product from your product listing page.

6. Default Grid Layout Desktop

Default grid layout desktop in a product listing page refers to the pre-set arrangement of products in a grid format that is designed for desktop screens. It is a standard layout used by many websites to display their products on a single page, making it easier for users to browse and compare items.

From the dropdown menu, select your default grid layout for desktop users:

  1. 2 cards
  2. 4 cards

7. Default Grid Layout Tablet

The default grid layout tablet in a product listing page on a website refers to the predetermined arrangement of products displayed in a grid format designed for tablet devices.

From the dropdown menu, select your default grid layout for tablet users:

  1. 2 cards
  2. 3 cards

8. Default Grid Layout Mobile

The default grid layout mobile in a product listing page on a website refers to the predetermined arrangement of products displayed in a grid format designed for mobile devices.

From the dropdown menu, select your default grid layout for mobile users:

  1. 1 card
  2. 2 cards

9. Description

A description in a product listing page in a website is a brief written summary that provides information about the features, benefits, and specifications of a product, helping users to understand what the product is and what it can do.

In the text entry field, enter an additional brief description to display in the product list section.

10. Aspect Ratio

Aspect ratio refers to the proportional relationship between the width and height of an image or video.

For images:

  1. For Desktop: 4:5 (672x840)
  2. For Tablet: 4:5
  3. For Mobile: 4:5 (1-card : 288x360, 2-card : 136x170)