(2 customer reviews)

WooCommerce Attribute Images & Variation Swatches

39,00 

Tired of boring Attribute text? With our WooCommerce Attribute Images plugin you can easily transform attributes into images. This also works on products where you use Variations – simply replace the boring Variation Select fields with image swatches.

One Time Payment | No subscription | Lifetime Updates
View Demo

Display Product Attributes with Images

High-quality images are vital for WooCommerce sales success. However, what if you could take things one step further? What if as well as WooCommerce product images, you could display product attributes with images also?

The Attribute Images WooCommerce plugin provides store owners with a new way to stand out from their competition.

Instead of using text to display product sizes and color variations, WooCommerce Attribute Images showcases product attributes as interactive images.

WooCommerce filter images

Drive More Attention to Your Product Attributes

By default, WooCommerce product attributes display as text. This isn’t necessarily a problem. However, text fields can feel dull and at times, tedious to navigate.

To make product pages appear more visually exciting, WooCommerce Attribute Images replaces boring text fields with eye-catching image swatches.

  • Using image and color swatches in place of text attributes makes product listings easier to interact with
  • Image-based product attributes appear more visually distinctive
  • When selected by WooCommerce store customers, attribute images behave in the same way as conventional text attributes
View Demo

Configure Variable Product Attributes with Ease

Products in your store can vary in size, style, and color. Woocommerce Attribute Images, therefore, allows store admins to configure attribute images accordingly.

Store owners who sell different variations of the same product can configure image swatches just like they would regular text fields.

  • Color tables and product information tables can all be replaced with clickable images
  • When image swatches are clicked, product images, price data, and other product variables will update automatically.
View Demo
Single product variation swatches
WooCommerce Attribute Images

Attribute Image Styling & Customization

Attribute text fields can be hard to read and navigate. This is especially true when browsing WooCommerce product pages using mobile devices. Thankfully, WooCommerce Attribute Images changes this.

Thanks to easy in-built swatch customization tools, WooCommerce store admins can set different widths for attribute images. Different swatches can, therefore, be used to grab peoples attention and invite more meaningful product interactions.

View Demo

Set Attribute Icons for Specific Product Attributes

When configuring swatches, WooCommerce admins may not have images which are suitable for different attribute fields. Thankfully, when no image is present, the Attribute Images WooCommerce Plugin will automatically display a regular text field. Moreover, store admins can also configure attribute images to display regular titles and tooltips.

View Demo
multiple swatches
WooCommerce Variation Swatches in Shop Loop

Image Attribute Benefits

Transforming attribute text into images makes WooCommerce product pages much easier to navigate.

  • Image attributes cater to the 80% of web users who go online via mobile devices
  • WooCommerce product information is made clearer and more interactive
  • Easier to browse listings ultimately result in higher sales leads and more on-site conversions

2 reviews for WooCommerce Attribute Images & Variation Swatches

  1. smarvasti

    the best!!!

  2. dsking

    Der Support war super schnell und konnte mir individuell helfen das Plugin zum laufen zu bringen. Nun funktioniert alles wie es soll. Vielen Dank!!

Add a review

Documentation

FAQs

WooCommerce Variation Swatches does not show images?


If the variations swatches do not show your attribute images, but the default select field it could be, that not ALL attributes have an assigned image. Note: Variation swatches will only work if all product attributes have an assigned image.

Attribute Images Enfold Theme Support


For Enfold theme please add the following custom CSS: .woocommerce-attribute-images-variable-option { display: inline-block !important; margin-right: 10px; overflow: auto !important; position: initial...

WooCommerce Attributes as Images Shortcode


Our WooCommerce Attribute Images plugin also offers a shortcode you can use in your website. Parameters Product = Product ID (if empty it tries to get current product) ...

Changelog

# Changelog
======
1.3.3
======
- NEW:	Exclude variable products
		https://imgur.com/a/b6UeI4W
- NEW:	Show attribute description
		https://imgur.com/a/pFTppGf
- NEW:	Additional shortcode options
		https://imgur.com/a/sitSVRd
- FIX:	PHP Notice

======
1.3.2
======
- NEW:	Added instructions for flatsome
- NEW:	PHP 8.2 support
- FIX:	Shortcode attribute values shown as links even when not set to public

======
1.3.1
======
- NEW:	Added support for our quick view plugin
		https://www.welaunch.io/en/product/woocommerce-quick-view/
- NEW:	Added a div container in single product attribute table
- FIX:	Disabled out of stock variation images in category listings
- FIX:	It was not possible to remove a color so we switched to a plain
		text field

======
1.3.0
======
- NEW:	Use Color Hex Codes for attribute values
		https://imgur.com/a/LeyetBp
- NEW:	Added support for our Single Variations Plugin
		Show variable color swatched on Single Variation Products
		https://www.welaunch.io/en/product/woocommerce-single-variations/
- NEW:	Show links for Public / Archive enabled attributes
- NEW:	Added 2 new hooks
		woocommerce_before_add_to_cart_form
		woocommerce_after_add_to_cart_form
- NEW:	Added class woocommerce-attribute-images-variable-option-out-of-stock to out of stock variation images

======
1.2.4
======
- NEW:	Do not execute CSS & JS files on non product pages
- FIX:	Group attributes plugin overwritten
- FIX:	Changed default values in options panel

======
1.2.3
======
- NEW:	Dropped Redux Framework support and added our own framework 
		Read more here: https://www.welaunch.io/en/2021/01/switching-from-redux-to-our-own-framework
		This ensure auto updates & removes all gutenberg stuff
		You can delete Redux (if not used somewhere else) afterwards
		https://www.welaunch.io/updates/welaunch-framework.zip
		https://imgur.com/a/BIBz6kz

======
1.2.2
======
- FIX:	Remove attr srcset when category variation swatch clicked for better theme support

======
1.2.1
======
- NEW:	Show Attribute images in Single Product page
		https://imgur.com/a/81VGn4R
- NEW:	Show selected Attribute images for all products in shop loop
		https://imgur.com/a/dkQsOgB

======
1.2.0
======
- NEW:	Category variation swatches
		Live: https://dev.demos.welaunch.io/woocommerce-attribute-images/
		Demo: https://imgur.com/a/m1rCueg

======
1.1.8
======
- FIX:	Attribute divider not showing correctly

======
1.1.7
======
- FIX:	Dropdown not showing when no images assigned

======
1.1.6
======
- FIX:	Shortcode not working on single pages

======
1.1.5
======
- NEW:	Added a new shortcode to show attributes (with image)
		Examples:
		[woocommerce_attribute_images_attributes attributes="color,size"]
		[woocommerce_attribute_images_attributes product="354" attributes="color"]
		See: https://imgur.com/a/XvrO5Oc

======
1.1.4
======
- FIX:	Added an fallback when attribute value does not exists

======
1.1.3
======
- NEW:	Added an option to show attribute value (text) below image
- NEW:	Fixed group attribute do not show in additional information table

======
1.1.2
======
- FIX:	CSS not loaded

======
1.1.1
======
- FIX:	PHP Notice:  Undefined variable: taxonomy in class-woocommerce-attribute-images-admin.php on line 90

======
1.1.0
======
- NEW:	Filter by Attribute Widget now can display your attribute images
		To enable go to plugin settings general > Show Attribute images in Attribute Filter Widget
		Then create a widget "Filter by Attribute" with List style
		Demo: https://welaunch.io/plugins/woocommerce-attribute-images/demo/

======
1.0.3
======
- FIX:	Variation product image order

======
1.0.2
======
- NEW:	Added support for attribute terms order

======
1.0.1
======
- FIX:	Add Attribute Button not visible

======
1.0.0
======
- Inital release

You may also like…

WooCommerce Plugins

WooCommerce Show Variations as Single Products

79,00 

With our WooCommerce Single Variations plugin you are able to show all product variations as own products in the shop or category pages.

WooCommerce Plugins

WooCommerce Variations Table

49,00 

With our WooCommerce Plugin you can easily turn your Variations into a dynamic Table. Use DataTables to make your Variables sortable, filterable or searchable. You can even add buttons to print, export or create a PDF of your variation table with ease.

WooCommerce Plugins

WooCommerce Print Products (PDF)

79,00 

Transform a single WooCommerce product page into an eye-catching PDF leaflet ready for instant download. Export single products easily as PDF, Word or Print. Choose what you want to show and who should be able to see the export buttons.

Save over 75%

Get our Bundles and Save

The bundle includes all of our WooCommerce Plugins. Just now for $299 instead of $504
-67%
Original price was: 596,00 €.Current price is: 199,00 €.

Get ALL our WordPress plugins in one bundle and save more than 66%!

-75%
Original price was: 2.007,00 €.Current price is: 499,00 €.

Get ALL our 43 weLaunch plugins in one bundle and save more than $1500!

-41%
Original price was: 504,00 €.Current price is: 299,00 €.

Get ALL our WooCommerce plugins in one bundle and save more than 50%!

We use cookies to give you the best online experience. By agreeing you accept the use of cookies in accordance with our cookie policy.

Close Popup
Privacy Settings saved!
Privacy Settings

When you visit any web site, it may store or retrieve information on your browser, mostly in the form of cookies. Control your personal Cookie Services here.

These cookies are necessary for the website to function and cannot be switched off in our systems.

Technical Cookies
In order to use this website we use the following technically required cookies
  • wordpress_test_cookie
  • wordpress_logged_in_
  • wordpress_sec

Decline all Services
Save
Accept all Services