<?xml version="1.0"?>
<t name="Product Tags" active="True" t-name="website_sale.product_tags">
        <div class="o_product_tags o_field_tags d-flex flex-wrap align-items-center gap-2 mb-2 mt-1" t-if="any(tag.visible_to_customers for tag in all_product_tags)">
            <t t-foreach="all_product_tags" t-as="tag">
                <t t-if="tag.visible_to_customers">
                    <span t-if="tag.image" class="order-0" t-field="tag.image" t-options="{'widget': 'image', 'class': 'o_product_tag_img rounded'}"/>
                    <span t-else="" class="position-relative order-1 py-1 px-2">
                        <span class="position-absolute top-0 start-0 w-100 h-100 rounded" t-attf-style="background-color: #{tag.color}; opacity: .2;"/>
                        <span class="text-nowrap small" t-attf-style="color: #{tag.color}" t-field="tag.name"/>
                    </span>
                </t>
            </t>
        </div>
    </t>

    