Adding the Widget to a Many2Many Field

To use the widget, add it to your XML view for any many2many field (e.g., value_ids in product.template.attribute.line):

<field name="value_ids" widget="many2many_tags_color"
       options="{'color_code_field': 'html_color', 'color_field': 'color', 'no_create_edit': True}"
       context="{'default_attribute_id': attribute_id, 'show_attribute': False}"/>

Configuring the HTML Color Field

Ensure the related model (e.g., product.attribute.value) has an html_color field:

class ProductAttributeValue(models.Model):
    _inherit = 'product.attribute.value'

    html_color = fields.Char(string="HTML Color", help="HTML color code (e.g., #FF5733)")

Behavior:

Tags display the color from html_color (e.g., #FF5733 for orange-red). If html_color is empty or not found, it falls back to the color field (an integer 1-11 for predefined colors). If neither is present, tags default to black (#000000).

What Happens if No HTML Field is Found?

If color_code_field (e.g., html_color) isn’t specified or the field is empty: - The widget checks color_field (e.g., color) for an integer index. - If color_field is also absent or empty, tags use a default black background (#000000).

How to Use the Wizard

1. Open a product template form.
2. Navigate to the "Attributes & Variants" tab.
3. For a color attribute, click "Choose Colors" (added by the module).
4. The wizard opens, displaying: - All colors linked to the attribute (e.g., Red, Blue, Green). - Currently selected colors checked by default.
5. Toggle the Selected column to choose colors.
6. Add a new row to create a color (e.g., "Purple", #800080).
7. Click "OK" to update the attribute’s selected values.

Wizard Capabilities

• Comprehensive List: Shows all product.attribute.value records for the attribute, not just selected ones.
• Easy Toggling: Use the boolean_toggle widget to select/deselect colors effortlessly.
• New Color Creation: Add new colors with a name and HTML color code; duplicates are silently merged with existing values.
• Seamless Sync: Updates value_ids and synchronizes product variants via Odoo’s PTAV system.

Why It’s Easy

The wizard’s intuitive tree view with editable rows and a color picker makes managing colors a breeze, reducing clicks and enhancing productivity.