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.
 
 
 
 
 

298 lines
20 KiB

<?xml version="1.0" encoding="UTF-8" ?>
<odoo>
<!--Adding thumbnail for Product Tab Demo Snippet-->
<template id="product_tab_demo_banner" inherit_id="website.snippets"
name="Product Tab Demo banner">
<xpath expr="//snippets[@id='snippet_groups']"
position="inside">
<t t-snippet="theme_boec.product_tab_demo"
t-thumbnail="/theme_boec/static/src/images/snippets/product_tab.jpg"/>
</xpath>
</template>
<!--Template for Product Tab Demo Snippet-->
<template id="product_tab_demo" name="Product Tab Demo">
<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"
data-bs-toggle="tab"
id="home-tabs"
data-bs-target="#prod"
aria-controls="prod"
aria-selected="false">
Hot Sales
</a>
</li>
<li class="nav-item">
<a class="nav-link"
id="profile-tab"
data-bs-toggle="tab"
data-bs-target="#profiles"
aria-controls="profiles"
aria-selected="false">
New Arrivals
</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content gap">
<div class="tab-pane active" id="prod"
role="tabpanel" aria-labelledby="home-tabs">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-6 col-12 filter hdpe">
<div class="wrapper">
<div class="img_wrapper">
<img src="/theme_boec/static/src/images/tab-product/t-product (1).jpg"
alt=""
loading="lazy"
class="rotate-center"/>
<div class="new">New
</div>
</div>
<div class="img_details">
<h5 class="product_name">
Men T-shirt
</h5>
<div class="wrappr ">
<div class="price">
$59.00
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 filter sprinkle">
<div class="wrapper">
<div class="img_wrapper">
<img src="/theme_boec/static/src/images/tab-product/t-product (2).jpg"
alt=""
loading="lazy"
class="rotate-center"/>
</div>
<div class="img_details">
<h5 class="product_name">
Women T-shirt
</h5>
<div class="wrappr ">
<div class="price">
$59.00
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 filter sprinkle">
<div class="wrapper">
<div class="img_wrapper">
<img src="/theme_boec/static/src/images/tab-product/t-product (3).jpg"
alt=""
loading="lazy"
class="rotate-center"/>
<div class="sale">Sale
</div>
</div>
<div class="img_details">
<h5 class="product_name">
Men Shoes
</h5>
<div class="wrappr ">
<div class="price">
$59.00
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 filter sprinkle">
<div class="wrapper">
<div class="img_wrapper">
<img src="/theme_boec/static/src/images/tab-product/t-product (8).jpg"
alt=""
class="rotate-center"/>
<div class="sale">sale
</div>
</div>
<div class="img_details">
<h5 class="product_name">
Women Shoes
</h5>
<div class="wrappr ">
<div class="price">
$59.00
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 filter hdpe">
<div class="wrapper">
<div class="img_wrapper">
<img src="/theme_boec/static/src/images/tab-product/t-product (9).jpg"
alt=""
class="rotate-center"/>
</div>
<div class="img_details">
<h5 class="product_name">
Men Shoes
</h5>
<div class="wrappr ">
<div class="price">
$59.00
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 filter sprinkle">
<div class="wrapper">
<div class="img_wrapper">
<img src="/theme_boec/static/src/images/tab-product/t-product (10).jpg"
alt=""
class="rotate-center"/>
</div>
<div class="img_details">
<h5 class="product_name">
Women T-shirt
</h5>
<div class="wrappr ">
<div class="price">
$59.00
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 filter hdpe">
<div class="wrapper">
<div class="img_wrapper">
<img src="/theme_boec/static/src/images/tab-product/t-product (11).jpg"
alt=""
class="rotate-center"/>
<div class="sale">sale
</div>
</div>
<div class="img_details">
<h5 class="product_name">
Women T-shirt
</h5>
<div class="wrappr ">
<div class="price">
$59.00
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 filter sprinkle">
<div class="wrapper">
<div class="img_wrapper">
<img src="/theme_boec/static/src/images/tab-product/t-product (1).jpg"
alt=""
class="rotate-center"/>
<div class="new">New
</div>
</div>
<div class="img_details">
<h5 class="product_name">
Men T-shirt
</h5>
<div class="wrappr ">
<div class="price">
$59.00
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Arrivals-->
<div class="tab-pane"
id="profiles"
role="tabpanel"
aria-labelledby="profile-tab">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-6 col-12 filter hdpe">
<div class="wrapper">
<div class="img_wrapper">
<img src="/theme_boec/static/src/images/tab-product/t-product (1).jpg"
alt=""
loading="lazy"
class="rotate-center"/>
<div class="new">New
</div>
</div>
<div class="img_details">
<h5 class="product_name">
Men T-shirt
</h5>
<div class="wrappr ">
<div class="price">
$59.00
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 filter sprinkle">
<div class="wrapper">
<div class="img_wrapper">
<img src="/theme_boec/static/src/images/tab-product/t-product (2).jpg"
alt=""
loading="lazy"
class="rotate-center"/>
</div>
<div class="img_details">
<h5 class="product_name">
Women T-shirt
</h5>
<div class="wrappr ">
<div class="price">
$59.00
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 filter sprinkle">
<div class="wrapper">
<div class="img_wrapper">
<img src="/theme_boec/static/src/images/tab-product/t-product (3).jpg"
alt=""
loading="lazy"
class="rotate-center"/>
<div class="sale">Sale
</div>
</div>
<div class="img_details">
<h5 class="product_name">
Men Shoes
</h5>
<div class="wrappr ">
<div class="price">
$59.00
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</template>
</odoo>