<?xml version="1.0"?>
<t name="Carousel Product" t-name="website_sale.carousel_product_indicators">
        <div t-if="len(product_images) &gt; 1" t-ignore="True" t-attf-class="o_carousel_product_indicators {{indicators_div_class}}">
            <ol t-att-class="'carousel-indicators '                     + (indicators_list_class or '')                     + ('justify-content-center ' if website.product_page_image_width == '100_pc' else '')                     + ' position-static pt-2 pt-lg-0 mx-auto my-0'">
                <li t-foreach="product_images" t-as="product_image" t-attf-class="align-top position-relative {{'active' if product_image_first else ''}}" data-bs-target="#o-carousel-product" t-att-data-bs-slide-to="str(product_image_index)">
                    <div t-field="product_image.image_128" t-options="{'widget': 'image', 'qweb_img_responsive': False, 'class': 'o_image_64_cover', 'alt-field': 'name'}"/>
                    <i t-if="product_image._name == 'product.image' and product_image.embed_code" class="fa fa-2x fa-play-circle o_product_video_thumb bg-black-50 text-center"/>
                </li>
            </ol>
        </div>
    </t>

    