<?xml version="1.0"?>
<t name="Horizontal Card" t-name="website_sale.dynamic_filter_template_product_product_horizontal_card">
            <t t-foreach="records" t-as="data" data-number-of-elements="3" data-number-of-elements-sm="1" data-row-per-slide="2" data-arrow-position="bottom" data-extra-classes="o_carousel_multiple_rows" data-thumb="/website_sale/static/src/img/snippets_options/product_horizontal_card.svg">
                <t t-set="record" t-value="data['_record']"/>
                <div class="o_carousel_product_card card w-100 border-0 bg-light p-3" t-att-data-add2cart-rerender="data.get('_add2cart_rerender')">
                    <div t-if="is_sample" class="h5 o_ribbon_right bg-primary text-uppercase">Sample</div>
                    <div class="row h-100 p-0">
                        <div class="col-lg-4 position-static">
                            <a class="stretched-link o_dynamic_product_hovered" t-att-href="record.website_url">
                                <img class="img img-fluid mx-auto o_img_product_square" loading="lazy" t-att-src="data['image_512']" t-att-alt="record.display_name"/>
                            </a>
                        </div>
                        <div class="o_carousel_product_card_body col-lg-8 d-flex flex-column justify-content-between">
                            <div>
                                <div class="card-title h6" t-field="record.display_name"/>
                            </div>
                            <div>
                                <div class="mb-1">
                                    <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="d-flex align-items-center flex-wrap">
                                    <div class="my-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 ms-auto">
                                        <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')">
                                            <i class="fa fa-fw fa-shopping-cart"/>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </t>
        </t>
        