How to use Collection List with PageFly

About Collection List ElementClick to copy

Summary: The Collection List is designed to present a list of collections on your page. It is specifically tailored to enhance your conversion rate by presenting collections in an appealing manner.

You can use the Collection List to effectively upsell and cross-sell products, thereby enhancing your overall sales strategy.

Check this tutorial video to understand more about the element:

How To Access The Collection List ElementClick to copy

To access the Collection List element:

  • Step 1: Click on Elements function
  • Step 2: In the “Shopify” section, click on the Collection List element
  • Step 3: Drag and drop the element into the page editor and then start using it.

Note that you can search for this element by using the search function instead of finding it in the sidebar.

add collection list element

How To Configure For Collection List ElementClick to copy

The Collection List element comes with plenty of parameters allowing you to fine-tune the content appearance for the best possible conversion rate.

Select the element in the layout to see its parameters.

General SettingsClick to copy

Collection Source: you can choose one of two options below:
  • All collections: displays all collections of stores
  • Custom collection(s): choose a collection you want to display
Items Per Loading: adjust the number of collections displayed
Layout type: there are two types:
  • Grid
  • Slideshow
collection list layout types
Items Per Row: adjust the number of items in a row
Items Spacing: adjust space between items

You can get further information about ATTRIBUTES, VISIBILITY, ANIMATION parameters here.

Styling SettingsClick to copy

For further details on the Styling tab, please refer to this link.

Common CasesClick to copy

The device sensitivity case in the Collection List is addressed by ensuring it displays well on all devices, including laptops, tablets, and mobile phones. You can observe its performance by accessing the Device Switcher in the top menu and selecting your desired device.

Refer to the example below for clarification.

  • On laptops and tablets, the default display shows four items per row.
  • On mobile devices, the display automatically adjusts to two items per row for enhanced clarity and conciseness.

Frequently Asked QuestionsClick to copy

1. Can I have multiple collections on Shopify?

In Shopify, sellers can create as many collections as they like, as products can be displayed in multiple collections.

2. Can I reorder the collections in the collection list?

Yes, you can usually reorder the collections in the Collection List using the theme editor or customization options provided by your theme. This allows you to prioritize certain collections or organize them in a way that makes sense for your store.

Additional ResourcesClick to copy

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us