{"en_US": "<t t-name=\"website_sale.product_variant_preview\">\n        <t t-set=\"product_ptavs_data\" t-value=\"previewed_attribute_values[product.id]\"/>\n        <t t-if=\"product_ptavs_data\">\n            <t t-set=\"product_ptavs\" t-value=\"product_ptavs_data.get('ptavs_data')\"/>\n            <div t-attf-class=\"o_wsale_attribute_previewer d-flex align-items-center gap-1 flex-nowrap z-1 overflow-hidden {{                     'show_on_hover' if product_ptavs[0]['ptav'].attribute_id.preview_variants == 'hover' and layout_mode != 'list' else ''                 }}\" t-att-data-hidden-ptav-count=\"product_ptavs_data.get('hidden_ptavs_count')\">\n                <t t-foreach=\"product_ptavs\" t-as=\"previewed_ptav\">\n                    <t t-set=\"ptav\" t-value=\"previewed_ptav['ptav']\"/>\n                    <t t-set=\"selected_attribute_value\" t-value=\"ptav.product_attribute_value_id.id\"/>\n                    <t t-set=\"variant_href\" t-value=\"product_href.split('#')[0] + '#attribute_values=%s' % (selected_attribute_value)\"/>\n                    <a class=\"o_product_variant_preview my-2 d-none\" t-att-data-variant-image=\"previewed_ptav['variant_image_url']\" t-att-href=\"variant_href\">\n                        <div t-if=\"ptav.attribute_id.is_thumbnail_visible\" class=\"d-flex\">\n                            <label class=\"css_attribute_preview_thumbnail cursor-pointer d-block\" t-att-style=\"'background:url(%s); background-size:cover; background-position: center center;' % previewed_ptav['variant_image_url']\" t-att-title=\"ptav.name\"/>\n                        </div>\n                        <div t-elif=\"ptav.display_type == 'color'\" class=\"d-flex\">\n                            <t t-if=\"ptav.product_attribute_value_id.image\" t-set=\"background_style\" t-value=\"'background:url(/web/image/product.attribute.value/%s/image); background-size:cover;' % ptav.product_attribute_value_id.id\"/>\n                            <t t-elif=\"not ptav.is_custom\" t-set=\"background_style\" t-value=\"'background: ' + str(ptav.html_color or ptav.name)\"/>\n                            <label t-att-style=\"background_style\" class=\"css_attribute_color cursor-pointer d-block\" t-att-title=\"ptav.name\"/>\n                        </div>\n                        <span t-else=\"\" t-attf-class=\"{{'' if ppr == 2 and layout_mode != 'list' else 'btn-sm'}} btn bg-body w-100 text-body text-truncate\" t-out=\"ptav.name\"/>\n                    </a>\n                </t>\n                <span name=\"hidden_ptavs_count\" class=\"d-none ms-1 small\">\n                    <a t-att-href=\"product_href\"/>\n                </span>\n            </div>\n        </t>\n    </t>"}