Skip to main content
More in Learn

Item Relation Component

The Item Relation component allows you to semantically link to products, documents, and folders that are related to a given item in some fashion.

Item Relation Component Usage

Here are some examples of when the item relation component may be useful:

  • Linking to related products
  • Linking to related articles and blog posts (documents)
  • Linking to manufacturers’ websites

When adding this component to a shape, specify a name (required) and description (optional) indicative of the sort of content you wish for it to contain. This description will be visible to those who build content based off of this shape.

Optionally, you can also specify:

  • A min/max number of items that must be added to the component.
  • Accepted shape(s). Only items built from these shapes can be added to the component.
  • A Quickselect folder: a folder from your catalogue that will be used to offer a set of choices to the content editor. Click the Open catalogue button, browse to the desired folder in the left-hand panel, then drag and drop it onto the component.

If your tenant has multiple languages, the item relation component will link to/show the appropriate item translations for each language. For more information, read our page on Configuring Languages.

Item relation component

When adding content to this component, you’ll be able to click and drag related items from your catalogue onto the component. To remove an item from the component, hover over it, then click on the X in the top-right corner.

If a Quickselect folder was specified, you'll see the folder’s contents either displayed side by side (if there are fewer than 8 items) or in a drop-down accessible by clicking into the search tool (if there are more than 8 items), as long as the folder contents match any accepted shape(s) specified. You may easily click on these options to add them to the component without having to browse through the catalogue for them. However, you’re not limited to these items. You may still drag and drop any items from the catalogue as long as they satisfy any shape or min/max requirements specified.

Item relation component with quickselect

Check Out Our Semantic Relations Demo

People showing thumbs up

Need further assistance?

Ask the Crystallize team or other enthusiasts in our slack community.

Join our slack community