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.

coffee4dev

<p>C4D WooCommerce Variation Images is easy to use WooCommerce product Variation Images plugin. It means with the help of this powerful WooCommerce color or image Variation Images plugin, you can show product variation items in images, colors, and label.</p>
<p>With C4D WooCommerce Variation Images, you can create gallery for each attribute values. Your customers can select the product easier.</p>
<p>With Gallery in Variation Images, you can set Nav thumbnail direction like vertical or hozrizontal, and can change the thumbnail size with and margin.</p>
<p>Zoom Effect & Photoswipe are applied for gallery in Variation Images.</p>
<p>In listing page, you can show on/off the Variation Images by global option ( require C4D Plugin Manager & Redux Framework).</p>
<p>Flip Thumbnail is an option in Variation Images plugin, when hover on a product on listing page, the second product’s image will be shown.</p>
<h3><a href="http://30tet.coffee4dev.com/product/variation-swatches/" title="live demo" rel="nofollow ugc">Live Demo</a> <a href="http://coffee4dev.com/docs/document-c4d-woo-variation-swatches/" title="document" rel="nofollow ugc">Document</a> <a href="http://coffee4dev.com/woocommerce-variation-swatches/" title="document" rel="nofollow ugc">Premium</a></h3>
<h4>FEATURES IN C4D WooCommerce Variation Images</h4>
<ul>
<li>Completely integrate with WooCommerce plugin</li>
<li>Create attribute color swatches</li>
<li>Create attribute image swatches</li>
<li>Create attribute label/text swatches</li>
<li>Create custom attribute swatch in product editing page</li>
<li>Work on variable product</li>
<li>Work on variable product quick view</li>
<li>Control attribute setting globally.</li>
<li>Compatible with popular themes and plugins</li>
<li>Flip Thumbnail on listing page</li>
<li>Flexible tooltip insert and display settings</li>
<li>Enable Attributes Swatch In Archive / Store Pages</li>
<li>Control Swatches Width and Height on Archive Page.</li>
<li>Swatches alignment</li>
<li>Tooltip display setting on archive/shop page</li>
<li>Customize font size, swatches height and width</li>
<li>Customize swatches colors, background and border sizes</li>
<li>Automatic updates and exclusive technical support</li>
</ul>
<h3>PREMIUM FEATURE IN C4D WooCommerce Variation Images</h3>
<ul>
<li>Buy Multi Attributes: buy product with multi attributes (like color/size) at one time by ajax</li>
<li>Add more than 3 images for each swatches</li>
<li>Zoom out of box</li>
<li>Popup variation image when hover on variation.</li>
<li>Option to custom tooltip</li>
<li>Option to custom NAV slider</li>
<li>On/Off create default gallery slider instead of theme’s gallery slider</li>
<li>On/Off change gallery slider when click on variations</li>
</ul>
<h3>INSTALLATION & CONFIG</h3>
<ol>
<li>Upload <code>c4d-woo-variation-swatches</code> to the <code>/wp-content/plugins/</code> directory</li>
<li>Activate the plugin through the ‘Plugins’ menu in WordPress</li>
<li>Create attribute and set the attribute type: text/image/color. (Products -> Attributes -> Add New Attribute)</li>
<li>Create Variable Product and insert image in Swatch Images</li>
</ol>
<h3>OPTION PAGE</h3>
<p>To enable admin options please install <a href="https://wordpress.org/plugins/c4d-plugin-manager/" rel="ugc">C4D Plugin Manager plugin</a></p>
<h3>MAY BE YOU NEED</h3>
<p><a href="https://wordpress.org/plugins/c4d-woo-variation-swatches/" rel="ugc">C4D Woo Variation Images</a> Display variation by image, color, text. Support add multi images for variations.<br />
<a href="https://wordpress.org/plugins/c4d-woo-bundle/" rel="ugc">C4D Woocommerce Bundle</a> Create frequently bought together product, sell bundle products with discount, promotion<br />
<a href="https://wordpress.org/plugins/c4d-woo-boost-sales/" rel="ugc">C4D Woocommerce Boost Sales</a> Auto create upsell, cross-sell product in mini cart, cart page, popup cart, thankyou, email.<br />
<a href="https://wordpress.org/plugins/c4d-woo-filter/" rel="ugc">C4D Woocommerce Filter</a> Turn your shop into ajax filter without refresh page. Support all default widget of Woocommerce.<br />
<a href="https://wordpress.org/plugins/c4d-woo-cart-icon/" rel="ugc">C4D Woocommerce Cart</a> Create popup, side cart, support display cross-sell, upsell, related product in cart.</p>
<h3>NEED SUPPORT OR CUSTOM</h3>
<p>If you have question please contact us. Visit <a href="http://coffee4dev.com" title="plugin website" rel="nofollow ugc">plugin website</a></p>


C4D Woo Variation Images

C4D WooCommerce Variation Images can show product variation items in images, colors, and label.

Product Attribute Icons Display vs C4D Woo Variation Images