<?xml version="1.0"?>
<t name="Horizontal Card width covered image" t-name="website_sale.dynamic_filter_template_product_product_horizontal_card_2">
            <t t-foreach="records" t-as="data" data-row-per-slide="2" data-arrow-position="bottom" data-number-of-elements="2" data-number-of-elements-sm="1" data-extra-classes="o_carousel_multiple_rows" data-thumb="/website_sale/static/src/img/snippets_options/product_horizontal_card_2.svg">
                <t t-set="record" t-value="data['_record']"/>
                <div class="o_carousel_product_card card w-100 border-0 o_dynamic_product_hovered o_cc o_cc5">
                    <div t-if="is_sample" class="h5 o_ribbon_right bg-primary text-uppercase">Sample</div>
                    <a class="stretched-link" t-att-href="record.website_url">
                        <img class="img img-fluid position-absolute w-100 h-100 o_img_product_cover" loading="lazy" t-att-src="data['image_512']" t-att-alt="record.display_name"/>
                    </a>
                    <div class="o_carousel_product_card_body d-flex flex-column justify-content-between h-100 bg-black-50 p-3 position-relative">
                        <div class="mb-3">
                            <div class="card-title h5" t-field="record.display_name"/>
                            <t t-if="is_view_active('website_sale.product_comment')" t-call="portal_rating.rating_widget_stars_static">
                                    <t t-set="rating_avg" t-value="record.rating_avg"/>
                                    <t t-set="rating_count" t-value="record.rating_count"/>
                                </t>
                        </div>
                        <div class="card-text h6 flex-grow-1" t-field="record.description_sale"/>
                        <div class="d-flex justify-content-between align-items-center flex-wrap mt-3">
                            <div class="h5 mb-0 me-2">
                                <t t-call="website_sale.price_dynamic_filter_template_product_product"/>
                            </div>
                            <div t-if="record._website_show_quick_add()" class="o_dynamic_snippet_btn_wrapper">
                                <t t-set="product_template_id" t-value="record.id if not record.is_product_variant else record.product_tmpl_id.id"/>
                                <t t-set="product_id" t-value="record.id if record.is_product_variant else record.product_variant_id.id"/>
                                <button type="button" role="button" class="btn btn-primary js_add_cart" title="Add to Cart" t-att-data-product-id="product_id" t-att-data-product-template-id="product_template_id" t-att-data-product-selected="record.is_product_variant" t-att-data-product-type="record.type" t-att-data-show-quantity="is_view_active('website_sale.product_quantity')">
                                    Add to Cart
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </t>
        </t>

        