Skip to main content

Lists: Setting different links for each item

Learn how to set a unique link for each item in a static list. We'll also cover what to watch out for if all the links in your list end up pointing to the same destination.

This article explains how to set different links for each list item.

Note: If other items end up with the same link

If you change the link of a box inside a list directly using the method below, the same link will be applied to all boxes in the same column.

  1. Select a list item and open the right panel.

  2. Set the text from the [Settings] tab.

Before you start: Check the type of list

There are two types of lists in Studio.Design: static lists and dynamic lists. This article explains how to edit a static list. Use the steps below to check whether the list you want to edit is a static list.

  1. Select the entire list.

  2. Open the [Data] tab in the right panel. If the right panel is closed, open it.

  3. Check the text in the dropdown at the top of the [Data] tab.

If you see [Connect data]

The list is a static list. You can use the link setup method described in this article.

If a data source (such as [CMS] or [API]) is shown

The list is a dynamic list. Refer to the article below for instructions.
​In a CMS list, when I try to change the image, text, or link for just one item, the other items end up with the same content

Once you've confirmed it's a static list, follow the steps below.

Step 1. Add a URL property to the list

First, add a [URL] property to the content data linked to the entire list. Specifically, add a column for managing URLs to the vertical axis of the property management table.

  1. Select the entire list. *If the selected box is outlined in light blue and a grid-shaped icon appears in the top-left corner of the box, you've successfully selected the entire list.

  2. Open the right panel. If it's closed, open the right panel.

  3. Open the [Data] tab.

  4. Click the [+] at the top-right of the property management table.

  5. Add a [URL] property.

  6. In the [URL] column that was added to the table, enter the individual link you want to set for each list item.

Step 2. Link the URL property to a box

Connect the URL property to a box inside the list item on the screen. This will automatically apply the URL property registered for each item to the corresponding box.

  1. Select a list item. You can select any list item within the list. If it's hard to select a list item directly on the screen, select it from the Layers panel.

  2. Open the [Data] tab in the right panel. If the panel is closed, open it.

  3. Drag the connector for the [url] property to link it to a box.

Step 3. Check the link destinations and update your site

  1. Check that the links are set correctly in Live Preview.

  2. Publish or update your site to apply the changes. Your changes won't be reflected on the live site until you do this.

link same want to change each linked applied affected

Related Articles
How to set up different types of links
Changing an image, text, or link in one box updates other boxes too
List: Change colors for each item
Lists: Set a different image for each item
Lists: Setting different text for each item
Did this answer your question?