You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

210 lines
14 KiB

<?xml version="1.0" encoding="UTF-8" ?>
<odoo>
<!-- Popular model snippet template before saving-->
<template id="product_tab_snippet" name="Popular Model">
<section class="product_tab_class oe_structure" id="popular_model" t-ignore="True">
<div class="wrapper">
<div class="banner_added">
<br/>
<br/>
<br/>
<hr/>
<div class="container">
<div class="banner_content">
<div class="row">
<div class="col-xl-5 col-lg-8 col-md-7 col-sm-8 col-12">
<div class="alert alert-info">
<h4>Your Popular Model snippet will be displayed here... Please Save to view the snippet</h4>
</div>
</div>
</div>
</div>
</div>
<hr/>
</div>
</div>
</section>
</template>
<!-- Popular model snippet template after saving-->
<template id="product_tab" name="Product Tab">
<section class="tab_product gap" t-ignore="True">
<div class="wrapper">
<div class="container">
<div class="row">
<div class="tile" id="tile-1">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<div class="slider"/>
<li class="nav-item">
<a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab"
aria-controls="home" aria-selected="true" data-filter="hdpe">Hot Sales
</a>
</li>
<li class="nav-item">
<a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab"
aria-controls="profile" aria-selected="false" data-filter="sprinkle">New Arrivals
</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content gap">
<div class="tab-pane fade show active" id="home" role="tabpanel"
aria-labelledby="home-tab">
<div class="container">
<div class="row">
<t t-foreach="hot_deals" t-as="hot_deal" t-if="hot_deals">
<div class="col-lg-3 col-md-4 col-sm-6 col-12 filter hdpe">
<a t-attf-href="/shop/product/#{slug(hot_deal)}">
<div class="wrapper">
<div class="img_wrapper">
<img t-attf-src="/web/image?model=product.template&amp;field=image_1920&amp;id=#{hot_deal.id}"
class="img img-fluid rotate-center" alt=""
loading="lazy"/>
<div class="sale">Sale</div>
</div>
<div class="img_details">
<a class="add_to_c"
t-attf-href="/shop/product/#{slug(hot_deal)}">
Click to open
</a>
<h5 class="product_name">
<span t-if="hot_deal"
t-esc="hot_deal.display_name"/>
</h5>
<div class="wrappr">
<div class="price">
<span t-if="hot_deal"
t-esc="res_company.currency_id.symbol"/>
<span t-if="hot_deal"
t-esc="hot_deal.list_price"/>
</div>
</div>
</div>
</div>
</a>
</div>
</t>
<t t-if="not hot_deals">
<div>
<h4>You have not selected Hot Sale Products for selecting
please goto Product > Ecommerce tab and check the hot sale
checkbox.
Please select minimum 12 Products
</h4>
</div>
</t>
</div>
</div>
</div>
<div class="tab-pane fade show" id="profile" role="tabpanel"
aria-labelledby="profile-tab">
<div class="container">
<div class="row">
<t t-foreach="new_arrivals" t-as="new_arrival">
<div class="col-lg-3 col-md-4 col-sm-6 col-12 filter hdpe">
<a t-attf-href="/shop/product/#{slug(new_arrival)}">
<div class="wrapper">
<div class="img_wrapper">
<img t-attf-src="/web/image?model=product.template&amp;field=image_1920&amp;id=#{new_arrival.id}"
class="img img-fluid rotate-center" alt=""
loading="lazy"/>
<div class="new">New</div>
</div>
<div class="img_details">
<a class="add_to_c"
t-attf-href="/shop/product/#{slug(new_arrival)}">
Click to open
</a>
<h5 class="product_name">
<span t-if="new_arrival"
t-esc="new_arrival.display_name"/>
</h5>
<div class="wrappr">
<div class="price">
<span t-if="new_arrival"
t-esc="res_company.currency_id.symbol"/>
<span t-if="new_arrival"
t-esc="new_arrival.list_price"/>
</div>
</div>
</div>
</div>
</a>
</div>
</t>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</template>
<template id="popular_modal" name="Popular Model">
<section class="Popular" t-ignore="True">
<div class="wrapper">
<div class="container">
<h5 class="common_heading">POPULAR CAR MODEL</h5>
<div class="row mt-5 pt-3" style="--gutter-x: 32px;">
<t t-foreach="hot_deals" t-as="hot_deal" t-if="hot_deals">
<div class="col-lg-3 col-md-4 col-sm-6 col-12">
<div class="product_card">
<a t-attf-href="/shop/product/#{slug(hot_deal)}">
<div class="p_card_heading" style="white-space: nowrap; width: 242px; overflow: hidden;
text-overflow: ellipsis;">
<t t-esc="hot_deal.display_name"/>
</div>
<div class="img_wrapper">
<img t-attf-src="/web/image?model=product.template&amp;field=image_1920&amp;id=#{hot_deal.id}"
class="img img-fluid rotate-center" alt=""
loading="lazy"/>
</div>
<div class="card_bottom">
<div class="c_b_wrapper">
<img src="/theme_autofly/static/src/assets/card_icon/speedometer 1.png"
alt=""/>
<span class="d-block">
2000 KM
</span>
</div>
<div class="c_b_wrapper">
<img src="/theme_autofly/static/src/assets/card_icon/engine (1) 1.png"
alt=""/>
<span class="d-block">
Automatic
</span>
</div>
<div class="c_b_wrapper">
<img src="/theme_autofly/static/src/assets/card_icon/fuel-station 1.png"
alt=""/>
<span class="d-block">
Petrol
</span>
</div>
</div>
<div class="p_c_bottom">
<span class="price">
<t t-esc="res_company.currency_id.symbol"/>
<t t-esc="hot_deal.list_price"/>
</span>
<a t-attf-href="/shop/product/#{slug(hot_deal)}" class="btn btn-card">
More Details
</a>
</div>
</a>
</div>
</div>
</t>
</div>
<div class="row">
<div class="p_b_wrapper m-auto">
<a href="/shop" class="btn btn-secondary mt-5 mx-auto ">Show more</a>
</div>
</div>
</div>
</div>
</section>
</template>
</odoo>