Variation Swatches for WooCommerce by CartFlows

Beskrivning

Variation Swatches for WooCommerce is the easiest to use plugin to convert dropdown boxes into highly engaging variation swatches.

Make it faster and easier for your buyers to choose product variations visually.

There are no complicated settings or configuration needed to start using Variation Swatches for WooCommerce.

Instantly convert traditional dropdown attributes to visually appealing swatches. This plugin provides options to convert woocommerce variation attributes to swatches. We provide multiple options like image, color, label type swatches for both product page and shop page.

Variation Swatches for WooCommerce works with most well coded WordPress themes & plugins.

Learn more from our knowledge base.

Try it out on a free dummy site

Variation Swatches Is Compatible With

Page Builders

Variation Swatches works with all WordPress page builders, including:

  • Elementor
  • Beaver Builder
  • Brizy Builder
  • Divi Builder
  • Thrive Architect
  • Gutenberg
  • Spectra Website Builder
  • Oxygen Builder
  • Bricks Builder
  • And others

WooCommerce Themes

Variation Swatches works with any theme, including:

  • Astra
  • Avada
  • Blocksy
  • Divi
  • Flatsome
  • GeneratePress
  • Hello Elementor
  • Hestia
  • Kadence
  • Neve
  • OceanWP

Here are some of our products:

  • Astra Theme
    Currently used by nearly 2 million websites, Astra Theme is the most popular WordPress theme and is also the most popular WooCommerce theme. Variation Swatches for WooCommerce was made to work perfectly with Astra Theme. Visit Astra Theme

  • CartFlows
    Currently used by nearly 300,000 store owners to get more orders and increase the order value through our conversion optimized checkout replacement for WooCommerce, checkout order bumps, one-click post purchase upsells, and A/B split testing engine. Visit CartFlows

  • Cart Abandonment Recovery
    Currently used by nearly 400,000 store owners to capture lost revenue caused by buyers that don’t complete their checkout. Cart Abandonment Recovery captures these lost orders and automatically contacts the lost buyers to get them to complete their order. Visit Cart Abandonment Recovery

  • Stripe for WooCommerce
    Stripe for WooCommerce delivers a simple, secure way to accept credit card payments, Apple Pay, and Google Pay on your WooCommerce store. Reduce payment friction and boost conversions using this free plugin! Visit Stripe for WooCommerce

  • Starter Templates
    Currently used by nearly 2 million websites, Starter Templates offers hundreds of complete website templates, including over 50 website designs for WooCommerce stores. Visit Starter Templates

As you can see, we know WooCommerce inside and out and help thousands of store owners build highly profitable stores everyday.

Global Features:

  1. Enable Swatches for Shop / Product details pages
  2. 3 different Swatch types (label, color, image)
  3. Completely customizable swatches design with height, width and border radius
  4. Auto convert variation dropdowns to label/button type Swatch
  5. Disabled Attribute Type (Blur with Cross, Blur Only, Hide)
  6. Enable/Disable tooltip
  7. Tooltip with image preview

Shop Page Features:

  1. Override global features and make different settings for shop page
  2. Swatches Alignment for shop page (Left, Center, Right)
  3. Swatches position (Before title, After title, Before price, After price)

USERS LOVE VARIATION SWATCHES


Skärmdumpar

  • Converts default dropdowns to Swatches
  • Multiple options for swatches available

Installation

  1. Install the Variation Swatches for WooCommerce either via the WordPress plugin directory or by uploading variation-swatches-woo.zip to the /wp-content/plugins/ directory
  2. Activate the plugin through the ’Plugins’ menu in WordPress
  3. Make sure to disable caching on your checkout and thank you steps

Vanliga frågor

Does this shows variations on shop / archieve page?

Yes, this plugin enables variation swatches on shop / archieve page. User can select variant directly from shop page and add to cart.

Recensioner

17 maj 2024 1 svar
I did everything to try to make this plugin work, even contacted Cart Flows’ support (offering to pay for support), and only keep discovering new bugs and issues. I’m running most basic website with Elementor, but have experienced the same issues with Avada theme & no Elementor either. Issue #1: it adds display:none to woocommerce notices, so customers cannot see a notification when they add a product to cart. It also blocks the cart from automatically opening. Issue #2: it adds some code that prevents the most basic Elementor page to open the main menu on mobile. Issue #3: doesn’t add variations unless they’re loaded as Product Archives (only add variations on the shop page and product-specific pages – does not add variations if you want to display products on your home page). Issue #4: conflicts with Gravity Shop Product Configurator – doesn’t display variations at all and requires tons of custom CSS to fix.
15 februari 2024 1 svar
the plugin is perfect, it’s lightweight, the pages are smooth, I’m desperate for a small bug, I asked for help on the ticket, if necessary and can I pay for a small correction, because I’ve already tested 20 other plugins for this feature , none come close to that of cartflows, but my sales fell, I opened a ticket and added screen recordings, I believe everything will still work out
1 december 2023 1 svar
Disappointed. Variation images are not displayed.If you have several variation items, for example: Color, size, weight, the default selection is only displayed for the first one (in my example: color).
28 november 2023 1 svar
1 star as it did install succesfully I guess. Not at all compatible with Gutenberg / Bricks. Just showed up in addition to the stock variation add to cart and was not even clickable. Really disappointing and false marketing from their fancy Youtb pitch.
Läs alla 31 betyg

Bidragsgivare och utvecklare

”Variation Swatches for WooCommerce by CartFlows” är programvara med öppen källkod. Följande personer har bidragit till detta tillägg.

Bidragande personer

”Variation Swatches for WooCommerce by CartFlows” har översatts till 3 språk. Tack till översättarna för deras bidrag.

Översätt ”Variation Swatches for WooCommerce by CartFlows” till ditt språk.

Intresserad av programutveckling?

Läs programkoden, kika på SVN-filförvaret eller prenumerera på utvecklarloggen via RSS.

Ändringslogg

1.0.8 – THURSDAY, 28th MARCH 2024

  • New: Introduced the border width option for the swatch. You can now set a custom border width to your swatches.

1.0.7 – WEDNESDAY, 22nd FEBRUARY 2023

  • Improvement – Refactored some code to harden the security of the plugin.

1.0.6 – WEDNESDAY, 14th DECEMBER 2022

  • Improvement – Added support for the taxonomy page.
  • Improvement – Added support to populate swatches on ajax calls.
  • Fixed – Wrong images were appearing on the swatches selection.
  • Fixed – Plugin conflict with WP-Persian plugin.
  • Fixed – Unable to save custom attribute data with the Cyrillic alphabet.

1.0.5 – TUESDAY, 18th OCTOBER 2022

  • Fixed – Compatibility issues with WP Sheet Editor – Taxonomy Terms Pro.
  • Fixed – Fatal error with Astra theme.
  • Fixed – Variation price disappears on shop page.

1.0.4 – WEDNESDAY, 7th SEPTEMBER 2022

  • Improvement – Supports WooCommerce shortcodes.
  • Improvement – Astra’s swap mode working on disabling swatches on shop page.
  • Improvement – Increased variation threshold to 200.
  • Fixed – Admin UI breaking on edit product page.
  • Fixed – Settings page UI issue on attribute edit.

1.0.3 – WEDNESDAY, 24th AUGUST 2022

  • Feature – Disable out of stock terms.
  • Feature – Catalog mode for shop page.
  • Improvement – Admin UI improvements.
  • Improvement – Supports Astra’s infinite scroll mode.
  • Fixed – Issue selecting multiple options on shop page.
  • Fixed – Thumbnail dimension on shop page.

1.0.2 – TUESDAY, 9th AUGUST 2022

  • Feature – Customize variation swatches from the edit product page.
  • Improvement – Updated swatches’ spacing.
  • Improvement – Maintain swatches order on frontend as per settings.
  • Improvement – Added RTL support for the settings page.

1.0.1 – THURSDAY, 21st JULY 2022

  • Improvement – Support for Astra upsells on cart page.

1.0.0 – FRIDAY, 15th JULY 2022

  • Initial release.