Index Collection Page
An index page is the "homepage" of a collection, where a list of its elements/items will be displayed.
Index page is automatically linked to the collection and, by default, contains a Collection widget with a list of its elements/items.
If your project requires an index page, you need to add it manually. For example, you can create a "Services" page that displays data from your services collection.
Go to the Pages tab (left panel) and click the New Page button. In the list, select CMS Page, then choose the name of your collection and click on Index Page.
A new page with the name of the collection will be created. The page will already include a predefined structure: Section → Container, with a heading and a Collection widget inside.
Collection widget is already automatically linked to your collection — there’s no need to link it manually.
You can add one or more additional Collection widgets to the index page and link them to the same or a different collection. However, there can only be one widget with a semantic URL, and it cannot be deleted unless you assign the semantic URL to another widget.
Now you need to add interface elements to the Collection widget to display the data from the collection fields.
For example, for a collection element/item like "Services", you will need two text elements (e.g., service name and price) and an image.
To do this, select Collection Item in the layers and add the required elements to it.
When you add the necessary interface elements to one collection item, they will automatically appear in all other items as well.
To transfer data from the collection to the corresponding interface elements, you need to create a link/connection between them.
To do this, select one of the elements inside Collection Item on the canvas or in the layers (e.g., Text). Go to the Settings tab (right panel) and, in the Dynamic data section, open the Binded field dropdown. By default, the value is set to "None" because the element is not linked to any field.
Select the field you want to link to the element from the list (e.g., "Title").
The data from the selected field will automatically populate in this element on the canvas. An icon will appear in the corresponding layer, indicating that the element is linked to the collection field.
Similarly, link the corresponding collection fields to the other elements.
Until you link a collection field to an element, it will remain static, and its data will not update dynamically.
Mission accomplished! In the project, a collection page has been created, displaying the list of its items. Now, you just need to create the design.
To apply all changes, save the page (Ctrl + S) and click the Publish button, or use the shortcut Ctrl + Shift + S (save and publish).
A semantic URL is a human- and search-engine-friendly page address that reflects its content. For example, for a services page, it could be: https://sitename/services.
In Taptop, the semantic URL is used for the pages of collection pagination. It is only available for the index page.
If a collection contains many elements, the list is typically divided into multiple pages with pagination (e.g., 10 elements per page).
A semantic URL is automatically generated for each pagination page. These URLs are indexed by search engines, which positively impacts the website's SEO performance.
For example, for the "Services" collection, the pages with service lists will have URLs like: https://sitename/services/1, https://sitename/services/2, and so on.
The semantic URL is automatically assigned to the Collection widget placed on the index page by default. You can see it in the widget settings on the right panel.
If there are multiple Collection widgets on the index page, you can assign a semantic URL to any of them. To do this, go to the widget settings and click the Enable semantic URL button.
A semantic URL can only be assigned to only one widget on the page. If you re-assign it to another Collection widget, it will be removed from the previous one.
Collection widget to which a semantic URL has been assigned cannot be removed from the index page.
To access the settings, click on the icon to the right of the page name.
The page settings panel will open.
How do the settings for an index page differ from a standard page
- There is a Collection field with the name of the collection based on which the page was created. This field cannot be edited.
- Slug field is synchronized with the slug of the collection in its settings.
- The page cannot be duplicated.