thirdparty
/
CybroAddons
mirror of https://github.com/CybroOdoo/CybroAddons.git
4
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

[UPDT] Updated 'theme_boec'

pull/175/head
Ajmal Cybro 4 years ago
parent
b3e5ad12d4
commit
45bb4dd4e8
10 changed files with 206 additions and 892 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      theme_boec/__manifest__.py
  2. 93
      theme_boec/static/src/css/style.css
  3. 95
      theme_boec/static/src/js/custom.js
  4. 6
      theme_boec/views/assets.xml
  5. 8
      theme_boec/views/product_view.xml
  6. 2
      theme_boec/views/sidebar_shop.xml
  7. 8
      theme_boec/views/snippets/banner.xml
  8. 2
      theme_boec/views/snippets/demo_product.xml
  9. 64
      theme_boec/views/snippets/product_tab.xml
  10. 816
      theme_boec/views/snippets/product_tab_demo.xml

2
theme_boec/__manifest__.py
View File

@ -25,7 +25,7 @@
'summary': 'Theme Boec is a new kind of Theme. ' 'summary': 'Theme Boec is a new kind of Theme. '
'The theme is a very user-friendly and is suitable for your eCommerce website with blog.', 'The theme is a very user-friendly and is suitable for your eCommerce website with blog.',
'category': 'Theme/eCommerce', 'category': 'Theme/eCommerce',
'version': '14.0.1.0.0', 'version': '14.0.1.1.1',
'author': 'Cybrosys Techno Solutions', 'author': 'Cybrosys Techno Solutions',
'company': 'Cybrosys Techno Solutions', 'company': 'Cybrosys Techno Solutions',
'maintainer': 'Cybrosys Techno Solutions', 'maintainer': 'Cybrosys Techno Solutions',

93
theme_boec/static/src/css/style.css
View File

@ -1894,7 +1894,7 @@ header .top_nav .wrapper .left .currency .dropdown:hover .dropbtn {
@media screen and (max-width: 996px) { @media screen and (max-width: 996px) {
.demo_product .dp_wrapper3 .dp_details { .demo_product .dp_wrapper3 .dp_details {
left: -200px; left: -50px;
} }
} }
@ -1992,8 +1992,10 @@ header .top_nav .wrapper .left .currency .dropdown:hover .dropbtn {
} }
.tab_product .tab-content .tab-pane .wrapper { .tab_product .tab-content .tab-pane .wrapper {
position: relative; position: relative;
margin-bottom: 40px; margin-bottom: 135px;
height: 265px;
width: 265px;
} }
.tab_product .tab-content .tab-pane .wrapper:hover .three { .tab_product .tab-content .tab-pane .wrapper:hover .three {
@ -2019,12 +2021,20 @@ header .top_nav .wrapper .left .currency .dropdown:hover .dropbtn {
} }
.tab_product .tab-content .tab-pane .wrapper .img_wrapper { .tab_product .tab-content .tab-pane .wrapper .img_wrapper {
max-width: 500px; width: 100%;
height: 100%;
position: relative;
} }
.tab_product .tab-content .tab-pane .wrapper .img_wrapper img { .tab_product .tab-content .tab-pane .wrapper .img_wrapper img {
width: 265px; max-width: 100%;
height: 265px; max-height: 100%;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: 0;
right: 0;
} }
.tab_product .tab-content .tab-pane .wrapper .img_wrapper .three { .tab_product .tab-content .tab-pane .wrapper .img_wrapper .three {
@ -2666,6 +2676,12 @@ header .top_nav .wrapper .left .currency .dropdown:hover .dropbtn {
} }
} }
.shop .row,
.o_wsale_products_main_row.row {
margin-left: 0px !important;
margin-right: 0px !important;
}
.shop .top { .shop .top {
width: 100%; width: 100%;
justify-content: space-between; justify-content: space-between;
@ -2784,6 +2800,10 @@ header .top_nav .wrapper .left .currency .dropdown:hover .dropbtn {
margin-bottom: 40px; margin-bottom: 40px;
} }
.shop .shop_content .img_wrapper {
margin: 8px;
}
.shop .shop_content .wrapper:hover .three { .shop .shop_content .wrapper:hover .three {
right: 15% !important; right: 15% !important;
opacity: 1 !important; opacity: 1 !important;
@ -5332,10 +5352,15 @@ header .top_nav .wrapper .left .currency .btn-secondary {
} }
.oe_product_cart { .oe_product_cart {
border: 1px solid transparent !important; border: 1px solid transparent !important;
width: 250px;
} }
.oe_product_cart .oe_product_image { .oe_product_cart .oe_product_image {
height: 255px; height: 255px;
} }
.oe_product_cart .oe_product_image img {
max-height: 80%;
}
.oe_product_cart:hover { .oe_product_cart:hover {
box-shadow: 0 0 20px 0 transparent; box-shadow: 0 0 20px 0 transparent;
} }
@ -6101,4 +6126,60 @@ header#top {
font-weight: 600; font-weight: 600;
} }
.demo_product .col-md-12.col-12.o_colored_level.col-lg-6 .dp_wrapper,
.demo_product .col-md-12.col-12.o_colored_level.col-lg-4 .dp_wrapper,
.demo_product .col-md-12.col-12.o_colored_level.col-lg-3 .dp_wrapper,
.demo_product .col-md-12.col-12.o_colored_level.col-lg-2 .dp_wrapper,
.demo_product .col-md-12.col-12.o_colored_level.col-lg-2.offset-lg-1 .dp_wrapper {
margin-top: 20px;
}
.demo_product .col-12.o_colored_level.col-lg-6 .dp_wrapper .dp_img {
max-width: 440px;
float: initial;
}
.demo_product .col-md-12.col-12.o_colored_level.col-lg-6 .dp_wrapper .dp_details,
.demo_product .col-md-12.col-12.o_colored_level.col-lg-4 .dp_wrapper .dp_details,
.demo_product .col-md-12.col-12.o_colored_level.col-lg-3 .dp_wrapper .dp_details,
.demo_product .col-md-12.col-12.o_colored_level.col-lg-2 .dp_wrapper .dp_details,
.demo_product .col-md-12.col-12.o_colored_level.col-lg-2.offset-lg-1 .dp_wrapper .dp_details {
position: initial;
padding-bottom: 20px;
}
.demo_product .col-12.o_colored_level.col-lg-6 .dp_wrapper2,
.demo_product .col-12.o_colored_level.col-lg-4 .dp_wrapper2,
.demo_product .col-12.o_colored_level.col-lg-3 .dp_wrapper2,
.demo_product .col-12.o_colored_level.col-lg-2 .dp_wrapper2 {
margin-top: 20px;
}
.demo_product .col-12.o_colored_level.col-lg-6 .dp_wrapper2 .dp_details,
.demo_product .col-12.o_colored_level.col-lg-4 .dp_wrapper2 .dp_details,
.demo_product .col-12.o_colored_level.col-lg-3 .dp_wrapper2 .dp_details,
.demo_product .col-12.o_colored_level.col-lg-2 .dp_wrapper2 .dp_details {
padding-top: 0;
padding-bottom: 20px;
}
.demo_product .col-md-12.col-12.o_colored_level.col-lg-4 .dp_wrapper3,
.demo_product .col-md-12.col-12.o_colored_level.col-lg-3 .dp_wrapper3,
.demo_product .col-md-12.col-12.o_colored_level.col-lg-2 .dp_wrapper3 {
margin-top: 20px;
}
.demo_product .col-md-12.col-12.o_colored_level.col-lg-4 .dp_wrapper3 .dp_details,
.demo_product .col-md-12.col-12.o_colored_level.col-lg-3 .dp_wrapper3 .dp_details,
.demo_product .col-md-12.col-12.o_colored_level.col-lg-2 .dp_wrapper3 .dp_details {
position: initial;
padding-bottom: 20px;
}
.demo_product .col-md-12.col-12.o_colored_level.col-lg-4 .dp_wrapper3 .dp_img,
.demo_product .col-md-12.col-12.o_colored_level.col-lg-3 .dp_wrapper3 .dp_img,
.demo_product .col-md-12.col-12.o_colored_level.col-lg-2 .dp_wrapper3 .dp_img {
padding-bottom: 0px;
}
.banner_added {
display: block;
}
.banner_added.banner_hide {
display: none;
}
/* # sourceMappingURL=style.css.map */ /* # sourceMappingURL=style.css.map */

95
theme_boec/static/src/js/custom.js
View File

@ -1,57 +1,58 @@
odoo.define('theme_boec.theme_boec', function (require) { odoo.define('theme_boec.theme_boec', function (require) {
"use strict"; "use strict";
//Preloader//
$(document).ready(function () { $(document).ready(function () {
setTimeout(function () {
$('body').addClass('loaded');
}, 1000);
});
//Banner Slider// //Preloader//
$(document).ready(function () { setTimeout(function () {
$(".owl-carousel").owlCarousel( $('body').addClass('loaded');
{ }, 1000);
items: 1,
loop: true,
margin: 0,
stagePadding: 0,
smartSpeed: 450,
autoplay: false,
autoPlaySpeed: 1000,
autoPlayTimeout: 1000,
autoplayHoverPause: true,
onInitialized: counter,
dots: true,
nav: true,
navText: ['<div class="pre"><i class="material-icons" style="font-size:36px">keyboard_arrow_left</i></div>', '<div class="nxt"><i class="material-icons" style="font-size:36px">keyboard_arrow_right</i></div>'],
animateOut: 'fadeOut'
}
);
});
function counter() {
var buttons = $('.owl-dots button');
buttons.each(function (index, item) {
$(item).find('span').text(index + 1);
});
}
//tab Heading Boarder// //Banner Slider//
$(document).ready(function () { $(".owl-carousel").owlCarousel({
$(".nav-link").click(function () { items: 1,
var value = $(this).attr('data-filter'); loop: true,
if (value == "all") { margin: 0,
$('.filter').show('1000'); stagePadding: 0,
smartSpeed: 450,
autoplay: false,
autoPlaySpeed: 1000,
autoPlayTimeout: 1000,
autoplayHoverPause: true,
onInitialized: counter,
dots: true,
nav: true,
navText: ['<div class="pre"><i class="material-icons" style="font-size:36px">keyboard_arrow_left</i></div>', '<div class="nxt"><i class="material-icons" style="font-size:36px">keyboard_arrow_right</i></div>'],
animateOut: 'fadeOut'
});
function counter() {
var buttons = $('.owl-dots button');
buttons.each(function (index, item) {
$(item).find('span').text(index + 1);
});
} }
else {
$(".filter").not('.' + value).hide('3000'); //add another class for banner_added
$('.filter').filter('.' + value).show('3000'); var banner = $(".banner_added");
var banner_id = banner.data("id");
$("div").addClass(banner_id);
banner.addClass("banner_hide");
//tab Heading Boarder//
$(".nav-link").click(function () {
var value = $(this).attr('data-filter');
if (value == "all") {
$('.filter').show('1000');
}else {
$(".filter").not('.' + value).hide('3000');
$('.filter').filter('.' + value).show('3000');
}
});
if ($(".nav-link").removeClass("active")) {
$(this).removeClass("active");
} }
}); $(this).addClass("active");
if ($(".nav-link").removeClass("active")) {
$(this).removeClass("active");
}
$(this).addClass("active");
}); });
var url = window.location; var url = window.location;
@ -74,7 +75,7 @@ odoo.define('theme_boec.theme_boec', function (require) {
}); });
} }
// Add active class to the current button (highlight it) //Add active class to the current button (highlight it)
var header = document.getElementById("myDIV"); var header = document.getElementById("myDIV");
var btns = header.getElementsByClassName("btn"); var btns = header.getElementsByClassName("btn");
for (var i = 0; i < btns.length; i++) { for (var i = 0; i < btns.length; i++) {

6
theme_boec/views/assets.xml
View File

@ -8,13 +8,13 @@
<link rel="stylesheet" type="text/css" href="/theme_boec/static/src/css/owl.theme.default.min.css"/> <link rel="stylesheet" type="text/css" href="/theme_boec/static/src/css/owl.theme.default.min.css"/>
</xpath> </xpath>
<xpath expr="//script[last()]" position="after"> <xpath expr="//script[last()]" position="after">
<script type="text/javascript" src="/theme_boec/static/src/js/custom.js"/>
<script type="text/javascript" src="/theme_boec/static/src/js/deal_week.js"/>
<script type="text/javascript" src="/theme_boec/static/src/js/jquery.countdown.min.js"/>
<script type="text/javascript" src="/theme_boec/static/src/js/owl.carousel.js"/> <script type="text/javascript" src="/theme_boec/static/src/js/owl.carousel.js"/>
<script type="text/javascript" src="/theme_boec/static/src/js/owl.carousel.min.js"/> <script type="text/javascript" src="/theme_boec/static/src/js/owl.carousel.min.js"/>
<script type="text/javascript" src="/theme_boec/static/src/js/jquery.countdown.min.js"/>
<script type="text/javascript" src="/theme_boec/static/src/js/deal_week.js"/>
<script type="text/javascript" src="/theme_boec/static/src/js/price_filter.js"/> <script type="text/javascript" src="/theme_boec/static/src/js/price_filter.js"/>
<script type="text/javascript" src="/theme_boec/static/src/js/product_tab.js"/> <script type="text/javascript" src="/theme_boec/static/src/js/product_tab.js"/>
<script type="text/javascript" src="/theme_boec/static/src/js/custom.js"/>
</xpath> </xpath>
<xpath expr="." position="inside"> <xpath expr="." position="inside">
<link href="https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,500&amp;family=Montserrat&amp;display=swap" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,500&amp;family=Montserrat&amp;display=swap" rel="stylesheet"/>

8
theme_boec/views/product_view.xml
View File

@ -213,8 +213,12 @@
</div> </div>
<div class="types"> <div class="types">
<ul> <ul>
<li>HSN/SAC:<span t-esc="product.l10n_in_hsn_code"/></li> <t t-if="product.l10n_in_hsn_code">
<li>Categories:<span t-esc="product.public_categ_ids.name"/></li> <li>HSN/SAC:<span t-esc="product.l10n_in_hsn_code"/></li>
</t>
<t t-if="product.public_categ_ids">
<li>Categories:<span t-esc="product.public_categ_ids.name"/></li>
</t>
</ul> </ul>
</div> </div>
<div class="description"> <div class="description">

2
theme_boec/views/sidebar_shop.xml
View File

@ -78,7 +78,7 @@
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" <button class="btn btn-link collapsed" type="button" data-toggle="collapse"
data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Categories Categories
<i class="fas fa-angle-down"/> <i class="fas fa-angle-up"/>
</button> </button>
</h2> </h2>
</div> </div>

8
theme_boec/views/snippets/banner.xml
View File

@ -9,6 +9,14 @@
<template id="banner" name="Banner"> <template id="banner" name="Banner">
<!-- Banner section starts here --> <!-- Banner section starts here -->
<Section class="banner"> <Section class="banner">
<div class="banner_added">
<br/><br/><br/><hr/>
<div class="container">
<div class="alert alert-info">
<h4> Your Banner Snippet will be displayed here... Please Save to view the Banner snippet </h4>
</div>
</div><hr/>
</div>
<div class="owl-carousel"> <div class="owl-carousel">
<div> <div>
<section class="banner_bg1"> <section class="banner_bg1">

2
theme_boec/views/snippets/demo_product.xml
View File

@ -41,7 +41,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-7 col-md-7 offset-md-5 col-12"> <div class="col-lg-7 col-md-12 offset-lg-5 col-12">
<div class="dp_wrapper3"> <div class="dp_wrapper3">
<div class="dp_img"> <div class="dp_img">
<img src="/theme_boec/static/src/images/demo-product/dp2.jpg" alt=""/> <img src="/theme_boec/static/src/images/demo-product/dp2.jpg" alt=""/>

64
theme_boec/views/snippets/product_tab.xml
View File

@ -8,6 +8,14 @@
<template id="product_tab_snippet" name="Product Tab"> <template id="product_tab_snippet" name="Product Tab">
<section class="product_tab_class"> <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> </section>
</template> </template>
@ -42,32 +50,10 @@
<img t-attf-src="/web/image?model=product.template&amp;field=image_1920&amp;id=#{hot_deal.id}" <img t-attf-src="/web/image?model=product.template&amp;field=image_1920&amp;id=#{hot_deal.id}"
class="img img-fluid rotate-center" alt="" loading="lazy"/> class="img img-fluid rotate-center" alt="" loading="lazy"/>
<div class="sale">Sale</div> <div class="sale">Sale</div>
<div class="three">
<ul>
<li>
<a href="">
<span class="far fa-heart"/>
</a>
</li>
<li>
<a href="" class="cmp">
<span class="material-icons">compare_arrows</span>
</a>
<div class="detail">
Compare
</div>
</li>
<li>
<a href="#">
<span class="fas fa-search"/>
</a>
</li>
</ul>
</div>
</div> </div>
<div class="img_details"> <div class="img_details">
<a class="add_to_c" href="#"> <a class="add_to_c" t-attf-href="/shop/product/#{slug(hot_deal)}">
+ Add to cart Click to open
</a> </a>
<h5 class="product_name"> <h5 class="product_name">
<span t-if="hot_deal" t-esc="hot_deal.display_name"/> <span t-if="hot_deal" t-esc="hot_deal.display_name"/>
@ -104,40 +90,18 @@
<img t-attf-src="/web/image?model=product.template&amp;field=image_1920&amp;id=#{new_arrival.id}" <img t-attf-src="/web/image?model=product.template&amp;field=image_1920&amp;id=#{new_arrival.id}"
class="img img-fluid rotate-center" alt="" loading="lazy"/> class="img img-fluid rotate-center" alt="" loading="lazy"/>
<div class="new">New</div> <div class="new">New</div>
<div class="three">
<ul>
<li>
<a href="">
<span class="far fa-heart"/>
</a>
</li>
<li>
<a href="" class="cmp">
<span class="material-icons">compare_arrows</span>
</a>
<div class="detail">
Compare
</div>
</li>
<li>
<a href="#">
<span class="fas fa-search"/>
</a>
</li>
</ul>
</div>
</div> </div>
<div class="img_details"> <div class="img_details">
<div class="add_to_c"> <a class="add_to_c" t-attf-href="/shop/product/#{slug(new_arrival)}">
+ Add to cart Click to open
</div> </a>
<h5 class="product_name"> <h5 class="product_name">
<span t-if="new_arrival" t-esc="new_arrival.display_name"/> <span t-if="new_arrival" t-esc="new_arrival.display_name"/>
</h5> </h5>
<div class="wrappr"> <div class="wrappr">
<div class="price"> <div class="price">
<span t-if="new_arrival" t-esc="res_company.currency_id.symbol"/> <span t-if="new_arrival" t-esc="res_company.currency_id.symbol"/>
<span t-if="new_arrival" t-esc="new_arrival.list_price"/> <span t-if="new_arrival" t-esc="new_arrival.list_price"/>
</div> </div>
</div> </div>
</div> </div>

816
theme_boec/views/snippets/product_tab_demo.xml
View File

@ -34,33 +34,11 @@
<div class="img_wrapper"> <div class="img_wrapper">
<img src="/theme_boec/static/src/images/tab-product/t-product (1).jpg" alt="" loading="lazy" class="rotate-center"/> <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 class="new">New</div>
<div class="three">
<ul>
<li>
<a href="">
<span class="far fa-heart"/>
</a>
</li>
<li>
<a href="" class="cmp">
<span class="material-icons">compare_arrows</span>
</a>
<div class="detail">
Compare
</div>
</li>
<li>
<a href="#">
<span class="fas fa-search"/>
</a>
</li>
</ul>
</div>
</div> </div>
<div class="img_details"> <div class="img_details">
<div class="add_to_c"> <a class="add_to_c" href="#">
+ Add to cart Click to open
</div> </a>
<h5 class="product_name"> <h5 class="product_name">
Men T-shirt Men T-shirt
</h5> </h5>
@ -86,46 +64,6 @@
$59.00 $59.00
</div> </div>
</div> </div>
<div class="color">
<div class="custom-radios">
<div>
<input type="radio" id="color-1" name="color" value="color-1" checked=""/>
<label for="color-1">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-2" name="color" value="color-2"/>
<label for="color-2">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-3" name="color" value="color-3"/>
<label for="color-3">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-4" name="color" value="color-4"/>
<label for="color-4">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -133,33 +71,11 @@
<div class="wrapper"> <div class="wrapper">
<div class="img_wrapper"> <div class="img_wrapper">
<img src="/theme_boec/static/src/images/tab-product/t-product (2).jpg" alt="" loading="lazy" class="rotate-center"/> <img src="/theme_boec/static/src/images/tab-product/t-product (2).jpg" alt="" loading="lazy" class="rotate-center"/>
<div class="three">
<ul>
<li>
<a href="">
<span class="far fa-heart"/>
</a>
</li>
<li>
<a href="" class="cmp">
<span class="material-icons">compare_arrows</span>
</a>
<div class="detail">
Compare
</div>
</li>
<li>
<a href="#">
<span class="fas fa-search"/>
</a>
</li>
</ul>
</div>
</div> </div>
<div class="img_details"> <div class="img_details">
<div class="add_to_c"> <a class="add_to_c" href="#">
+ Add to cart Click to open
</div> </a>
<h5 class="product_name"> <h5 class="product_name">
Men T-shirt Men T-shirt
</h5> </h5>
@ -185,46 +101,6 @@
$59.00 $59.00
</div> </div>
</div> </div>
<div class="color">
<div class="custom-radios">
<div>
<input type="radio" id="color-1" name="color" value="color-1" checked=""/>
<label for="color-1">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-2" name="color" value="color-2"/>
<label for="color-2">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-3" name="color" value="color-3"/>
<label for="color-3">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-4" name="color" value="color-4"/>
<label for="color-4">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -233,33 +109,11 @@
<div class="img_wrapper"> <div class="img_wrapper">
<img src="/theme_boec/static/src/images/tab-product/t-product (3).jpg" alt="" loading="lazy" class="rotate-center"/> <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 class="sale">Sale</div>
<div class="three">
<ul>
<li>
<a href="">
<span class="far fa-heart"/>
</a>
</li>
<li>
<a href="" class="cmp">
<span class="material-icons">compare_arrows</span>
</a>
<div class="detail">
Compare
</div>
</li>
<li>
<a href="#">
<span class="fas fa-search"/>
</a>
</li>
</ul>
</div>
</div> </div>
<div class="img_details"> <div class="img_details">
<div class="add_to_c"> <a class="add_to_c" href="#">
+ Add to cart Click to open
</div> </a>
<h5 class="product_name"> <h5 class="product_name">
Men T-shirt Men T-shirt
</h5> </h5>
@ -285,46 +139,6 @@
$59.00 $59.00
</div> </div>
</div> </div>
<div class="color">
<div class="custom-radios">
<div>
<input type="radio" id="color-1" name="color" value="color-1" checked=""/>
<label for="color-1">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-2" name="color" value="color-2"/>
<label for="color-2">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-3" name="color" value="color-3"/>
<label for="color-3">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-4" name="color" value="color-4"/>
<label for="color-4">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -332,33 +146,11 @@
<div class="wrapper"> <div class="wrapper">
<div class="img_wrapper"> <div class="img_wrapper">
<img src="/theme_boec/static/src/images/tab-product/t-product (5).jpg" alt="" class="rotate-center"/> <img src="/theme_boec/static/src/images/tab-product/t-product (5).jpg" alt="" class="rotate-center"/>
<div class="three">
<ul>
<li>
<a href="">
<span class="far fa-heart"/>
</a>
</li>
<li>
<a href="" class="cmp">
<span class="material-icons">compare_arrows</span>
</a>
<div class="detail">
Compare
</div>
</li>
<li>
<a href="#">
<span class="fas fa-search"/>
</a>
</li>
</ul>
</div>
</div> </div>
<div class="img_details"> <div class="img_details">
<div class="add_to_c"> <a class="add_to_c" href="#">
+ Add to cart Click to open
</div> </a>
<h5 class="product_name"> <h5 class="product_name">
Men T-shirt Men T-shirt
</h5> </h5>
@ -384,46 +176,6 @@
$59.00 $59.00
</div> </div>
</div> </div>
<div class="color">
<div class="custom-radios">
<div>
<input type="radio" id="color-1" name="color" value="color-1" checked=""/>
<label for="color-1">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-2" name="color" value="color-2"/>
<label for="color-2">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-3" name="color" value="color-3"/>
<label for="color-3">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-4" name="color" value="color-4"/>
<label for="color-4">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -432,33 +184,11 @@
<div class="img_wrapper"> <div class="img_wrapper">
<img src="/theme_boec/static/src/images/tab-product/t-product (4).jpg" alt="" class="rotate-center"/> <img src="/theme_boec/static/src/images/tab-product/t-product (4).jpg" alt="" class="rotate-center"/>
<div class="sale">Sale</div> <div class="sale">Sale</div>
<div class="three">
<ul>
<li>
<a href="">
<span class="far fa-heart"/>
</a>
</li>
<li>
<a href="" class="cmp">
<span class="material-icons">compare_arrows</span>
</a>
<div class="detail">
Compare
</div>
</li>
<li>
<a href="#">
<span class="fas fa-search"/>
</a>
</li>
</ul>
</div>
</div> </div>
<div class="img_details"> <div class="img_details">
<div class="add_to_c"> <a class="add_to_c" href="#">
+ Add to cart Click to open
</div> </a>
<h5 class="product_name"> <h5 class="product_name">
Men T-shirt Men T-shirt
</h5> </h5>
@ -484,46 +214,6 @@
$59.00 $59.00
</div> </div>
</div> </div>
<div class="color">
<div class="custom-radios">
<div>
<input type="radio" id="color-1" name="color" value="color-1" checked=""/>
<label for="color-1">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-2" name="color" value="color-2"/>
<label for="color-2">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-3" name="color" value="color-3"/>
<label for="color-3">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-4" name="color" value="color-4"/>
<label for="color-4">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -531,33 +221,11 @@
<div class="wrapper"> <div class="wrapper">
<div class="img_wrapper"> <div class="img_wrapper">
<img src="/theme_boec/static/src/images/tab-product/t-product (6).jpg" alt="" class="rotate-center"/> <img src="/theme_boec/static/src/images/tab-product/t-product (6).jpg" alt="" class="rotate-center"/>
<div class="three">
<ul>
<li>
<a href="">
<span class="far fa-heart"/>
</a>
</li>
<li>
<a href="" class="cmp">
<span class="material-icons">compare_arrows</span>
</a>
<div class="detail">
Compare
</div>
</li>
<li>
<a href="#">
<span class="fas fa-search"/>
</a>
</li>
</ul>
</div>
</div> </div>
<div class="img_details"> <div class="img_details">
<div class="add_to_c"> <a class="add_to_c" href="#">
+ Add to cart Click to open
</div> </a>
<h5 class="product_name"> <h5 class="product_name">
Men T-shirt Men T-shirt
</h5> </h5>
@ -583,46 +251,6 @@
$59.00 $59.00
</div> </div>
</div> </div>
<div class="color">
<div class="custom-radios">
<div>
<input type="radio" id="color-1" name="color" value="color-1" checked=""/>
<label for="color-1">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-2" name="color" value="color-2"/>
<label for="color-2">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-3" name="color" value="color-3"/>
<label for="color-3">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-4" name="color" value="color-4"/>
<label for="color-4">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -631,33 +259,11 @@
<div class="img_wrapper"> <div class="img_wrapper">
<img src="/theme_boec/static/src/images/tab-product/t-product (7).jpg" alt="" class="rotate-center"/> <img src="/theme_boec/static/src/images/tab-product/t-product (7).jpg" alt="" class="rotate-center"/>
<div class="new">New</div> <div class="new">New</div>
<div class="three">
<ul>
<li>
<a href="">
<span class="far fa-heart"/>
</a>
</li>
<li>
<a href="" class="cmp">
<span class="material-icons">compare_arrows</span>
</a>
<div class="detail">
Compare
</div>
</li>
<li>
<a href="#">
<span class="fas fa-search"/>
</a>
</li>
</ul>
</div>
</div> </div>
<div class="img_details"> <div class="img_details">
<div class="add_to_c"> <a class="add_to_c" href="#">
+ Add to cart Click to open
</div> </a>
<h5 class="product_name"> <h5 class="product_name">
Men T-shirt Men T-shirt
</h5> </h5>
@ -683,46 +289,6 @@
$59.00 $59.00
</div> </div>
</div> </div>
<div class="color">
<div class="custom-radios">
<div>
<input type="radio" id="color-1" name="color" value="color-1" checked=""/>
<label for="color-1">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-2" name="color" value="color-2"/>
<label for="color-2">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-3" name="color" value="color-3"/>
<label for="color-3">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-4" name="color" value="color-4"/>
<label for="color-4">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -731,33 +297,11 @@
<div class="img_wrapper"> <div class="img_wrapper">
<img src="/theme_boec/static/src/images/tab-product/t-product (8).jpg" alt="" class="rotate-center"/> <img src="/theme_boec/static/src/images/tab-product/t-product (8).jpg" alt="" class="rotate-center"/>
<div class="sale">sale</div> <div class="sale">sale</div>
<div class="three">
<ul>
<li>
<a href="">
<span class="far fa-heart"/>
</a>
</li>
<li>
<a href="" class="cmp">
<span class="material-icons">compare_arrows</span>
</a>
<div class="detail">
Compare
</div>
</li>
<li>
<a href="#">
<span class="fas fa-search"/>
</a>
</li>
</ul>
</div>
</div> </div>
<div class="img_details"> <div class="img_details">
<div class="add_to_c"> <a class="add_to_c" href="#">
+ Add to cart Click to open
</div> </a>
<h5 class="product_name"> <h5 class="product_name">
Men T-shirt Men T-shirt
</h5> </h5>
@ -783,46 +327,6 @@
$59.00 $59.00
</div> </div>
</div> </div>
<div class="color">
<div class="custom-radios">
<div>
<input type="radio" id="color-1" name="color" value="color-1" checked=""/>
<label for="color-1">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-2" name="color" value="color-2"/>
<label for="color-2">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-3" name="color" value="color-3"/>
<label for="color-3">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-4" name="color" value="color-4"/>
<label for="color-4">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -830,33 +334,11 @@
<div class="wrapper"> <div class="wrapper">
<div class="img_wrapper"> <div class="img_wrapper">
<img src="/theme_boec/static/src/images/tab-product/t-product (9).jpg" alt="" class="rotate-center"/> <img src="/theme_boec/static/src/images/tab-product/t-product (9).jpg" alt="" class="rotate-center"/>
<div class="three">
<ul>
<li>
<a href="">
<span class="far fa-heart"/>
</a>
</li>
<li>
<a href="" class="cmp">
<span class="material-icons">compare_arrows</span>
</a>
<div class="detail">
Compare
</div>
</li>
<li>
<a href="#">
<span class="fas fa-search"/>
</a>
</li>
</ul>
</div>
</div> </div>
<div class="img_details"> <div class="img_details">
<div class="add_to_c"> <a class="add_to_c" href="#">
+ Add to cart Click to open
</div> </a>
<h5 class="product_name"> <h5 class="product_name">
Men T-shirt Men T-shirt
</h5> </h5>
@ -882,46 +364,6 @@
$59.00 $59.00
</div> </div>
</div> </div>
<div class="color">
<div class="custom-radios">
<div>
<input type="radio" id="color-1" name="color" value="color-1" checked=""/>
<label for="color-1">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-2" name="color" value="color-2"/>
<label for="color-2">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-3" name="color" value="color-3"/>
<label for="color-3">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-4" name="color" value="color-4"/>
<label for="color-4">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -929,33 +371,11 @@
<div class="wrapper"> <div class="wrapper">
<div class="img_wrapper"> <div class="img_wrapper">
<img src="/theme_boec/static/src/images/tab-product/t-product (10).jpg" alt="" class="rotate-center"/> <img src="/theme_boec/static/src/images/tab-product/t-product (10).jpg" alt="" class="rotate-center"/>
<div class="three">
<ul>
<li>
<a href="">
<span class="far fa-heart"/>
</a>
</li>
<li>
<a href="" class="cmp">
<span class="material-icons">compare_arrows</span>
</a>
<div class="detail">
Compare
</div>
</li>
<li>
<a href="#">
<span class="fas fa-search"/>
</a>
</li>
</ul>
</div>
</div> </div>
<div class="img_details"> <div class="img_details">
<div class="add_to_c"> <a class="add_to_c" href="#">
+ Add to cart Click to open
</div> </a>
<h5 class="product_name"> <h5 class="product_name">
Men T-shirt Men T-shirt
</h5> </h5>
@ -981,46 +401,6 @@
$59.00 $59.00
</div> </div>
</div> </div>
<div class="color">
<div class="custom-radios">
<div>
<input type="radio" id="color-1" name="color" value="color-1" checked=""/>
<label for="color-1">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-2" name="color" value="color-2"/>
<label for="color-2">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-3" name="color" value="color-3"/>
<label for="color-3">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-4" name="color" value="color-4"/>
<label for="color-4">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -1029,33 +409,11 @@
<div class="img_wrapper"> <div class="img_wrapper">
<img src="/theme_boec/static/src/images/tab-product/t-product (11).jpg" alt="" class="rotate-center"/> <img src="/theme_boec/static/src/images/tab-product/t-product (11).jpg" alt="" class="rotate-center"/>
<div class="sale">sale</div> <div class="sale">sale</div>
<div class="three">
<ul>
<li>
<a href="">
<span class="far fa-heart"/>
</a>
</li>
<li>
<a href="" class="cmp">
<span class="material-icons">compare_arrows</span>
</a>
<div class="detail">
Compare
</div>
</li>
<li>
<a href="#">
<span class="fas fa-search"/>
</a>
</li>
</ul>
</div>
</div> </div>
<div class="img_details"> <div class="img_details">
<div class="add_to_c"> <a class="add_to_c" href="#">
+ Add to cart Click to open
</div> </a>
<h5 class="product_name"> <h5 class="product_name">
Men T-shirt Men T-shirt
</h5> </h5>
@ -1081,46 +439,6 @@
$59.00 $59.00
</div> </div>
</div> </div>
<div class="color">
<div class="custom-radios">
<div>
<input type="radio" id="color-1" name="color" value="color-1" checked=""/>
<label for="color-1">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-2" name="color" value="color-2"/>
<label for="color-2">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-3" name="color" value="color-3"/>
<label for="color-3">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-4" name="color" value="color-4"/>
<label for="color-4">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -1129,33 +447,11 @@
<div class="img_wrapper"> <div class="img_wrapper">
<img src="/theme_boec/static/src/images/tab-product/t-product (1).jpg" alt="" class="rotate-center"/> <img src="/theme_boec/static/src/images/tab-product/t-product (1).jpg" alt="" class="rotate-center"/>
<div class="new">New</div> <div class="new">New</div>
<div class="three">
<ul>
<li>
<a href="">
<span class="far fa-heart"/>
</a>
</li>
<li>
<a href="" class="cmp">
<span class="material-icons">compare_arrows</span>
</a>
<div class="detail">
Compare
</div>
</li>
<li>
<a href="#">
<span class="fas fa-search"/>
</a>
</li>
</ul>
</div>
</div> </div>
<div class="img_details"> <div class="img_details">
<div class="add_to_c"> <a class="add_to_c" href="#">
+ Add to cart Click to open
</div> </a>
<h5 class="product_name"> <h5 class="product_name">
Men T-shirt Men T-shirt
</h5> </h5>
@ -1181,46 +477,6 @@
$59.00 $59.00
</div> </div>
</div> </div>
<div class="color">
<div class="custom-radios">
<div>
<input type="radio" id="color-1" name="color" value="color-1" checked=""/>
<label for="color-1">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-2" name="color" value="color-2"/>
<label for="color-2">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-3" name="color" value="color-3"/>
<label for="color-3">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
<div>
<input type="radio" id="color-4" name="color" value="color-4"/>
<label for="color-4">
<span>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
alt="Checked Icon"/>
</span>
</label>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>

Write Preview
Loading…
Cancel
Save