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.
 
 
 
 
 

493 lines
39 KiB

<?xml version="1.0" encoding="UTF-8" ?>
<odoo>
<template id="product_tab_demo_banner" inherit_id="website.snippets" name="Product Tab Demo banner">
<xpath expr="//div[@id='snippet_structure']/div[hasclass('o_panel_body')]" position="inside">
<t t-snippet="theme_boec.product_tab_demo" t-thumbnail="/theme_boec/static/src/images/snippets/product_tab.jpg"/>
</xpath>
</template>
<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" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home"
aria-selected="true" data-filter="all"> 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="hdpe"> New Arrivels</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">
<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">
<a class="add_to_c" href="#">
Click to open
</a>
<h5 class="product_name">
Men T-shirt
</h5>
<div class="rating">
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
</div>
<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">
<a class="add_to_c" href="#">
Click to open
</a>
<h5 class="product_name">
Men T-shirt
</h5>
<div class="rating">
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
</div>
<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">
<a class="add_to_c" href="#">
Click to open
</a>
<h5 class="product_name">
Men T-shirt
</h5>
<div class="rating">
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
</div>
<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 (5).jpg" alt="" class="rotate-center"/>
</div>
<div class="img_details">
<a class="add_to_c" href="#">
Click to open
</a>
<h5 class="product_name">
Men T-shirt
</h5>
<div class="rating">
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
</div>
<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 (4).jpg" alt="" class="rotate-center"/>
<div class="sale">Sale</div>
</div>
<div class="img_details">
<a class="add_to_c" href="#">
Click to open
</a>
<h5 class="product_name">
Men T-shirt
</h5>
<div class="rating">
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
</div>
<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 (6).jpg" alt="" class="rotate-center"/>
</div>
<div class="img_details">
<a class="add_to_c" href="#">
Click to open
</a>
<h5 class="product_name">
Men T-shirt
</h5>
<div class="rating">
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
</div>
<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 (7).jpg" alt="" class="rotate-center"/>
<div class="new">New</div>
</div>
<div class="img_details">
<a class="add_to_c" href="#">
Click to open
</a>
<h5 class="product_name">
Men T-shirt
</h5>
<div class="rating">
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
</div>
<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">
<a class="add_to_c" href="#">
Click to open
</a>
<h5 class="product_name">
Men T-shirt
</h5>
<div class="rating">
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
</div>
<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">
<a class="add_to_c" href="#">
Click to open
</a>
<h5 class="product_name">
Men T-shirt
</h5>
<div class="rating">
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
</div>
<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">
<a class="add_to_c" href="#">
Click to open
</a>
<h5 class="product_name">
Men T-shirt
</h5>
<div class="rating">
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
</div>
<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">
<a class="add_to_c" href="#">
Click to open
</a>
<h5 class="product_name">
Men T-shirt
</h5>
<div class="rating">
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
</div>
<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">
<a class="add_to_c" href="#">
Click to open
</a>
<h5 class="product_name">
Men T-shirt
</h5>
<div class="rating">
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
<i class="r_star">
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
</i>
</div>
<div class="wrappr ">
<div class="price">
$59.00
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</template>
</odoo>