# 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.<br>

<figure><img src="https://4009794490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGaLb2C8Lexu13T0H4nYj%2Fuploads%2FqJerxUyn2yLyb5snVRRn%2Fimage.png?alt=media&#x26;token=7316cf94-2eec-4a0e-ba0b-79d4292d373f" alt=""><figcaption></figcaption></figure>

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

   <figure><img src="https://4009794490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGaLb2C8Lexu13T0H4nYj%2Fuploads%2FLRO3G1zL8yitTt9KzCqF%2Fimage.png?alt=media&#x26;token=0122e3a6-9b1f-4eac-893f-fdd9086e6eac" alt=""><figcaption></figcaption></figure>
3. Now create entries and select related products.<br>

   <figure><img src="https://4009794490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGaLb2C8Lexu13T0H4nYj%2Fuploads%2FRcEVa0Xu0eAhoW4l9Rf2%2Fimage.png?alt=media&#x26;token=5a693ef3-edfc-436d-9c7e-960688bea17c" alt=""><figcaption></figcaption></figure>
4. Go to specific products and link the entries.<br>

   <figure><img src="https://4009794490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGaLb2C8Lexu13T0H4nYj%2Fuploads%2FKNMqH9hrQasLr2FnRL9y%2Fimage.png?alt=media&#x26;token=d4a15a3b-4f4a-46e4-86ac-318cb1fd853f" alt=""><figcaption></figcaption></figure>
5. Go to the theme editor and add the **Product variations** block and attach the recently created metaobject, as shown below:<br>

   <figure><img src="https://4009794490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGaLb2C8Lexu13T0H4nYj%2Fuploads%2FKqIwvhNynuLzO1bjd2QV%2Fimage.png?alt=media&#x26;token=310d1f8e-d07d-449d-a3ff-8d881284c782" alt=""><figcaption></figcaption></figure>

This will start looking like this:<br>

<figure><img src="https://4009794490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGaLb2C8Lexu13T0H4nYj%2Fuploads%2FiM7Uctf6W8pQI0LGTGF5%2Fimage.png?alt=media&#x26;token=e4916d43-29df-44fa-b7e3-6d4bcfce5fb1" alt=""><figcaption></figcaption></figure>
