How to setup the product variations

Yuva includes the ability to link directly to other products as product swatches. The result is rich product detail pages that include swatches with images that represent each variant option. This feature is called product variations. When you view a variation product, only the images associated with that variant option, plus product details, and prices for the variant are shown. Follow the steps below to complete the setup: 1. Add a metaobject with two fields: Text and Product list.

  1. Go to the product metafield and add a new one with field: Metaobject and select the above created one, as shown below:

  2. Now create entries and select related products.

  3. Go to specific products and link the entries.

  4. Go to the theme editor and add the Product variations block and attach the recently created metaobject, as shown below:

This will start looking like this:

Last updated