Md. Sarwar Zaman

GS Plugins

GS WooCommerce Variation Swatches is easy to use WooCommerce product variation swatches plugin. It offers an aesthetic and professional experience to select attributes for variation products. It turns the product variation select options fields into images, colors and labels. It means with the help of this powerful WooCommerce color or image variation swatches plugin, you can show product variation items in images, colors and labels. So, you can say goodbye to dropdown product attribute fields.
WooCommerce Variation Swatches not only offers the color, image and label attributes in the single WooCommerce product. It also enables them in products quick view. If you’re using WooCommerce themes like Flatsome that comes with default Quick View option, you don’t need to hassle to load color and image swatches for variable product attributes in quick view separately.
WooCommerce attribute variation plugin allows you beautiful tooltips on variation swatch hover. Based on your requirement you enable and disable hover from the settings.
<h3>GS WooCommerce Variation Swatches by <a href="https://www.gsplugins.com" rel="nofollow ugc">GS Plugins</a></h3>
🎬 <a href="https://woovariation.gsplugins.com" rel="nofollow ugc"> Live Demo</a> ⬆️ <a href="https://www.gsplugins.com/product/woocommerce-variation-swatches" rel="nofollow ugc">Upgrade to PRO</a> 📚 <a href="https://docs.gsplugins.com/gs-woocommerce-variation-swatches" rel="nofollow ugc">Documentation</a> 🙋‍♂️ <a href="https://www.gsplugins.com/contact" rel="nofollow ugc">Support</a>
<h3>Plugin Features</h3>
<ul>
<li>Completely integrate with WooCommerce plugin</li>
<li>Work on variable product only</li>
<li>Work on variable product quick view</li>
<li>Enable attributes into images swatches</li>
<li>Enable attributes into color swatches</li>
<li>Enable attributes into label/text/button swatches</li>
<li>Control attribute setting globally.</li>
<li>Create new attribute swatch in product editing page.</li>
<li>Compatible with popular themes and plugins.</li>
<li>Flexible tooltip insert and display settings</li>
<li>Settings panel available to control options.</li>
<li>Free updates for one year.</li>
<li>Auto update notification.</li>
<li>Auto update from dashboard.</li>
</ul>
<h3>Documentation</h3>
If you have any questions regarding the WooCommerce Variation Swatches plugin and how to work with it, We recommend referring to our comprehensive online documentation. It provides detailed information and instructions to assist you in navigating and utilizing the plugin effectively. You can find the <a href="https://docs.gsplugins.com/gs-woocommerce-variation-swatches" rel="nofollow ugc">Documentation</a> here.
<h3>Quick Support & Bug Reporting</h3>
If you encounter any problems or discover bugs, please post them in our <a href="https://www.gsplugins.com/contact" rel="nofollow ugc">Support</a> channel. We aim to respond as soon as possible (excluding holidays).
Pro users are requested to contact our support channel for dedicated assistance.
🙋‍♂️ Alternatively, you can reach out to us through our <a href="https://www.gsplugins.com/contact" rel="nofollow ugc">Support</a> or <a href="https://wordpress.org/support/plugin/gs-woo-variation-swatches/" rel="ugc">WordPress.org</a> support forum.
<h3>Development Team</h3>
Crafted and Developed with Passion by <a href="https://www.gsplugins.com" rel="nofollow ugc">GS Plugins</a>
<h3>Confused?</h3>
🎬 <a href="https://woovariation.gsplugins.com" rel="nofollow ugc">View live Demos »</a> 
📚 <a href="https://docs.gsplugins.com/gs-woocommerce-variation-swatches" rel="nofollow ugc">Documentation »</a>
<h3>🔥 You may like other plugins from <a href="https://www.gsplugins.com" rel="nofollow ugc">GS Plugins</a></h3>
<a href="https://wordpress.org/plugins/gs-testimonial" rel="ugc">Testimonial Slider</a> – Testimonials slider displays rotating customer endorsements and recommendations, helping to build trust and credibility for a business or product.
<a href="https://wordpress.org/plugins/gs-logo-slider" rel="ugc">Logo Slider</a> – Logo slider displays rotating logos of partners, clients, or sponsors, showcasing a business’s relationships and endorsements.
<a href="https://wordpress.org/plugins/gs-portfolio/" rel="ugc">Portfolio</a> – Filterable Portfolio plugin for WordPress allows you to easily display and showcase your projects, highlighting your skills and abilities.
<a href="https://wordpress.org/plugins/gs-team-members" rel="ugc">Team Members</a> – Build a Stunning Team Page or Section and Show off Your Team’s Talents!
<a href="https://wordpress.org/plugins/gs-projects" rel="ugc">Projects</a> – Projects showcase displays detailed information including client reviews, ratings, galleries, and videos for a business’s work.
<a href="https://wordpress.org/plugins/gs-books-showcase" rel="ugc">Books Showcase</a> – Books showcase displays detailed information including author, published date, reviews, ratings, and gallery, allowing users to easily find and explore books.
<a href="https://wordpress.org/plugins/gs-coach" rel="ugc">Coaches</a> – Coaches plugin displays coaches’ experience, skills, reviews, ratings, and certifications, helping users find the right coach for their needs.
<a href="https://wordpress.org/plugins/posts-grid" rel="ugc">Posts Grid</a> – WordPress Posts Grid plugin displays the latest posts in an elegant grid format, allowing for easy navigation and quick access to new content on a website.
<a href="https://wordpress.org/plugins/posts-widget" rel="ugc">Posts Widget</a> – WordPress Posts Widget plugin displays the latest posts in an elegant format on the sidebar or any widget area, allowing for easy navigation and quick access to new content on a website.
<h3>🎯 WooCommerce Plugins</h3>
<a href="https://wordpress.org/plugins/gs-woocommerce-products-slider" rel="ugc">WooCommerce Products Slider</a> – WooCommerce Product Slider plugin displays products in a visually pleasing, sliding manner, making it easy for customers to browse and find the products they want on an online store.
<a href="https://wordpress.org/plugins/gs-woo-brands" rel="ugc">WooCommerce Brands</a> – WooCommerce Brands taxonomy plugin allows for easy cataloging of products by adding a brand taxonomy, making it simple to organize and filter products on an online store.
<h3>📣 Social Plugins</h3>
<a href="https://wordpress.org/plugins/gs-dribbble-portfolio" rel="ugc">Dribbble Portfolio</a> – Dribbble Portfolio WP plugin enables you to display your Dribbble shots on your website in a portfolio layout, allowing you to showcase your design work to a wider audience.
<a href="https://wordpress.org/plugins/gs-behance-portfolio" rel="ugc">Behance Portfolio</a> – Behance Portfolio WordPress plugin allows you to display your Behance projects on your website in a visually appealing layout, making it easy for your audience to view and appreciate your work.
<a href="https://wordpress.org/plugins/gs-pinterest-portfolio" rel="ugc">Pinterest Portfolio</a> – Pinterest plugin for WordPress allows you to display your Pinterest pins on your website, giving your audience a chance to view and interact with your boards, and potentially drive more traffic to your Pinterest profile.
<a href="https://wordpress.org/plugins/gs-instagram-portfolio/" rel="ugc">Instagram Portfolio</a> – Instagram plugin for WordPress allows you to display your Instagram posts on your website, making it easy for visitors to view and interact with your content and also to increase engagement on your website.
<a href="https://wordpress.org/plugins/gs-envato-portfolio" rel="ugc">Portfolio – Envato</a> – Envato Portfolio Plugin allows you to display your Themeforest and Codecanyon items on your website, showcasing your digital products and making them easily accessible for potential customers.
<a href="https://wordpress.org/plugins/gs-youtube-gallery" rel="ugc">Youtube Gallery</a> – YouTube Gallery plugin allows you to display videos from a YouTube channel or playlist on your website, creating a visually appealing gallery and making it easy for visitors to access and watch your videos.
<a href="https://wordpress.org/plugins/feeds-of-twitter" rel="ugc">Twitter Feeds</a> – Twitter Feeds plugin displays Twitter feeds, hashtags, user cards, and collections on a website, making it easy for visitors to view and interact with your Twitter content.
<h3>🏆 Branding Plugin</h3>
<a href="https://wordpress.org/plugins/gs-custom-login" rel="ugc">Custom Login</a> – GS Custom Login allows you to customize the WordPress login screen, providing an easy way to create a unique and visually appealing login experience for your website users.
<a href="https://wordpress.org/plugins/powerup" rel="ugc">PowerUp</a> – Enhance Your WordPress Experience with the Ultimate Security & Convenience Solution – Hide Admin Bar, Login & Logout Redirection, Disable Comments & Restrict WP-Admin Module.

GS Variation Swatches for WooCommerce

An extension of WooCommerce to create Color, Label and Image Variation Swatches for Product Attributes.

VillaTheme

Andy Ha

Product Variations Swatches for WooCommerce is a professional plugin that allows you to show and select attributes for variation products. The plugin displays variation select options of the products under colors, buttons, images, variation images, radio so it helps the customers observe the products they need more visually, save time to find the wanted products than dropdown type for variations of a variable product.
<blockquote>
<a href="https://new2new.com/?item=woo-product-variations-swatches" title="Demo WooCommerce Product Variations Swatches" rel="nofollow ugc">Try the Demo</a> |<a href="https://docs.villatheme.com/?item=woo-product-variations-swatches" title="Documents" rel="nofollow ugc">Documents</a> |<a href="https://1.envato.market/bd0ek" title="Pro Version" rel="nofollow ugc">Pro Version</a> | <a href="https://www.facebook.com/groups/villatheme" title="VillaTheme" rel="nofollow ugc">Facebook group</a>
</blockquote>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/m53mVhVOd5M?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h3>Important Notice:</h3>
<ul>
<li>
Plugin works based on WooCommerce 7.x or higher, PHP 7.0+
</li>
<li>
It is released on WordPress.org and you can use plugin as free to build themes for sale.
</li>
</ul>
<h3>FEATURES</h3>
► Converting any variations dropdown type into swatches with a couple of clicks: 
When you activate WooCommerce Product Variations Swatches plugin, the variation products in the dropdown type will be converted into the variation swatches.
► Customizing the global attributes and custom attributes in the plugin setting: 
This plugin allows you to customize quickly all existing global attributes in WooCommerce through the swatches setting of this plugin.
<ul>
<li>
Search attribute: You can use the search bar to search for an existing global attribute
</li>
<li>
Display Style: You can set to display global attributes in 2 styles: Horizontal or vertical
</li>
<li>
Display Type: You can set to display global attributes in 5 types: Button, Color, Image, Variation Image, Radio
</li>
<li>
Swatches profile: You can select to show one of the available swatches profile
</li>
<li>
Edit terms of the global attributes: You can customize each attribute term of an existing global attribute
</li>
</ul>
► Swatches profiles: 
WooCommerce Product Variations Swatches plugin allows you to design and style for swatches profiles.
<ul>
<li>
Customizing a swatches profile: You can customize to display a default swatch design pattern: Name, Padding, Height, Width, Font size, the size on mobile mode, on the product list, Color, Box-shadow effect
</li>
<li>
Styling Hover status: You can customize the hover status including Color, Background, Border, Box-shadow effect, Reduce size
</li>
<li>
Styling Selected status: You can customize the display status when a variation swatch is selected. The customization includes Color, Background, Border, Box-shadow effect, Reduce size
</li>
<li>
Customizing Tooltip: You can customize the tooltip status when a variation swatch is selected. including Color, Border, Font size and Positions of the tooltip
</li>
</ul>
► Works on mobile: WooCommerce product variations swatches work perfectly on mobile devices
► Easy to use: Friendly interface and easy to use
<h3>PRO VERSION:</h3>
► All features from free version
► Unlimited Swatches profiles: You also can duplicate the current swatches profile to generate rapidly many swatch design patterns
► Show the particular attributes on product list: this allows you to show/hide a particular attribute on the product list
► Change product image: No matter type of swatches is, you can set image for each attribute term and make product image change accordingly when customer selects that attribute term
► Disable out-of-stock variation items: Out-of-stock attribute combination can be automatically detected and displayed as blur or crossed-out, clickable or not or even hidden
► Tooltip content: You can modify tooltip content and even use attribute/variation image in tooltip
► Installing easily to display custom attributes of the variation products on the front end: 
You can easily install to display custom attributes of the variations products on the front end by the custom attribute option.
<ul>
<li>
Custom attribute name: You can enter the name of the existing attributes, then customize them rapidly
</li>
<li>
Assign category: Choose in which categories customizing the attribute be applied
</li>
<li>
Display Style: You can select to display custom attributes in 2 styles: Horizontal or vertical
</li>
<li>
Display Type: You can select to display custom attributes in 5 types: Button, Color, Image, Variation Image, Radio
</li>
<li>
Swatches profile: Selecting to show custom attributes in one of the available swatches profile
</li>
<li>
Show on product list: This allows you to show/hide a particular custom attribute on the product list
</li>
</ul>
► Display product variations swatches in the product list and assigned pages: 
You can manage to show/hide the product variations swatches through some options in the display on the product list tab
<ul>
<li>
Show Add to cart button: You can enable to show the Add to cart button and it will show up after selecting attributes
</li>
<li>
Show attribute name: You can select to show/hide the attribute name of variation swatches
</li>
<li>
Position: You can customize the positions of the variation swatch on the shop page, category page, and the products list
</li>
<li>
Text tooltip: This allows you to show or hide the variation text tooltip on the products list
</li>
<li>
Maximum attribute item: You can manage the number of the attribute items shown on the swatches
</li>
</ul>
► Multilingual support: 
If you use WPML to translate attributes, you only need configure attribute image in the primary language. Attribute image of translated attributes are inherited from original attribute.
<h3>Documentation</h3>
<ul>
<li><a href="https://docs.villatheme.com/?item=woo-product-variations-swatches" rel="nofollow ugc">Getting Started</a></li>
</ul>
<h3>Plugin Links</h3>
<ul>
<li><a href="https://villatheme.com/extensions/woocommerce-product-variations-swatches/" rel="nofollow ugc">Project Page</a></li>
<li><a href="https://docs.villatheme.com/?item=woo-product-variations-swatches" rel="nofollow ugc">Documentation</a></li>
<li><a href="https://villatheme.com/knowledge-base/security-is-our-priority/" rel="nofollow ugc">Report Bugs/Issues</a></li>
</ul>
<h3>MAY BE YOU NEED</h3>
<a href="https://wordpress.org/plugins/9mail-wp-email-templates-designer/" rel="ugc">9MAIL – WordPress Email Templates Designer</a>
<a href="https://wordpress.org/plugins/9map-map-multi-locations/" rel="ugc">9Map – Map Multi Locations</a>
<a href="https://wordpress.org/plugins/woo-abandoned-cart-recovery/" rel="ugc">Abandoned Cart Recovery for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-advanced-product-information/" rel="ugc">Advanced Product Information for WooCommerce</a>
<a href="https://wordpress.org/plugins/affi-affiliate-marketing-for-woo/" rel="ugc">AFFI – Affiliate Marketing for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-alidropship/" rel="ugc">ALD – Dropshipping and Fulfillment for AliExpress and WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-boost-sales/" rel="ugc">Boost Sales for WooCommerce – Set up Up-Sells & Cross-Sells Popups & Auto Apply Coupon</a>
<a href="https://wordpress.org/plugins/bopo-woo-product-bundle-builder/" rel="ugc">Bopo – WooCommerce Product Bundle Builder</a>
<a href="https://wordpress.org/plugins/bulky-bulk-edit-products-for-woo/" rel="ugc">Bulky – Bulk Edit Products for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-cart-all-in-one/" rel="ugc">Cart All In One For WooCommerce</a>
<a href="https://wordpress.org/plugins/catna-woo-name-your-price-and-offers/" rel="ugc">Catna – Woo Name Your Price and Offers</a>
<a href="https://wordpress.org/plugins/checkout-upsell-funnel-for-woo/" rel="ugc">Checkout Upsell Funnel for WooCommerce</a>
<a href="https://wordpress.org/plugins/chinads-dropshipping-taobao-woocommerce/" rel="ugc">ChinaDS – Tmall-Taobao Dropshipping for WooCommerce</a>
<a href="https://wordpress.org/plugins/clear-autoptimize-cache-automatically/" rel="ugc">Clear Autoptimize Cache Automatically</a>
<a href="https://wordpress.org/plugins/compe-woo-compare-products/" rel="ugc">COMPE – WooCommerce Compare Products</a>
<a href="https://wordpress.org/plugins/woo-coupon-reminder/" rel="ugc">Coreem – Coupon Reminder for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-coupon-box/" rel="ugc">Coupon Box for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-multi-currency/" rel="ugc">CURCY – Multi Currency for WooCommerce – Smoothly on WooCommerce 9.x</a>
<a href="https://wordpress.org/plugins/woo-customer-coupons/" rel="ugc">Customer Coupons for WooCommerce</a>
<a href="https://wordpress.org/plugins/depart-deposit-and-part-payment-for-woo/" rel="ugc">DEPART – Deposit and Part payment for Woo</a>
<a href="https://wordpress.org/plugins/email-template-customizer-for-woo/" rel="ugc">Email Template Customizer for WooCommerce</a>
<a href="https://wordpress.org/plugins/epoi-wp-points-and-rewards/" rel="ugc">EPOI – WP Points and Rewards</a>
<a href="https://wordpress.org/plugins/epow-custom-product-options-for-woocommerce/" rel="ugc">EPOW – Custom Product Options for WooCommerce</a>
<a href="https://wordpress.org/plugins/eu-cookies-bar/" rel="ugc">EU Cookies Bar for WordPress</a>
<a href="https://wordpress.org/plugins/exmage-wp-image-links/" rel="ugc">EXMAGE – WordPress Image Links</a>
<a href="https://wordpress.org/plugins/woo-virtual-reviews/" rel="ugc">Faview – Virtual Reviews for WooCommerce</a>
<a href="https://wordpress.org/plugins/fewc-extra-checkout-fields-for-woocommerce/" rel="ugc">FEWC – Extra Checkout Fields For WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-free-shipping-bar/" rel="ugc">Free Shipping Bar for WooCommerce</a>
<a href="https://wordpress.org/plugins/gift4u-gift-cards-all-in-one-for-woo/" rel="ugc">GIFT4U – Gift Cards All in One for Woo</a>
<a href="https://wordpress.org/plugins/handmade-dropshipping-for-etsy-and-woo/" rel="ugc">HANDMADE – Dropshipping for Etsy and WooCommerce</a>
<a href="https://wordpress.org/plugins/happy-helpdesk-support-ticket-system/" rel="ugc">HAPPY – Helpdesk Support Ticket System</a>
<a href="https://wordpress.org/plugins/jagif-woo-free-gift/" rel="ugc">Jagif – WooCommerce Free Gift</a>
<a href="https://wordpress.org/plugins/woo-lookbook/" rel="ugc">LookBook for WooCommerce – Shoppable with Product Tags</a>
<a href="https://wordpress.org/plugins/woo-lucky-wheel/" rel="ugc">Lucky Wheel for WooCommerce – Spin a Sale</a>
<a href="https://wordpress.org/plugins/wp-lucky-wheel/" rel="ugc">Lucky Wheel Giveaway</a>
<a href="https://wordpress.org/plugins/woo-notification/" rel="ugc">Notification for WooCommerce | Boost Your Sales – Recent Sales Popup – Live Feed Sales – Upsells</a>
<a href="https://wordpress.org/plugins/woo-orders-tracking/" rel="ugc">Orders Tracking for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-photo-reviews/" rel="ugc">Photo Reviews for WooCommerce</a>
<a href="https://wordpress.org/plugins/pofily-woo-product-filters/" rel="ugc">Pofily – WooCommerce Product Filters</a>
<a href="https://wordpress.org/plugins/product-pre-orders-for-woo/" rel="ugc">PRENA – Product Pre-Orders for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-product-builder/" rel="ugc">Product Builder for WooCommerce – Custom PC Builder</a>
<a href="https://wordpress.org/plugins/product-size-chart-for-woo/" rel="ugc">Product Size Chart For WooCommerce</a>
<a href="https://wordpress.org/plugins/redis-woo-dynamic-pricing-and-discounts/" rel="ugc">REDIS – WooCommerce Dynamic Pricing and Discounts</a>
<a href="https://wordpress.org/plugins/rees-real-estate-for-woo/" rel="ugc">REES – Real Estate for Woo</a>
<a href="https://wordpress.org/plugins/import-shopify-to-woocommerce/" rel="ugc">S2W – Import Shopify to WooCommerce</a>
<a href="https://wordpress.org/plugins/sales-countdown-timer/" rel="ugc">Sales Countdown Timer</a>
<a href="https://wordpress.org/plugins/subre-product-subscription-for-woo/" rel="ugc">SUBRE – Product Subscription for WooCommerce – Recurring Payments</a>
<a href="https://wordpress.org/plugins/woo-suggestion-engine/" rel="ugc">Suggestion Engine for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-thank-you-page-customizer/" rel="ugc">Thank You Page Customizer for WooCommerce – Increase Your Sales</a>
<a href="https://wordpress.org/plugins/tmds-dropshipping-for-temu-and-woo/" rel="ugc">TMDS – Dropshipping for TEMU and Woo</a>
<a href="https://wordpress.org/plugins/vargal-additional-variation-gallery-for-woo/" rel="ugc">VARGAL – Additional Variation Gallery for WooCommerce</a>
<a href="https://wordpress.org/plugins/villatheme-core/" rel="ugc">VillaTheme Core</a>
<a href="https://wordpress.org/plugins/vima-multi-customer-addresses-for-woo/" rel="ugc">VIMA – Multi Customer Addresses for Woo</a>
<a href="https://wordpress.org/plugins/viseek-easy-custom-search/" rel="ugc">VISeek – Easy Custom Search</a>
<a href="https://wordpress.org/plugins/w2s-migrate-woo-to-shopify/" rel="ugc">W2S – Migrate WooCommerce to Shopify</a>
<a href="https://wordpress.org/plugins/webpos-point-of-sale-for-woocommerce/" rel="ugc">WebPOS – Point of Sale for WooCommerce</a>
<a href="https://wordpress.org/plugins/wpbulky-wp-bulk-edit-post-types/" rel="ugc">WPBulky – WordPress Bulk Edit Post Types</a>

Product Variations Swatches for WooCommerce

Showcase variations and impress your customers with beautiful swatches such as color, button, image, and more.

GS Variation Swatches for WooCommerce vs Product Variations Swatches for WooCommerce