List element

974 views Linh 2

In this article, you will learn about the List element and how to use it.

About List element

List element allows you to put a list of items on your page to help increase your conversion rate. You can use this element instead of using bullet points or numbered lists in the Paragraph element in order to have more customization options. It’s also faster.
Note that you can search this element by using the search function instead of finding it in the sidebar.

list element

List element comes with multiple variations covering most needs. But we will continue to add more variations to help you save time.
Drag a variation to the layout and see how it can be configured.

List element configuration

List element comes with plenty of parameters allowing you to fine-tune content appearance for the best possible conversion rate.
Select the element in the layout to see its parameters.

In this article, we will show the parameters of the General and Styling tabs for the List element.

General tab’s parameters
  • List Type: The type of list you would like to display. There are multiple options for this.
  • List Style: There are two options: Inside and Outside. By default, it is set to Inside.
2. LIST SETTINGSThe List items are displayed here
3.ATTRIBUTESThis is a parameter that all elements have. You can read more here.
4. VISIBILITYThis is a parameter that all elements have. You can read more here.
5. ANIMATIONThis is a parameter that all elements have. You can read more here.
Styling tab’s parameters
1. OVERALLYou can read about the OVERALL parameter here.
2. SPACINGYou can read about the SPACING parameter here.
3. TYPOGRAPHYYou can read about the TYPOGRAPHY parameter here.
4. BACKGROUNDYou can read about the BACKGROUND parameter here.
5. BORDERYou can read about the BORDER parameter here.
6. DISPLAYYou can read about the DISPLAY parameter here.
7. CUSTOM CSSYou can read about the CUSTOM CSS parameter here.

Nested elements configuration

Please note that the List element is the combination of multiple List items. You can select it to see two additional parameters available for each List item.

TextAdd content to the List
Enable IconTo display the icon next to each item
Go to URL
  • Go to URL: Insert the target URL for the List
  • Scroll to Section
  • Send Email
  • Call Number

Was this helpful?

Start your free 14-day trial
of PageFly
Don’t have Shopify store yet? Create store