FAIR

Federated and Independent Repositories

Attribute Icon for WooCommerce

Plugin Banner

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

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

  3. Edit Attribute screen with an icon set — Change Icon and Remove buttons.

    Edit Attribute screen with an icon set — Change Icon and Remove buttons.

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

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.

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.
Back to top