Yuva Knowledge base
  • Sections
    • 💡How to set up the swatches
    • ✨Recommended image sizes
    • ✨How to show social media icons in the footer
    • ✨How to hide the product description from the product page
    • ✨How to display sticky add to cart bar on the product page
    • ✨How to show different content on different pages/collections
    • ✨How to show size guide on PDP
    • ✨How to add custom badges
    • ✨How to setup the product variations
    • ✨Upgrade a theme
    • ✨Microdata schema
  • How to setup the presets
    • Set up the demo layouts
  • Amaze home page json
  • Amaze product page json
  • Amaze settings data json
  • Woofy home page json
  • Woofy product page json
  • Woofy settings data json
  • Classic home page json
  • Classic product page json
  • Classic settings data json
  • Bold home page json
  • Bold product page json
  • Bold settings data json
  • Elegant home page json
  • Elegant product page json
  • Elegant settings data json
Powered by GitBook
On this page
  1. Sections

How to setup the product variations

PreviousHow to add custom badgesNextUpgrade a theme

Last updated 1 year ago

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:

✨