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.

isabel104

This is an extension for WooCommerce that will show your custom product attributes on the single product page above the “Add to cart” button instead of in the “Additional Information” tab. Your product attributes will also be displayed at several other locations, including on order emails. See the full list, below. This plugin does NOT affect nor include attributes which are used for Variations.
Your product attributes will also be displayed at these locations (with option to turn them off):
<ul>
<li>Cart page</li>
<li>View Order page on front end for customers</li>
<li>Emails that goes to the customer, including:
<ul>
<li>Receipt (Order Processing) email that goes to the customer</li>
<li>Order Complete email that goes to the customer</li>
<li>Customer Invoice email</li>
</ul>
</li>
<li>New Order email that goes to the administrator</li>
<li>Admin Order Details page on the back end, under Order Items</li>
<li>Grouped product page</li>
<li>Shop page (including product category and tag archives) (Off by default. You must enable this option on the settings page.)</li>
</ul>
See the <a href="https://isabelcastillo.com/docs/woocommerce-show-attributes" rel="nofollow ugc">full documentation</a>.
Languages
If you want to translate this plugin to your language, you can do so easily <a href="https://translate.wordpress.org/projects/wp-plugins/woocommerce-show-attributes" rel="nofollow ugc">on this page</a>. After you submit a translation, contact me in the support forum to request approval as a Translation Editor.
Disclaimer
I am not affiliated with WooCommerce or Automattic. I provide this plugin as a free service to the WP community because of the many requests that I received for it.

WooCommerce Show Attributes

Show WooCommerce custom product attributes on the Product, Shop, and Cart pages, admin Order Details page and emails.

Product Attribute Icons Display vs WooCommerce Show Attributes