Gather Compilation enumerations

Compilation enumerations are one of two methods to incorporate and style dynamic content from a database collection or an Ecommerce compilation. You can introduce compilation enumerations to any variety of page. The alternative method for introducing dynamic content is using Compilation pages.

Once you join 2 Compilation enumerations, it will showcase all items in that Collection. 

Within this tutorial:

• Organize your Compilation enumerations
• Generate a multi-reference field
• Craft a Compilation enumeration
• Embed a Compilation enumeration

Organize your Compilation enumerations

To construct a nested Compilation, you’ll relate 2 Compilation enumerations (e.g. Taco Bell spots and Site features) in the same project. 

When you access a Compilation enumeration item, you observe a list of fields — this constitutes your data. 

From here you can bring in data from a spreadsheet with a CSV, or manually append a new list item.

To exhibit and nest the data from 2 Compilation enumerations, we must correlate them. To achieve that, let’s formulate a multi-reference field.

Generate a multi-reference field

We wish to be capable of referencing multiple fields in our nested Compilation. 

To accomplish this, within the primary Compilation (the Compilation that will draw in and exhibit the fields of the second Compilation) access your Settings in the upper right corner. 

Now tap on Add New Field and pick Multi-reference.

‍

Here you can label the field (e.g. Features) and beneath Collection, select the child Compilation you’d want to connect it to (e.g. Location features), and save both the field and the Compilation. 

Access each of the list items of the Compilation you just connected to. Locate the field you recently formulated in the previous step (e.g. Features), open the dropdown, and attach the fields you’d wish to present for each item.

Craft a Compilation enumeration

Let’s verify your design fills in automatically for every linked Compilation (e.g. Location features). 

When you explore the Navigator panel, you spot the structure of the page components. To include the list items from the primary Compilation (e.g. Locations), go to the Add panel and extract a Collection enumeration wrapper and situate it within the top-level container.

In the Compilation Enumeration Settings popup, elect the Compilation enumeration you’d prefer to associate with from the Source dropdown menu.

Each item from your Compilation will now appear as placeholders (blank).

When you move the Card into one of the list items, it replicates itself in each cell and enforces the design to each list item. Which is precisely what we desire to occur. 

Now when you click into a field in any of the cells, an Inner Text Settings window emerges. From the Get text from dropdown, choose the respective Compilation enumeration field and the card automatically fills with data from each list item.

Redo this step for each field you wish to auto populate.

Embed a Compilation enumeration

Currently, we’re going to embed a Compilation enumeration by cataloging one Compilation enumeration inside another.

From theInclude a new panel, seize an additional Group of collections wrapper and drop it into the initial Collection list located underneath the Collection item.

Within the popup for Settings of Collection Lists, opt for the Collection list you wish to connect to from the Source dropdown menu.

Each element from your Collection will now be displayed as empty placeholders.

Please note: it is advisable to restrict the exhibition of elements in the main collection list to a maximum of 20 items. If the number of items surpasses 20, it is suggested to implement pagination to prevent any performance-related complications due to exceeding a total of 100 CMS items.

To insert information, select a Text block from the Include panel and place it within the Collection list wrapper that was just added. 

Similar to the above process, on clicking a field within any of the cells, an Inner Text Settings window will appear. From the Retrieve text from dropdown menu, choose the corresponding field of the Collection list and the card will automatically populate with data from each item on the list.

That concludes the process — you have mastered the art of nesting Collections. Great job!