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.
160 lines
10 KiB
160 lines
10 KiB
<?xml version="1.0" encoding="UTF-8" ?>
|
|
<odoo>
|
|
<!--Adding thumbnail for Product Tab Snippet -->
|
|
<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 FOR Product Tab Snippet-->
|
|
<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>
|
|
</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>
|
|
|