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.

Kestrel

<p>Provides a shortcode to display a linked list of terms from a product attribute, such as all brand links from a brands attribute.</p>
<p>This extension is intended to be used where you want to display all terms from a product attribute, e.g. to display a list of all brands in the footer of your website. It is not intended to be used to display a list of terms associated with a specific product.</p>
<h4>Features</h4>
<ul>
<li>Displays a list of all terms from a specific product attribute</li>
<li>Choose if these links filter products or go to term archives</li>
<li>List of terms does not reduce as products are filtered</li>
<li>Various shortcode attributes to modify the display/functionality</li>
<li>Elements include classes and IDs for custom CSS styling</li>
</ul>
<h4>Usage</h4>
<p>Use the following shortcode replacing the <code>x</code> with your attribute name:</p>
<pre><code>[wcpas_product_attributes attribute="x"]
</code></pre>
<p>If your attribute has spaces in the name then replace these with hyphens in the shortcode, if you have other characters in your attribute name see the related FAQ below.</p>
<p>There are various other shortcode attributes which can be used, if these are omitted the defaults are used, the available shortcode attributes are:</p>
<ul>
<li><code>archive_links</code> – <code>1</code> to enable archive links e.g. <code>/brand/sega/</code>, <code>0</code> to disable e.g. <code>/shop/?filter_brand=sega</code>, default is <code>0</code></li>
<li><code>categorize</code> – <code>first_character</code> to categorize the terms list by first character, default is empty</li>
<li><code>current_attribute_link</code> – <code>1</code> to still display a link if the current page, <code>0</code> to disable, default is <code>1</code></li>
<li><code>hide_empty</code> – <code>1</code> to hide empty terms, <code>0</code> to disable, default is <code>1</code></li>
<li><code>links_target</code> – Use a HTML link target e.g. <code>_blank</code> to open links in a new window, default is empty</li>
<li><code>min_price</code> – Use a minimum price number for links to include a minimum price filter, requires <code>archive_links="0"</code>, default is empty</li>
<li><code>max_price</code> – Use a maximum price number for links to include a maximum price filter, requires <code>archive_links="0"</code>, default is empty</li>
<li><code>order</code> – <code>asc</code> or <code>desc</code>, default is <code>asc</code></li>
<li><code>orderby</code> – Any <a href="https://developer.wordpress.org/reference/classes/wp_term_query/__construct/#parameters" rel="nofollow ugc">orderby</a> parameter, default is name</li>
<li><code>show_counts</code> – <code>1</code> to enable display of term counts, <code>0</code> to disable, default is <code>0</code></li>
<li><code>show_descriptions</code> – <code>1</code> to enable display of term descriptions, <code>0</code> to disable, default is <code>0</code></li>
</ul>
<p>Example shortcode using multiple shortcode attributes:</p>
<pre><code>[wcpas_product_attributes attribute="brand" archive_links="0" categorize="first_character" current_attribute_link="0" hide_empty="0" links_target="_blank" min_price="50.00" max_price="500.00" order="desc" orderby="id" show_counts="1" show_descriptions="1"]
</code></pre>


Product Attributes Shortcode

Used this plugin on a store that needed values fetched from attributes as a list. Worked like a charm. Kudos!

Simple, sweet plugin that does its job perfectly

Shortcode to display a linked list of terms from a product attribute, such as all brand links from a brands attribute.

Product Attribute Icons Display vs Product Attributes Shortcode