NeatPlugins

Product Attribute Icons Display allows you to display beautiful, customizable icons for product attributes on single product pages. Perfect for showcasing platform compatibility (Windows, Mac, Linux), region availability, product features, or any other product attributes with visual icons.
The plugin uses WordPress Dashicons, which are built into WordPress and provide hundreds of icons to choose from. Each attribute can have custom colors, labels, and icons, and you can control exactly where the icons appear on your product pages.
<h3>Features</h3>
<ul>
<li>
Icon Library Support
<ul>
<li>WordPress Dashicons (built-in, no setup required)</li>
</ul>
</li>
<li>
Flexible Icon Placement
<ul>
<li>Above Product Title</li>
<li>Above Product Price</li>
<li>Below Product Price</li>
<li>Below Short Description</li>
<li>Manual placement via shortcode</li>
</ul>
</li>
<li>
Customization Options
<ul>
<li>Custom icon for each attribute term</li>
<li>Custom labels for each attribute term</li>
<li>Per-attribute color customization (background, text, border)</li>
<li>Global default colors for all attributes</li>
<li>Customizable border radius</li>
<li>Toggle between default and custom colors per attribute</li>
</ul>
</li>
<li>
User-Friendly Admin Interface
<ul>
<li>Intuitive settings page under WooCommerce menu</li>
<li>Live icon preview in admin</li>
<li>Expandable attribute details</li>
<li>Color picker with visual preview</li>
<li>Easy enable/disable per attribute</li>
</ul>
</li>
<li>
Developer-Friendly
</li>
<li>
Shortcode support: <code>[paiw_product_attribute_icons]</code>
<ul>
<li>CSS variables for easy theme customization</li>
<li>Translation ready (text domain: product-attribute-icons-display)</li>
<li>WordPress coding standards compliant</li>
<li>Hooks and filters for extensibility</li>
</ul>
</li>
<li>
Performance & Security
<ul>
<li>Lightweight and optimized</li>
<li>Proper data sanitization and escaping</li>
<li>Nonce verification for all form submissions</li>
<li>No external dependencies required</li>
</ul>
</li>
</ul>
<h3>Icon Library Usage</h3>
Dashicons (WordPress Default) 
* Format: <code>dashicons dashicons-icon-name</code> 
* Example: <code>dashicons dashicons-gamepad</code> 
* Reference: https://developer.wordpress.org/resource/dashicons/ 
* Note: Dashicons are built into WordPress and work automatically – no setup required.
<h3>Important Notes</h3>
Theme Compatibility: Icon positioning uses standard WooCommerce hooks. Some themes may modify or remove these hooks, which could affect automatic icon placement. If automatic positioning doesn’t work with your theme, use the shortcode <code>[paiw_product_attribute_icons]</code> for manual placement.
Icon Library: The plugin uses WordPress Dashicons, which are built into WordPress and don’t require any external resources or setup.
Performance: The plugin is lightweight and optimized. No external dependencies are required.
<h3>Support</h3>
For support, feature requests, or bug reports, please visit the plugin’s support forum on WordPress.org.
<h3>Credits</h3>
<ul>
<li>WordPress Dashicons: Built into WordPress (https://developer.wordpress.org/resource/dashicons/)</li>
</ul>

Product Attribute Icons Display

Display customizable icons for product attributes on WooCommerce single product pages using WordPress Dashicons.

aThemeArt

<a href="https://athemeart.dev/demo/smart-swatches/?product=boplay-wireless-speaker" rel="nofollow ugc">__Live Demo __</a>
Transform the way your customers interact with your products using the Smart WooCommerce Swatches plugin. This powerful tool simplifies product customization by replacing traditional dropdowns with dynamic color, image, and text swatches. It integrates seamlessly with WooCommerce, enhancing your online store’s product attribute selection and boosting the user experience.
<h3>Video Documentation:</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/DX2Jfh-h2SA?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>How to create Variation Swatches For Custom Attribute :</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/7GA9RYtYvRo?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>
Key Features: 
* WooCommerce Variation Swatches: Easily replace standard dropdowns with color, image, or label swatches, allowing for a more visual and intuitive shopping experience. 
* Product Attribute Image Swatches: Showcase your product variations in style with image-based swatches, perfect for clothing, accessories, and more. 
* Color & Size Options: Display product attributes like color and size with clear, customizable swatches for an effortless shopping experience. 
* Attribute Selector & Swatch Plugin: Create new attribute swatches right from the product editing page, giving you full control over how your products are displayed. 
* Tooltips & Hover Details: Add fine details to your swatches with tooltips that appear on hover, making it easier for customers to explore your product attributes. 
* Clear-Cut Variable Display: Highlight the differences between product variations with distinct and visually appealing swatch options. 
* Product Page Enhancements: Transform your product pages with dynamic product variations, allowing customers to select variations directly from the swatches without navigating multiple menus. 
* WooCommerce Customization: Fully customizable to fit your unique store design, offering color, shape, and layout adjustments for swatches and tooltips.
PRO Features: 
* Archive Page Swatches: Show off your product swatches on catalog, shop, category, and tag pages, enhancing the browsing experience throughout your store. 
* Override Settings for Individual Products: Customize swatches for each product with easy-to-use override settings. 
* Advanced Swatch Customization: Customize every aspect of your swatches, including background color, borders, shapes (round or squared), and more. 
* Product Filter by Swatches: Enable shoppers to filter products by swatch options like price, stock, or image, making product search faster and more accurate. 
* Variation Label Display: Enhance product page clarity with clear variation labels displayed alongside swatches.
<h3>Theme Compatibility</h3>
Smart WooCommerce Swatches is compatible with popular WordPress themes like Hello Elementor, OceanWP, Hestia, Joyas Shop, Storefront, XStore, eMart, Shoper, Kadence, Avada, and Divi, among others. However, please note that some templates may require adjustments for seamless integration due to their custom templates for variation selection.
Elevate your eCommerce store with the Smart WooCommerce Swatches plugin — a must-have add-on for store owners seeking to boost product customization, enhance user experience, and create a visually appealing online store. Whether you’re offering color swatches, image swatches, or size options, this Woo extension streamlines your WooCommerce variation swatches and creates a smoother shopping experience for every customer.
More amazing features available in <a href="https://athemeart.com/downloads/smart-variation-swatches-woocommerce-pro/" rel="nofollow ugc">Pro version</a>.

Smart Variation Swatches and Attribute Filters for WooCommerce

Great

Awesome Color, Image, and Buttons Variation Swatches For WooCommerce Product Attributes.  Variation Price Update And product filter by Swatches .

Product Attribute Icons Display vs Smart Variation Swatches and Attribute Filters for WooCommerce