To indicate that a product is available in different colors

To make the customer journey easier, you can indicate on the product pages in which colors or options the product is available.

For example, at Maje, this dress is available in 3 different colors, indicated at the bottom of the description.

Each of these colored circles is clickable and takes you directly to the product page for a different color.

To implement this element, we will follow a logic similar to that of this article. (Add a downloadable item to the product description) 

• First, you need images of the different available colors. You can create these images using the tool of your choice or simply use an image of the product in that color.
• These images should be hosted online, for example, on Prismic, which is used for building the website's visuals. This way, you can obtain the links to these hosted images.
• In the OMS (Order Management System), in the product description, click on the "Image" button:

• In the "Image Information" section, under "URL," add the link you found earlier:

• In the "Link" tab, add the URL of the product page for the relevant color