Rated 5.00 out of 5 based on 2 customer ratings

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

Made in Germany

Quality Coding & support

+14000 Sold Plugins

More than 14.000 Plugins sold

4.85/5 Stars

Based on 400+ Ratings on Codecanyon

Elite Author

More than 10.000 Happy customers

Description
Reviews (2)
Documentation
FAQs
Changelog

Attribute Table Images

Transform the product data table into images with ease.

Variation Swatches

Use the same attribute images as variation swatches and get rid of the standard select input fields.

Style with Ease

Set colors, widths and more styling options directly in our plugin settings.

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.

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

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

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

Rated 5 out of 5

smarvasti – 23. June 2020

the best!!!
Rated 5 out of 5

dsking – 23. June 2020

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 Cancel reply

Documentation

WooCommerce Attribute Images FAQ

View 3 articles

WooCommerce Attribute Images Filter & Hooks

View 2 articles

WooCommerce Attribute Images Getting Started

View 2 articles

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