PageFly - Shopify elements - Collection list

75 views Anh 0

Important: This feature is only available on the Pro plan

In this article, you will learn about one of the most frequently used Shopify elements when you build your pages with PageFly. It is the Collection list.

About Collection list element

Collection list element is designed to present a list of collections on your page to increase conversion rate. You can use the Collection list element to display collections that are related to each other in term of purpose (Spring, Summer, Fall, Winter collections) or in term of similarity (Sale, Promotion, Special discount collections).

Where Collection list element located

By default, this element comes with only one variant at the moment. However, we will continue to add more variations to help you save time.

Drag the element to the layout and see how it can be configured.

Collection list element configuration

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

Select the element in the layout to see its parameters.

General tab configuration of Collection lists element

The parameters in General tab are specific for this element.

The parameters in Styling and Advanced tabs are common for all elements. Read about them in this article.

Columns Choose how many columns to display collections
Retina Enable / Disable retina display for featured image of collections
Image Size Featured image size. Unit is pixel, left input is the width and right is the height
Add Collection Add a new collection to the list.
Collection 1

Collection 2

Collection 3


The list of collections in the list. You can also click the drag icon to reorder the collection, the duplicate icon to duplicate collection, the trash icon to remove the collection, the arrow icon to open Collection setting in order to select a collection.

Nested elements configuration

Please notice that Collection list element is the combination of multiple collections. It can be selected independently but the configuration will be applied to the whole list.

Nested element in Collection list