Title: Attribute Icon for WooCommerce Author: Mosharaf Hossain Published: June 12, 2026 Last modified: June 12, 2026 --- Search plugins ![](https://ps.w.org/attribute-icon-for-woocommerce/assets/banner-772x250.png?rev =3570372) ![](https://ps.w.org/attribute-icon-for-woocommerce/assets/icon-256x256.png?rev= 3570372) # Attribute Icon for WooCommerce By [Mosharaf Hossain](https://profiles.wordpress.org/mosharafmanu/) [Download](https://downloads.wordpress.org/plugin/attribute-icon-for-woocommerce.1.0.0.zip) * [Details](https://wordpress.org/plugins/attribute-icon-for-woocommerce/#description) * [Reviews](https://wordpress.org/plugins/attribute-icon-for-woocommerce/#reviews) * [Installation](https://wordpress.org/plugins/attribute-icon-for-woocommerce/#installation) * [Development](https://wordpress.org/plugins/attribute-icon-for-woocommerce/#developers) [Support](https://wordpress.org/support/plugin/attribute-icon-for-woocommerce/) ## Description Attribute Icon for WooCommerce extends the WooCommerce attribute system with icon support. Each attribute (Color, Size, Material, etc.) gets a native WordPress media uploader field. Upload an icon — it appears before the attribute label on the single product page. **Feature summary:** * Icon upload field on every attribute — add and edit screens. * Icon column in the attribute list table. * Frontend display via `woocommerce_attribute_label` filter (automatic). * Template helpers for custom themes — `render_image()` and `get_image_html()`. * No configuration. Activate and every attribute gets the field. * Uses WordPress media library — no custom uploader, no external dependencies. ## Screenshots [⌊Icon upload field on the Add New Attribute screen — dashed upload zone and Upload Icon button.⌉⌊Icon upload field on the Add New Attribute screen — dashed upload zone and Upload Icon button.⌉[ Icon upload field on the Add New Attribute screen — dashed upload zone and Upload Icon button. [⌊Attributes list table with the Icon column showing the uploaded icon alongside each attribute.⌉⌊Attributes list table with the Icon column showing the uploaded icon alongside each attribute.⌉[ Attributes list table with the Icon column showing the uploaded icon alongside each attribute. [⌊Edit Attribute screen with an icon set — Change Icon and Remove buttons.⌉⌊Edit Attribute screen with an icon set — Change Icon and Remove buttons.⌉[ Edit Attribute screen with an icon set — Change Icon and Remove buttons. [⌊Frontend product page — attribute icon displayed beside the label in the Additional Information tab.⌉⌊Frontend product page — attribute icon displayed beside the label in the Additional Information tab.⌉[ Frontend product page — attribute icon displayed beside the label in the Additional Information tab. ## Installation 1. Upload the plugin folder to `/wp-content/plugins/` or install via Plugins > Add New. 2. Activate the plugin. WooCommerce must be active. 3. Edit any attribute (Products > Attributes > Edit). An icon upload field appears. ## FAQ ### Does this work with custom themes? Yes. If your theme uses `wc_display_product_attributes()` or `woocommerce_attribute_label`, icons appear automatically. For custom templates, use the static helpers: ``` ` ``` use AttrIconWoo\AttributeFrontend; echo AttributeFrontend::get_image_html( $attribute_id,‘ thumbnail’, ‘Color’ ); ` ### Where is the icon stored? The image attachment ID is stored in `wp_options` under the key `attricfo_attribute_image_{ id}`. The actual file uses the WordPress media library. ### What happens when I deactivate? Icons stop displaying on the frontend. Options are preserved — reactivate and icons return. No data loss. ### What happens when I delete the plugin? All `attricfo_attribute_image_*` options are removed. Deleting via the Plugins screen runs the uninstall routine. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Attribute Icon for WooCommerce” is open source software. The following people have contributed to this plugin. Contributors * [ Mosharaf Hossain ](https://profiles.wordpress.org/mosharafmanu/) [Translate “Attribute Icon for WooCommerce” into your language.](https://translate.wordpress.org/projects/wp-plugins/attribute-icon-for-woocommerce) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/attribute-icon-for-woocommerce/), check out the [SVN repository](https://plugins.svn.wordpress.org/attribute-icon-for-woocommerce/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/attribute-icon-for-woocommerce/) by [RSS](https://plugins.trac.wordpress.org/log/attribute-icon-for-woocommerce/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.0 * Initial release. * Admin icon field on attribute add/edit screens. * Icon column in attribute list table. * Frontend display via `woocommerce_attribute_label` filter. * Template helpers for custom theme integration. * Uninstall cleanup of options. ## Meta * Version **1.0.0** * Last updated **2 days ago** * Active installations **Fewer than 10** * WordPress version ** 6.4 or higher ** * Tested up to **7.0** * PHP version ** 8.0 or higher ** * Tags * [attributes](https://wordpress.org/plugins/tags/attributes/)[icons](https://wordpress.org/plugins/tags/icons/) [product attributes](https://wordpress.org/plugins/tags/product-attributes/)[woocommerce](https://wordpress.org/plugins/tags/woocommerce/) * [Advanced View](https://wordpress.org/plugins/attribute-icon-for-woocommerce/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/attribute-icon-for-woocommerce/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/attribute-icon-for-woocommerce/reviews/) ## Contributors * [ Mosharaf Hossain ](https://profiles.wordpress.org/mosharafmanu/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/attribute-icon-for-woocommerce/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://github.com/mosharafmanu/attribute-icon-for-wooCommerce)