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.
350 lines
18 KiB
350 lines
18 KiB
<?xml version="1.0" encoding="UTF-8" ?>
|
|
<odoo>
|
|
<template id="index3_product" inherit_id="website.snippets"
|
|
name="Index3_Product">
|
|
<xpath expr="//div[@id='snippet_structure']/div[hasclass('o_panel_body')]"
|
|
position="inside">
|
|
<t t-snippet="theme_diva.diva_index3_product"
|
|
t-thumbnail="/theme_diva/static/src/images/snippets/index-3/products.jpg"/>
|
|
</xpath>
|
|
</template>
|
|
<template id="diva_index3_product" name="Theme Diva Product">
|
|
<!-- Product section-->
|
|
<section class="sustainable_product">
|
|
<div class="heading_page3">
|
|
<div class="main">
|
|
sustainable Essentials
|
|
</div>
|
|
</div>
|
|
<div class="container-fluid">
|
|
<div class="modal show" id="payModal" data-backdrop="false"
|
|
tabindex="-1" role="dialog"
|
|
aria-labelledby="payModal" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-slideout modal-sm"
|
|
role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<!-- <h5 class="modal-title" id="exampleModalLabel">Checkout</h5> -->
|
|
<button type="button" class="close"
|
|
data-dismiss="modal"
|
|
aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="model-header2">
|
|
<p>Select option</p>
|
|
<h4>Striped Shirt</h4>
|
|
</div>
|
|
<div class="model_product">
|
|
<div class="img_wrapper">
|
|
<img src="/theme_diva/static/src/images/sustainable/14.jpg"
|
|
alt=""/>
|
|
</div>
|
|
</div>
|
|
<div class="model_product_details">
|
|
<p>$55.00</p>
|
|
<div class="size">
|
|
<h6>Size</h6>
|
|
<div id="sampleDiv">
|
|
<button class="btn ">S</button>
|
|
<button class="btn active">M
|
|
</button>
|
|
<button class="btn">L</button>
|
|
<button class="btn">Xl</button>
|
|
<button class="btn">XXL
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="color">
|
|
<h6>Size</h6>
|
|
<ul>
|
|
<li class="activ">
|
|
<a href="#">
|
|
<span/>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<span/>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a type="button" class="btn btn-model">Add
|
|
To Cart
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-6 col-sm-6 col-12 mb-3">
|
|
<div class="sustainable">
|
|
<div class="sustainable_wrapper">
|
|
<a href="#">
|
|
<div class="sale">
|
|
New
|
|
</div>
|
|
</a>
|
|
<div class="side_pannel">
|
|
<a href="#" button_type="button"
|
|
class="btn btn-demo"
|
|
data-toggle="modal"
|
|
data-target="#payModal">
|
|
<i class="bi bi-three-dots"/>
|
|
</a>
|
|
</div>
|
|
<div class="img_wrapper">
|
|
<img src="/theme_diva/static/src/images/sustainable/1.jpg"/>
|
|
<img src="/theme_diva/static/src/images/sustainable/2.jpg"/>
|
|
</div>
|
|
<div class="bottom_details">
|
|
<p>
|
|
<span>Party wear</span>
|
|
<span>$450.00</span>
|
|
</p>
|
|
<ul>
|
|
<li>
|
|
<a href="#">
|
|
<span/>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<span/>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 col-sm-6 col-12 mb-3">
|
|
<div class="sustainable">
|
|
<div class="sustainable_wrapper">
|
|
<a href="#">
|
|
<div class="sale">
|
|
New
|
|
</div>
|
|
</a>
|
|
<div class="side_pannel">
|
|
<a href="#" button_type="button"
|
|
class="btn btn-demo"
|
|
data-toggle="modal"
|
|
data-target="#payModal">
|
|
<i class="bi bi-three-dots"/>
|
|
</a>
|
|
</div>
|
|
<a href="#">
|
|
<div class="sale2">
|
|
handmade
|
|
</div>
|
|
</a>
|
|
<div class="img_wrapper">
|
|
<img src="/theme_diva/static/src/images/sustainable/3.jpg"/>
|
|
<img src="/theme_diva/static/src/images/sustainable/4.jpg"/>
|
|
</div>
|
|
<div class="bottom_details">
|
|
<p>
|
|
<span>Party wear</span>
|
|
<span>$450.00</span>
|
|
</p>
|
|
<ul>
|
|
<li>
|
|
<a href="#">
|
|
<span/>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<span/>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 col-sm-6 col-12 mb-3">
|
|
<div class="sustainable">
|
|
<div class="sustainable_wrapper">
|
|
<a href="#">
|
|
<div class="sale">
|
|
New
|
|
</div>
|
|
</a>
|
|
<div class="side_pannel">
|
|
<a href="#" button_type="button"
|
|
class="btn btn-demo"
|
|
data-toggle="modal"
|
|
data-target="#payModal">
|
|
<i class="bi bi-three-dots"/>
|
|
</a>
|
|
</div>
|
|
<div class="img_wrapper">
|
|
<img src="/theme_diva/static/src/images/sustainable/11.jpg"/>
|
|
<img src="/theme_diva/static/src/images/sustainable/12.jpg"/>
|
|
</div>
|
|
<div class="bottom_details">
|
|
<p>
|
|
<span>Party wear</span>
|
|
<span>$450.00</span>
|
|
</p>
|
|
<ul>
|
|
<li>
|
|
<a href="#">
|
|
<span/>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<span/>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 col-sm-6 col-12 mb-3">
|
|
<div class="sustainable">
|
|
<div class="sustainable_wrapper">
|
|
<a href="#">
|
|
<div class="sale">
|
|
Limited edition
|
|
</div>
|
|
</a>
|
|
<div class="side_pannel">
|
|
<a href="#" button_type="button"
|
|
class="btn btn-demo"
|
|
data-toggle="modal"
|
|
data-target="#payModal">
|
|
<i class="bi bi-three-dots"/>
|
|
</a>
|
|
</div>
|
|
<div class="img_wrapper">
|
|
<img src="/theme_diva/static/src/images/sustainable/5.jpg"/>
|
|
<img src="/theme_diva/static/src/images/sustainable/6.jpg"/>
|
|
</div>
|
|
<div class="bottom_details">
|
|
<p>
|
|
<span>Party wear</span>
|
|
<span>$450.00</span>
|
|
</p>
|
|
<ul>
|
|
<li>
|
|
<a href="#">
|
|
<span/>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<span/>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 col-sm-6 col-12 mb-3">
|
|
<div class="sustainable">
|
|
<div class="sustainable_wrapper">
|
|
<a href="#">
|
|
<div class="sale">
|
|
New
|
|
</div>
|
|
</a>
|
|
<div class="side_pannel">
|
|
<a href="#" button_type="button"
|
|
class="btn btn-demo"
|
|
data-toggle="modal"
|
|
data-target="#payModal">
|
|
<i class="bi bi-three-dots"/>
|
|
</a>
|
|
</div>
|
|
<a href="#">
|
|
<div class="sale2">
|
|
Gadgets
|
|
</div>
|
|
</a>
|
|
<div class="img_wrapper">
|
|
<img src="/theme_diva/static/src/images/sustainable/9.jpg"/>
|
|
<img src="/theme_diva/static/src/images/sustainable/10.jpg"/>
|
|
</div>
|
|
<div class="bottom_details">
|
|
<p>
|
|
<span>Party wear</span>
|
|
<span>$450.00</span>
|
|
</p>
|
|
<ul>
|
|
<li>
|
|
<a href="#">
|
|
<span/>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<span/>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 col-sm-6 col-12 mb-3">
|
|
<div class="sustainable">
|
|
<div class="sustainable_wrapper">
|
|
<a href="#">
|
|
<div class="sale">
|
|
New
|
|
</div>
|
|
</a>
|
|
<div class="side_pannel">
|
|
<a href="#" button_type="button"
|
|
class="btn btn-demo"
|
|
data-toggle="modal"
|
|
data-target="#payModal">
|
|
<i class="bi bi-three-dots"/>
|
|
</a>
|
|
</div>
|
|
<div class="img_wrapper">
|
|
<img src="/theme_diva/static/src/images/sustainable/15.jpg"/>
|
|
<img src="/theme_diva/static/src/images/sustainable/16.jpg"/>
|
|
</div>
|
|
<div class="bottom_details">
|
|
<p>
|
|
<span>Party wear</span>
|
|
<span>$450.00</span>
|
|
</p>
|
|
<ul>
|
|
<li>
|
|
<a href="#">
|
|
<span/>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<span/>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="bottom_link">
|
|
<a href="#" >
|
|
view Collections
|
|
</a>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
</odoo>
|