Skip to main content

Collection Listing

A Collection Listing page on a website is a page that displays a group of related products or items in a visually appealing manner, allowing users to browse and select products they are interested in.

How to access Collection Listing page in your website?​

Below are the steps to access Collection Listing page:

  1. Select Collection listing from dropdown menu.
  2. Pop-up window appears with build link section.
  3. Search for desired collection to update description.
  4. Customise subsections in Collection Listing section.

Below are the configurable options of the Collection Listing page:

QG1

1. Show Product Numbers​

Showing product numbers in a collection 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 collection listing page.

2. Enable Infinity Scroll​

Enabling infinity scroll in a collection listing page refers to the design technique where new products or items are loaded automatically and continuously as the user scrolls down the page, providing an uninterrupted browsing experience.

Check the Enable infinite scroll checkbox if you want to remove the ‘view more’ button and only display your collections on scroll.

3. Show Back to Top Button​

A "back to top" button on a collection 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 collection listing page.

4. Open Product in New Tab​

"Open product in new tab" is an option on a collection 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 collection listing page.

5. Hide Brand Name​

Hiding the brand name in a collection 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 collection listing page.

6. Default Grid Layout Desktop​

Default grid layout desktop in a collection 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 collection 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 collection 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 collection listing is a brief summary or explanation of the theme or purpose of the collection. Enter a brief description of the product items that appear in the Collection Listing section of your store.

10. Aspect Ratio​

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

  1. For Desktop: 4:5 (322x402)
  2. For Tablet: 4:5
  3. For Mobile: 1:1 (137x170)

Tool tip:

Button text - Call to action on a website's Home page.

BLOCKS - Add collection item blocks to the section.