Vario
  • Intro to Vario
  • Setup Guide
    • Install app
    • Basic steps
    • Add product variants
    • Set up variant option styles
    • Customize swatches
    • Customize variant swatch effects
    • Automated variant image swatch
    • Add custom CSS to theme
    • Home page
    • Integrations
      • PageFly
      • Transcy
      • ETranslate
      • Translation Lab
  • FAQ
    • Questions
    • Known issues
  • Support
    • Plans
    • Contact
    • Changelog
    • Troubleshooting
      • How to approve our collaborator request
Powered by GitBook
On this page
  • Here’s what you can do with Vario:
  • Demo - View example store
  • Expected Outcome

Intro to Vario

NextInstall app

Last updated 10 months ago

The allows you to transform product variations into customizable buttons, patterns, colors, custom images, automated variant image swatches, and also dropdown lists.

Here’s what you can do with Vario:

  • Set style for each product option

  • Customize all swatch styles in a central app settings panel

  • Automatically populate Shopify product variant images as image swatches

  • Display color and image swatches on product pages and/or collections pages

Demo - View example store

| |

Password: 1

Expected Outcome

1. Product page

Browse product pages from your storefront, shop, or collections and see the new product options’ variant swatch styles.

Here’s how the designed swatches might look like on your product page.

2. Collection page

  1. Home page

Vario variant swatches on product page front view
Color swatches on Shopify collections filter page
Vario Shopify App
Product page
Collections page
Home page
Vario Demo