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.

Saiful Islam

Bizzswatches is a powerful WooCommerce plugin that transforms the default dropdown select boxes for product variations into beautiful, user-friendly swatches. Display your product attributes as colors, images, buttons, or radio buttons.
<h4>Key Features</h4>
Color Swatches 
Display color options as beautiful color circles or squares. Perfect for clothing, accessories, and any product with color variations.
Image Swatches 
Use custom images to represent product variations. Great for patterns, textures, or any visual variation.
Button Swatches 
Convert dropdown menus to stylish button labels. Ideal for sizes, materials, or any text-based variation.
Multiple Shape Styles 
Choose from rounded, squared, or circle shapes to match your store’s design.
Tooltip Support 
Show helpful tooltips on swatch hover to provide more information about each variation.
Stock Behavior Options 
Configure how out-of-stock variations are displayed – blur, cross out, or hide completely.
Product-Level Settings 
Override global settings on individual products for complete customization control.
<h4>Why Choose Bizzswatches?</h4>
<ul>
<li>Easy Setup – Works out of the box with no coding required</li>
<li>WooCommerce Native – Built specifically for WooCommerce</li>
<li>Lightweight – Minimal impact on page load speed</li>
<li>Customizable – Extensive settings to match your design</li>
<li>Modern Code – Built with OOP patterns and WordPress standards</li>
<li>HPOS Compatible – Works with WooCommerce High-Performance Order Storage</li>
<li>Future-Ready – Designed for easy premium extension</li>
</ul>
<h4>Quick Start Guide</h4>
<ol>
<li>Install and activate the plugin</li>
<li>Go to Products > Attributes</li>
<li>Create or edit an attribute</li>
<li>Select a swatch type (Color, Image, Button, or Radio)</li>
<li>Configure attribute terms with colors or images</li>
<li>Create variable products using your attributes</li>
<li>That’s it! Swatches will automatically appear on product pages</li>
</ol>
<h4>Settings</h4>
Visit Bizz Swatchs > Settings to configure:
<ul>
<li>Enable/disable swatches</li>
<li>Select swatch shape style</li>
<li>Enable tooltip display</li>
<li>Configure out-of-stock behavior</li>
<li>Set swatch dimensions</li>
<li>Auto-convert dropdowns to buttons</li>
</ul>

BizzSwatches – Variation Swatches for WooCommerce

Beautiful color, image, and button variation swatches for WooCommerce product attributes. Transform your product variations into stunning swatches.

Product Attribute Icons Display vs BizzSwatches – Variation Swatches for WooCommerce