Skip to main content

Collections

A collections section on a website is a page or section that groups together a selection of related products or items, usually based on a specific theme, category, or type. The collections section is designed to make it easy for users to browse and discover products that match their interests or needs.

How to access Collections page in your website?​

Below are the steps to access Collections page:

  1. Select Collections from dropdown menu.
  2. Pop-up window appears with collections section.
  3. Customise subsections in Collections page.

Below are the configurable options of the Collections section:

QG1

1. Infinity Scroll​

Infinity scroll is a design technique used on a website's collections page where new content loads continuously as the user scrolls down the page, allowing for an endless stream of products or items.

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

2. Back to Top​

A "back to top" button on 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 Back to top button checkbox if you want to display the button that takes your user back to the top of your collections page.

3. Heading​

In a collections section, a heading typically refers to a title or headline that introduces and summarises the content of the collection. In the title text field, enter the title to be displayed as the primary heading of your collections section.

4. Description​

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

In the text entry field, enter a brief description to give your users baseline information about a collection/category and the kind of products on offer.

5. Aspect Ratio​

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

These are recommended aspect ratios for images on different devices: Desktop (322x402) 4:5, Tablet 4:5, and Mobile (137x170) 1:1.