thirdparty
/
CybroAddons
mirror of https://github.com/CybroOdoo/CybroAddons.git
5
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
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      theme_boec/__manifest__.py
  2. 95
      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. '
'The theme is a very user-friendly and is suitable for your eCommerce website with blog.',
'category': 'Theme/eCommerce',
'version': '14.0.1.0.0',
'version': '14.0.1.1.1',
'author': 'Cybrosys Techno Solutions',
'company': 'Cybrosys Techno Solutions',
'maintainer': 'Cybrosys Techno Solutions',

95
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) {
.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 {
position: relative;
margin-bottom: 40px;
position: relative;
margin-bottom: 135px;
height: 265px;
width: 265px;
}
.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 {
max-width: 500px;
width: 100%;
height: 100%;
position: relative;
}
.tab_product .tab-content .tab-pane .wrapper .img_wrapper img {
width: 265px;
height: 265px;
max-width: 100%;
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 {
@ -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 {
width: 100%;
justify-content: space-between;
@ -2784,6 +2800,10 @@ header .top_nav .wrapper .left .currency .dropdown:hover .dropbtn {
margin-bottom: 40px;
}
.shop .shop_content .img_wrapper {
margin: 8px;
}
.shop .shop_content .wrapper:hover .three {
right: 15% !important;
opacity: 1 !important;
@ -5332,10 +5352,15 @@ header .top_nav .wrapper .left .currency .btn-secondary {
}
.oe_product_cart {
border: 1px solid transparent !important;
width: 250px;
}
.oe_product_cart .oe_product_image {
height: 255px;
}
.oe_product_cart .oe_product_image img {
max-height: 80%;
}
.oe_product_cart:hover {
box-shadow: 0 0 20px 0 transparent;
}
@ -6101,4 +6126,60 @@ header#top {
font-weight: 600;
}
/* # sourceMappingURL=style.css.map */
.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 */

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

@ -1,57 +1,58 @@
odoo.define('theme_boec.theme_boec', function (require) {
"use strict";
//Preloader//
$(document).ready(function () {
setTimeout(function () {
$('body').addClass('loaded');
}, 1000);
});
//Banner Slider//
$(document).ready(function () {
$(".owl-carousel").owlCarousel(
{
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);
});
}
//Preloader//
setTimeout(function () {
$('body').addClass('loaded');
}, 1000);
//tab Heading Boarder//
$(document).ready(function () {
$(".nav-link").click(function () {
var value = $(this).attr('data-filter');
if (value == "all") {
$('.filter').show('1000');
//Banner Slider//
$(".owl-carousel").owlCarousel({
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);
});
}
else {
$(".filter").not('.' + value).hide('3000');
$('.filter').filter('.' + value).show('3000');
//add another class for banner_added
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");
}
});
if ($(".nav-link").removeClass("active")) {
$(this).removeClass("active");
}
$(this).addClass("active");
$(this).addClass("active");
});
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 btns = header.getElementsByClassName("btn");
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"/>
</xpath>
<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.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/product_tab.js"/>
<script type="text/javascript" src="/theme_boec/static/src/js/custom.js"/>
</xpath>
<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"/>

8
theme_boec/views/product_view.xml
View File

@ -213,8 +213,12 @@
</div>
<div class="types">
<ul>
<li>HSN/SAC:<span t-esc="product.l10n_in_hsn_code"/></li>
<li>Categories:<span t-esc="product.public_categ_ids.name"/></li>
<t t-if="product.l10n_in_hsn_code">
<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>
</div>
<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"
data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Categories
<i class="fas fa-angle-down"/>
<i class="fas fa-angle-up"/>
</button>
</h2>
</div>

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

@ -9,6 +9,14 @@
<template id="banner" name="Banner">
<!-- Banner section starts here -->
<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>
<section class="banner_bg1">

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

@ -41,7 +41,7 @@
</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_img">
<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">
<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>
@ -42,32 +50,10 @@
<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"/>
<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 class="img_details">
<a class="add_to_c" href="#">
+ Add to cart
<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"/>
@ -104,40 +90,18 @@
<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"/>
<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 class="img_details">
<div class="add_to_c">
+ Add to cart
</div>
<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"/>
<span t-if="new_arrival" t-esc="new_arrival.list_price"/>
</div>
</div>
</div>

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

@ -34,33 +34,11 @@
<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 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 class="img_details">
<div class="add_to_c">
+ Add to cart
</div>
<a class="add_to_c" href="#">
Click to open
</a>
<h5 class="product_name">
Men T-shirt
</h5>
@ -86,46 +64,6 @@
$59.00
</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>
@ -133,33 +71,11 @@
<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 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 class="img_details">
<div class="add_to_c">
+ Add to cart
</div>
<a class="add_to_c" href="#">
Click to open
</a>
<h5 class="product_name">
Men T-shirt
</h5>
@ -185,46 +101,6 @@
$59.00
</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>
@ -233,33 +109,11 @@
<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 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 class="img_details">
<div class="add_to_c">
+ Add to cart
</div>
<a class="add_to_c" href="#">
Click to open
</a>
<h5 class="product_name">
Men T-shirt
</h5>
@ -285,46 +139,6 @@
$59.00
</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>
@ -332,33 +146,11 @@
<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 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 class="img_details">
<div class="add_to_c">
+ Add to cart
</div>
<a class="add_to_c" href="#">
Click to open
</a>
<h5 class="product_name">
Men T-shirt
</h5>
@ -384,46 +176,6 @@
$59.00
</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>
@ -432,33 +184,11 @@
<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 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 class="img_details">
<div class="add_to_c">
+ Add to cart
</div>
<a class="add_to_c" href="#">
Click to open
</a>
<h5 class="product_name">
Men T-shirt
</h5>
@ -484,46 +214,6 @@
$59.00
</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>
@ -531,33 +221,11 @@
<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 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 class="img_details">
<div class="add_to_c">
+ Add to cart
</div>
<a class="add_to_c" href="#">
Click to open
</a>
<h5 class="product_name">
Men T-shirt
</h5>
@ -583,46 +251,6 @@
$59.00
</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>
@ -631,33 +259,11 @@
<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 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 class="img_details">
<div class="add_to_c">
+ Add to cart
</div>
<a class="add_to_c" href="#">
Click to open
</a>
<h5 class="product_name">
Men T-shirt
</h5>
@ -683,46 +289,6 @@
$59.00
</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>
@ -731,33 +297,11 @@
<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 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 class="img_details">
<div class="add_to_c">
+ Add to cart
</div>
<a class="add_to_c" href="#">
Click to open
</a>
<h5 class="product_name">
Men T-shirt
</h5>
@ -783,46 +327,6 @@
$59.00
</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>
@ -830,33 +334,11 @@
<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 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 class="img_details">
<div class="add_to_c">
+ Add to cart
</div>
<a class="add_to_c" href="#">
Click to open
</a>
<h5 class="product_name">
Men T-shirt
</h5>
@ -882,46 +364,6 @@
$59.00
</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>
@ -929,33 +371,11 @@
<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 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 class="img_details">
<div class="add_to_c">
+ Add to cart
</div>
<a class="add_to_c" href="#">
Click to open
</a>
<h5 class="product_name">
Men T-shirt
</h5>
@ -981,46 +401,6 @@
$59.00
</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>
@ -1029,33 +409,11 @@
<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 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 class="img_details">
<div class="add_to_c">
+ Add to cart
</div>
<a class="add_to_c" href="#">
Click to open
</a>
<h5 class="product_name">
Men T-shirt
</h5>
@ -1081,46 +439,6 @@
$59.00
</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>
@ -1129,33 +447,11 @@
<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 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 class="img_details">
<div class="add_to_c">
+ Add to cart
</div>
<a class="add_to_c" href="#">
Click to open
</a>
<h5 class="product_name">
Men T-shirt
</h5>
@ -1181,46 +477,6 @@
$59.00
</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>

Write Preview
Loading…
Cancel
Save