NeatPlugins

<p>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.</p>
<p>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.</p>
<h3>Features</h3>
<ul>
<li>
<p><strong>Icon Library Support</strong></p>
<ul>
<li>WordPress Dashicons (built-in, no setup required)</li>
</ul>
</li>
<li>
<p><strong>Flexible Icon Placement</strong></p>
<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>
<p><strong>Customization Options</strong></p>
<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>
<p><strong>User-Friendly Admin Interface</strong></p>
<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>
<p><strong>Developer-Friendly</strong></p>
</li>
<li>
<p>Shortcode support: <code>[paiw_product_attribute_icons]</code></p>
<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>
<p><strong>Performance & Security</strong></p>
<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>
<p><strong>Dashicons (WordPress Default)</strong><br />
* Format: <code>dashicons dashicons-icon-name</code><br />
* Example: <code>dashicons dashicons-gamepad</code><br />
* Reference: https://developer.wordpress.org/resource/dashicons/<br />
* Note: Dashicons are built into WordPress and work automatically – no setup required.</p>
<h3>Important Notes</h3>
<p><strong>Theme Compatibility</strong>: 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.</p>
<p><strong>Icon Library</strong>: The plugin uses WordPress Dashicons, which are built into WordPress and don’t require any external resources or setup.</p>
<p><strong>Performance</strong>: The plugin is lightweight and optimized. No external dependencies are required.</p>
<h3>Support</h3>
<p>For support, feature requests, or bug reports, please visit the plugin’s support forum on WordPress.org.</p>
<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.

Pektsekye

<p>This plugin displays multiple drop-down selects with WooCommerce product attributes as a search box on the Shop page.<br />
After selecting attribute values customer can click on the search button and see the products for the selected attributes.<br />
Drop-down selects are not dependent on each other.<br />
Each drop-down has only the attribute values that have products.</p>
<p>Store administrator can specify comma separated slugs of the attributes that will be used for searching in the widget settings.</p>
<p><strong>Main Features:</strong></p>
<ul>
<li>Displays product attributes as a search box with drop-down selects.</li>
<li>Can be added to any page as a widget or with a shortcode.</li>
</ul>
<p>You can check a demo page here:<br />
<strong><a href="http://hottons.com/demo/wp/odp/" rel="nofollow ugc">DEMO Page</a></strong></p>
<p>You can read the installation instructions here:<br />
<strong><a href="http://hottons.com/demo/wp/ad/README.html" rel="nofollow ugc">README</a></strong></p>
<p><strong>Simple Code Idea:</strong></p>
<p>The idea of this plugin is to keep the base version as simple as possible.<br />
And to add the new features as modifications.</p>
<p>This plugin has just 9 files to make it easy to use and customize. If you need more features check the modifications page <a href="http://hottons.com/ad_modifications" rel="nofollow ugc">hottons.com/ad_modifications</a></p>
<p>Contact me by email <a href="mailto:pektsekye@gmail.com" rel="nofollow ugc">pektsekye@gmail.com</a> if you have questions or need help.</p>
<h3>Other plugins</h3>
<h4>If you like this plugin check also:</h4>
<ul>
<li><a href="http://hottons.com/woocommerce/attribute-search.html" rel="nofollow ugc">Attribute Search</a> (PAID)<br />
To make drop-down selects dependent on each other. For tyre and rim search.</li>
</ul>
<h3>Translators</h3>
<h4>Available Languages</h4>
<ul>
<li>English (Default)</li>
</ul>
<h3>Documentation</h3>
<p>Full documentation is available <a href="http://hottons.com/demo/wp/ad/README.html" rel="nofollow ugc">here</a>.</p>


Attribute Dropdowns

Displays multiple product attributes as drop-down selects with a search button.

Product Attribute Icons Display vs Attribute Dropdowns