WordPress.org
Get WordPress
WordPress.org

Plugin Directory

Attribute Icon for WooCommerce

Attribute Icon for WooCommerce

By Mosharaf Hossain
Download

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.
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.
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

Translate “Attribute Icon for WooCommerce” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by 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

Ratings

No reviews have been submitted yet.

Your review

See all reviews

Contributors

Support

Got something to say? Need help?

View support forum

Donate

Would you like to support the advancement of this plugin?

Donate to this plugin