How to Add Shopify Collection List to PageFly Page

1. About Collection List Element

1.1. Overview

1.2. What is Shopify Collection List?

Shopify Collection List is designed to present a list of collections on your page in order to increase your conversion rate. You can use the Collection List element to upsell and cross-sell products in your collections. Imagine you are showing off many attractive collections, giving your customers more choice. This element will boost your sales.

1.3. How to use Shopify Collection List?

We also have a video tutorial to guide you how to use this element:

1.4. Access the Collection List element

Step 1: Click on the 2nd icon in the Element Catalog which is the Add Shopify element function.

Step 2: Click on the Collection List element in the dropdown menu.

Step 3: Drag and drop your preferred 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.

With the recent update of PageFly, now that you can display your collection list with slideshow options as well:

2. Shopify Collection List Element Configuration

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

CONTENT
2.1. Collection Source You can choose one of two options below: All: display all collections of your store. Custom Collection(s): choose specific collection(s) you want to display.
2.2. Items Per Loading Adjust the number of collections displayed
2.3. Layout Type Choose whether the collection list display in grid or slideshow Grid layout Items per row: Adjust the number of items in a row
Slideshow layout Items per show: Set the number of slides display on your banner
Items to Scroll: Adjust the number of item(s) per scroll
Display Partial Items: Make the previous and next item(s) partially visible
2.4. Items Spacing Adjust space between items

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

3. Styling Configuration

You can check more information about the universal parameters in the Styling tab.

4. Device sensitivity

The Collection List element was created to display well on all devices including Laptop, Tablet, and Mobile. You can see how it displays by going to the Device Switcher in the top menu > select the device you want to view it on. See the example below.

You can see when switching to laptop and tablet devices, the items per row are all 4 by default, but in mobile device view, the items per row are automatically set for 2 items.

This automation makes the mobile view more clear and more concise. You can change the number of items per row and items per loading for each device you want.

5. Key Takeaways

Shopify Collection List is the best way to show the products on Shopify Page, as now it’s 100% integrated, which’s super convenient to access and use.

6. Frequently Asked Questions

6.1. Can you have multiple collections on Shopify?

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

6.2. How are collections used in Shopify?

Shopify Collection helps to structure products into groups, so customers could identify their needs easier.