CMS: Setting Up a Dynamic List Page
8 min read
Before you begin:
- Make sure to add CMS to your site.
- Set up a dynamic item page for your collection before setting up a dynamic list page.
A dynamic list page displays a preview of the items from your collection on a list. Clicking an item on this list brings the visitor to a dynamic item page that displays more info about the item.
You can use a repeater, table, or gallery to list your items. For example, your list page may contain previews of recipes. Each item in the list then links to the item page for that recipe. Each item page displays the ingredients, pictures and instructions for each recipe.
Note:
You can create many dynamic list pages to display only items from categories or groups. You can then link between them as required. The Modify the URL section of this article explains how to do this.
Step 1 | Add a dynamic list page
Create your dynamic list page from the collection you've already created a dynamic item page for.
To add a dynamic list page:
- Go to CMS in your Editor:
- Wix Editor: Click CMS
on the left side of the Editor. - Editor X: Click CMS
at the top of Editor X.
- Wix Editor: Click CMS
- Click Collections.
- Click the More Actions icon
next to the relevant collection and click Add Dynamic List Page.
(Optional) Step 2 | Replace the repeater with a gallery or table
Your new dynamic list page includes a repeater that will display a preview of all the items in your collection. If you want to use this repeater, skip to the next step. If you would rather list your items in a gallery or table, you can add these elements and delete the default repeater.
To add and connect a gallery or table:
- Go to the Add panel:
- Wix Editor: Click Add
on the left side of the Editor. - Editor X: Click Add Elements
at the top of Editor X.
- Wix Editor: Click Add
- Add a gallery or table:
- Wix Editor: Choose what you want to add:
- Gallery: Click Gallery and select the relevant gallery.
- Table: Click List, then click Tables and select the relevant table.
- Editor X: Click Media, then click Pro Galleries and select the relevant gallery.
Note: Tables are not yet available in Editor X.
- Wix Editor: Choose what you want to add:
- Click the gallery or table on your page.
- Click the Connect to Data icon
(or 
in Editor X). - Select the fields from your collection in the drop-down menus under Connection Options.
- Select the default repeater and press Delete on your keyboard to remove it.
Tip:
Learn more about displaying collection content in a gallery or a table.
Step 3 | Check connection of the elements
The repeater should already connect to the correct fields in your collection. But it's always recommended that you check everything is set up in the right way.
To check the connections in your repeater:
- Click the repeater, gallery, or table in your Editor.
- Click the Connect to Data icon (or
in Editor X). - Check each of the elements and fields under Components. If necessary, click to change the connection.
Step 4 | Set the number of items to display
The default number of items displayed on a dynamic item page is 12. Set this to a different value in the dataset to display more or fewer items on your dynamic list page.
To set the number of items to display:
- Click your dataset element, then click Settings.
- Change the Number of items to display to the required value.
- Close the settings panel, then click Save.
Step 5 | Modify the URL
The URL of a dynamic page acts as a filter. If you remove any extra field values from the URL, the dynamic page displays all the items in the collection. It also changes the name of the page to 'Collection_name (All)'.
Follow the steps below to display only items from a particular category on your dynamic page. For this, your collection must have a text field containing category values. For this example, we use vegetarian, meat, pasta, or sauce. You can then update the URL of the dynamic list page to include the category value.
To modify the URL of your dynamic page:
- Go to Site Pages in your Editor:
- Wix Editor: Click Menus & Pages
on the left side of the Editor. - Editor X: Click Pages
at the top of Editor X.
- Wix Editor: Click Menus & Pages
- Click Dynamic Pages.
- Select the new dynamic page and click the More Actions icon
. - Click Settings.
- Remove any field name or names under What's the page URL?, but, make sure the name of the collection remains.
Note: After you remove the field, the page name changes to Collection_Name (All) - it is now a type of list page. You can refine the items displayed on your dynamic list page by adding a field to the URL. Continue with the following steps to display groups of items.
- Click Add Field.
- Select the field you want to filter by. This is known as the dynamic value.
- Click on the field you just added. The name of the chosen field (the dynamic value) is now displayed between parentheses at the end of the URL.
- Items in the collection with matching values can now be displayed as groups.
- The on-screen drop-down allows you to set which group will be displayed.
- Switch between groups in Preview mode to see how your page will look live.
Step 6 | Link to dynamic pages
Now that you have a dynamic list page set up, make it available to your site visitors. Add a link to your site menu or add a linkable element on any of your site pages, so your visitors can access the page. Learn more about linking to a dynamic page.
Tip:
You can also create an index page for your dynamic page. An index page is similar to a list page, but it's made of static elements instead of dynamic ones.
Did this help?
|