Product Options Multi-field

Shopify has announced native Swatches during “Winter 2024 Editions”. So later this year this guide will be updated to use the native solution. Meanwhile, we got you covered with metafields!

How to create impactful option variant buttons

To customize the options variant buttons of your products you need to follow this simple guide to create the metaobjects in Shopify.

1. In the Shopify Panel go to Settings > Custom Data > Metaobjects > Add definition

   

2. Add the value Option in the name field

   

3. Add three fields:
   ‍
   - Name (single-line text)
   - Color (color)
   - Image (file)

   

4. Once done, save and open Products Metafield. Add Options in the name field and select type Metaobject
   

   

   

5. Select the Metaobject Options we created previously and click on Save.

   

6. Once done, you will find the Metafield Option in each product page.

   

7. To add name, color or image just click on Metafiled > Options and than create new entry

   

8. Note that you have to use the same name of the Product Variants you created before. Watch the live sample of these custom variant buttons here.