Skip to main content

How to add a color variant to the PDP

Description

This example shows how to add a color variant to the PDP.

App Screenshot

Steps

  1. Install and activate shopify-custom-variations extension on appmaker dashboard.

  2. Go to shopify backend -> settings -> custom data and select product

App Screenshot
  1. Click on add defenition and enter the Name as product colors and namespace as my_fields.product_colors.

  2. Enter a description and select product as type. Select List of Products too.

  3. Enable storefront on access section. Click on save

App Screenshot
  1. Now go to products section and select a product. Scroll down to the bottom and you will see a new section Product Colors. Click on product color and add products to it. Click on save
App Screenshot