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.

Sultan Nasir Uddin

PluginEver

<p>Product Variation Swatches for WooCommerce replaces the standard WooCommerce variation dropdowns with beautifully designed color, image, and label swatches, offering a more intuitive and engaging experience for your customers.</p>
<p>By transforming the boring dropdown into interactive visual swatches, this plugin helps shoppers quickly identify their desired product variations, ultimately reducing friction, enhancing store aesthetics, and boosting conversions.</p>
<p>Whether you’re selling apparel, electronics, cosmetics, or custom products, visual variation swatches give your store a modern edge and allow customers to make faster, more confident buying decisions.</p>
<h3>View Demo & Upgrade to Pro for Product Variation Swatches for WooCommerce</h3>
<p><a href="https://demo.pluginever.com/wc-variation-swatches/" rel="nofollow ugc"><strong>💻 Demo</strong></a> | <a href="https://pluginever.com/plugins/wc-variation-swatches-pro/" rel="nofollow ugc"><strong>🚀 Get The PRO Version</strong></a> | <a href="https://pluginever.com/support/" rel="nofollow ugc"><strong>🛠 Support</strong></a> | <a href="https://pluginever.com/docs/wc-variation-swatches/" rel="nofollow ugc"><strong>📄 Documentation</strong></a></p>
<h3>✨ Key Features</h3>
<h4>Free Version</h4>
<ul>
<li>Replace variation dropdowns with clickable color/image/label swatches</li>
<li>Supports color, image, and text/label swatch types</li>
<li>Add unlimited terms under each product attribute</li>
<li>Choose among round, square, or rounded corner swatch styles</li>
<li>Customize swatch width and height</li>
<li>Enable/disable plugin’s default stylesheets</li>
<li>Configure tooltip options (font size, text color, background color)</li>
<li>Toggle visibility of tooltips for each attribute</li>
<li>Apply custom border styles for swatches</li>
<li>Set the border width to control thickness.</li>
<li>Choose a border type: Solid, Dashed, Dotted, or Double.</li>
<li>Pick a border color to match your style</li>
<li>Disable, cross out, or blur unavailable variation options.</li>
<li>Set the position where you want to show the variation label.</li>
</ul>
<h4>PRO Version</h4>
<ul>
<li>Swatches on archive/shop pages globally or per product</li>
<li>Show or hide variation labels on shop/catalog pages</li>
<li>Show or hide attribute names on single product pages, and shop/catalog pages</li>
<li>Choose swatch label position: inline, stacked (left), or stacked (center)</li>
<li>Catalog swatches position: after product title and price</li>
<li>Tooltip image previews and hover effects</li>
<li>Premium support and frequent updates</li>
</ul>
<p>Upgrade to PRO: <a href="https://pluginever.com/plugins/wc-variation-swatches-pro/" rel="nofollow ugc">Click here</a></p>
<h4>Coming Soon</h4>
<ul>
<li>Limit Attribute number in shop/catalog pages</li>
<li>Swatches in quick view and popups</li>
<li>Accessibility enhancements</li>
<li>Support for popular page builders (Elementor, Divi)</li>
</ul>
<h3>Benefits</h3>
<ul>
<li>Deliver a visually appealing shopping experience</li>
<li>Help customers make faster, more confident decisions</li>
<li>Reduce cart abandonment caused by confusing dropdowns</li>
<li>Manage variation styles easily without coding</li>
<li>Increase conversions and build customer trust</li>
</ul>
<h3>How It Works</h3>
<ol>
<li>Go to Products > Attributes and create a new attribute</li>
<li>Choose swatch type: Color, Image, or Label</li>
<li>Add terms with color codes, images, or text labels</li>
<li>Assign attributes to a variable product and create variations</li>
<li>Save the product and view swatches on the product page</li>
</ol>
<h3>Compatibility</h3>
<ul>
<li>Requires WooCommerce 6.0.0 or later</li>
<li>Compatible with most WooCommerce-compatible themes</li>
<li>Tested with Storefront, Astra, OceanWP, Flatsome, and more</li>
</ul>


Product Variation Swatches for WooCommerce – Enhance Your Product Attributes with Elegant Color, Image, and Label Swatches

Replace dropdowns with color, image, and label swatches for WooCommerce variations. Improve user experience and drive more conversions.

Product Attribute Icons Display vs Product Variation Swatches for WooCommerce – Enhance Your Product Attributes with Elegant Color, Image, and Label Swatches