Skip to content
Vario ‑ Variation Swatches

Vario ‑ Variation Swatches

4.9 (36)
on

Display product variants as beautiful color swatches, image swatches & buttons on product and collection pages for better shopping.

Claim app

Verify your developer profile to earn a badge and build trust to your apps

  • Vario ‑ Variation Swatches Screenshot
  • Vario ‑ Variation Swatches Screenshot
  • Vario ‑ Variation Swatches Screenshot
  • Vario ‑ Variation Swatches Screenshot
  • Vario ‑ Variation Swatches Screenshot
  • Vario ‑ Variation Swatches Screenshot
  • Vario ‑ Variation Swatches Screenshot
  • Vario ‑ Variation Swatches Screenshot
  • Vario ‑ Variation Swatches Screenshot
  • Vario ‑ Variation Swatches Screenshot
  • Vario ‑ Variation Swatches Screenshot
  • Vario ‑ Variation Swatches Screenshot

About the Vario ‑ Variation Swatches

Vario helps you display product variant options as color swatches, image swatches, and buttons across your store. Customers can hover over swatches on collection pages to instantly preview product images, making variant selection more intuitive and visually appealing. The app gives you full design control over your swatches - customize shapes, hover effects, product thumbnails, and add custom CSS. Choose where swatches appear: product pages, collection pages, or both. Custom image swatches and automatic variant images are included. Works with 80+ Shopify themes (official and custom). Design button and swatch appearance with out-of-stock effects. Hover features show variant titles, image thumbnails, and zoom effects. Control the number of swatches in featured sections to fit your column grid. Compatible with AJAX loading pages, fully translatable, and supports custom coding.
Launched: July 8, 2021

Key features

  • 80+ Shopify official themes and custom themes supported. Need more? Just ask us!
  • Design buttons and swatches appearance along with out-of-stock effects.
  • Hover on the swatches to see variant titles, image thumbnails, zoom effect, etc.
  • Streamline the number of swatches in Featured section to fit the column grid.
  • Works with AJAX loading pages, fully translatable, and supports custom coding

Integrations with:

  • Shopify Admin,
  • ETranslate,
  • PageFly,
  • Transcy,
  • Translate & Adapt,
  • Translation Lab,
  • Weglot

Pricing of Vario ‑ Variation Swatches

Development

Free

  • Free for development stores

Universe

$9 / month

  • Color swatches
  • Custom image swatches
  • Product page supported
  • Collection page supported
  • Sold-out designer
  • Supports all themes out of the box

Metaverse

$19 / month

  • Color swatches
  • Custom image swatches
  • Product page supported
  • Collection page supported
  • Sold-out designer
  • Supports all themes out of the box
  • For Shopify Plus stores
Install from Shopify App Store