---
title: More Color Products
description: "When customers are on product page, they see more colors or more style available below product title, they can click on option to see that product. ![more-color](https://adornthemes.com/wp-content/uploads/2025/04/more-color.jpg) **Step 1:** ``` From shopify store admin > Settings > Metafields and metaobjects…"
url: "https://www.adornthemes.com/knowledge-base/more-color-products-2/"
updated: "2026-02-23"
category: Product Page
---

# More Color Products

When customers are on product page, they see more colors or more style available below product title, they can click on option to see that product.

![more-color](https://adornthemes.com/wp-content/uploads/2025/04/more-color.jpg)

**Step 1:**

```
From shopify store admin > Settings > Metafields and metaobjects > Products > Add Definition
```

Create a metafields as shown in the image below. Make sure name space and key name must be "custom.more_colors"

![Create metafields for more colors](https://adornthemes.com/wp-content/uploads/2025/04/more-colors-metafields.webp)

**Step 2 :**

```
1) Now go to product page on store admin and select related products2) Scroll down to the "Product metafields" section3) Click on “More Colors” field and select products
```

![more-color-2](https://adornthemes.com/wp-content/uploads/2025/04/more-color-2.jpg)

**Step 3 :**

```
1) Open product page in theme editor and go to product page section2) Add "More color" block using add block button and save page.
```

Adjust style from block and click save. Now you can view product from store front.