Simple Variation Swatches for WooCommerce


Say goodbye to boring old dropdown variations in WooCommerce and hello to lightning-fast, user-friendly swatches. This straightforward plugin is packed with everything you need to replace boring old dropdowns with buttons, colors, images, and radio buttons.

The best part? No complicated features or slow page speeds here! Get ready for a streamlined and seamless shopping experience.

Demo | Docs | Bug Report | Customize Request


  • WooCommerce High-Performance Order Storage (HPOS) enabled
  • 5 types swatches: color, image, button, radio button and dropdown
  • Option to hide attribute labels
  • Option to set default swatch or variation type
  • Set color and image swatches size
  • 3 styles for color and image swatches: square, circle and round corner
  • Set font size for button and radio button
  • Truly lightweight and extremely fast, almost no impact on page speed


Personalize Variation Swatches

Get a customized version of the Simple Variation Swatches plugin to perfectly match your unique needs. Customize Now


  • Front-end View
  • Settings
  • Swatch Type Selection


  1. Upload the plugin folder “simple-variation-swatches” to the /wp-content/plugins/ directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. Then go to ** Products > Attributes** and select the swatches type


How can I set the swatches?

Go to ** Products > Attributes** and select the swatches type

Where is the settings?

In the left menu bar of the dashboard Variation Swatch

Will it work on any theme or page builder?

Yes, it will work fine on any standard theme or page builder like Gutenberg, Elementor, DIVI, WPBakery Composer etc unless they manipulate the variations options too.

Do you support customizations?

Yes, just send your request here.


모든 2 평가 읽기

기여자 & 개발자

“Simple Variation Swatches for WooCommerce”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.


자국어로 “Simple Variation Swatches for WooCommerce”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록RSS로 구독하세요.