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.
122 lines
8.3 KiB
122 lines
8.3 KiB
<?xml version="1.0" encoding="UTF-8" ?>
|
|
<odoo>
|
|
<template id="product_tab_banner" inherit_id="website.snippets" name="Product Tab banner">
|
|
<xpath expr="//div[@id='snippet_structure']/div[hasclass('o_panel_body')]" position="inside">
|
|
<t t-snippet="theme_boec.product_tab_snippet" t-thumbnail="/theme_boec/static/src/images/snippets/product_tab.jpg"/>
|
|
</xpath>
|
|
</template>
|
|
|
|
<template id="product_tab_snippet" name="Product Tab">
|
|
<section class="product_tab_class">
|
|
<div class="banner_added">
|
|
<br/><br/><br/><hr/>
|
|
<div class="container">
|
|
<div class="alert alert-info">
|
|
<h4> Your product tab snippet will be displayed here... Please Save to view the snippet </h4>
|
|
</div>
|
|
</div><hr/>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
|
|
<template id="product_tab" name="Product Tab">
|
|
<section class="tab_product gap">
|
|
<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&field=image_1920&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&field=image_1920&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>
|
|
</odoo>
|