merdan
/
sarga
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #37 from bagisto/rahul 

Rahul
This commit is contained in:
JItendra Singh 2018-10-04 12:35:37 +05:30 committed by GitHub
parent 6ab8a4e1c5 58ad8184eb
commit 217f57abc0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
17 changed files with 650 additions and 262 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
packages/Webkul/Product/src/Product/Review.php
View File

@ -67,15 +67,15 @@ class Review extends AbstractProduct
*/
public function getPercentageRating($product)
{
$reviews['five'] = $product->reviews()->where('rating', 5)->where('status',1)->count();
$reviews['five'] = $product->reviews()->where('rating', 5)->where('status','approved')->count();
$reviews['four'] = $product->reviews()->where('rating', 4)->where('status',1)->count();
$reviews['four'] = $product->reviews()->where('rating', 4)->where('status','approved')->count();
$reviews['three'] = $product->reviews()->where('rating', 3)->where('status',1)->count();
$reviews['three'] = $product->reviews()->where('rating', 3)->where('status','approved')->count();
$reviews['two'] = $product->reviews()->where('rating', 2)->where('status',1)->count();
$reviews['two'] = $product->reviews()->where('rating', 2)->where('status','approved')->count();
$reviews['one'] = $product->reviews()->where('rating', 1)->where('status',1)->count();
$reviews['one'] = $product->reviews()->where('rating', 1)->where('status','approved')->count();
foreach($reviews as $key=>$review){
@ -102,6 +102,7 @@ class Review extends AbstractProduct
$link_array = explode('/',$link);
$last=end($link_array);
$itemPerPage = 1*5;
return $product->reviews()->where('status',1)->paginate($itemPerPage);
return $product->reviews()->where('status','approved')->paginate($itemPerPage);
}
}

4
packages/Webkul/Shop/src/Resources/assets/sass/_variables.scss vendored
View File

@ -1,5 +1,7 @@
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500");
//shop variables
$font-color: #242424;
$border-color: #E8E8E8;
$font-size-base: 16px;
$border-color: #E8E8E8;
$brand-color: #0041FF;
@ -11,4 +13,4 @@ $brand-color: #0041FF;
$profile-content-color: #5e5e5e;
$horizontal-rule-color: #E8E8E8;
//customer variables ends here
//<=======Need to be removed
//<=======Need to be removed

80
packages/Webkul/Shop/src/Resources/assets/sass/app.scss vendored
View File

@ -1,9 +1,8 @@
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500");
@import "variables";
@import "icons";
@import "mixins";
@import "override";
@import "components";
@import "override";
//main store front layouting
.main-container-wrapper {
@ -181,6 +180,33 @@ section.slider-block {
}
}
//responsive css for slider
@media only screen and (max-width: 770px) {
section.slider-block {
div.slider-content {
div.slider-control {
display: flex;
justify-content:space-between;
bottom: 48%;
right: 0%;
width:100%;
.dark-left-icon {
margin-left: 15px;
}
.light-right-icon {
margin-right: 15px;
}
}
}
}
}
//header navigation
.header {
margin-top: 16px;
@ -638,13 +664,13 @@ section.slider-block {
//category page
.main {
.category-block {
.category-container {
display: flex;
flex-direction: row;
width: 100%;
.category-block {
width: 100%;
width: 80%;
display: block;
.hero-image {
@ -727,6 +753,10 @@ section.slider-block {
display: none;
}
.responsive-layred-filter{
display: none;
}
.bottom-toolbar {
display: block;
margin-top: 40px;
@ -1556,6 +1586,44 @@ section.cart {
}
// checkout ends here
// checkout responsive start here
@media only screen and (max-width: 770px) {
.checkout-process {
.col-main {
width: 100%;
padding-right: 0px;
ul.checkout-steps{
border-bottom: none;
span {
display: none;
}
.line{
flex-grow: 1;
border-bottom: 1px solid $border-color;
margin-left: 5px;
margin-right: 5px;
}
}
}
.step-content {
.control-group .control {
width:100%;
}
}
.col-right {
display: none;
}
}
}
// checkout responsive end here
.attached-products-wrapper {
margin-bottom: 80px;
@ -1752,7 +1820,6 @@ section.review {
}
// review page end here
// customer section css start here
.cusomer-section {
margin-left: 50px;
@ -1801,4 +1868,5 @@ section.review {
border-bottom: 1px solid $border-color;
}
}
// customer section css end here
// customer section css end here

89
packages/Webkul/Shop/src/Resources/assets/sass/components.scss vendored
View File

@ -9,7 +9,7 @@
.product-grid-3 {
display: grid;
grid-template-columns: repeat(3, minmax(240px, 1fr));
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
grid-column-gap: 27px;
grid-row-gap: 15px;
grid-auto-rows: auto;
@ -19,7 +19,6 @@
.product-grid-4 {
grid-template-columns: 29.5% 29.5% 29.5%;
grid-column-gap: 35px;
}
}
@ -125,89 +124,3 @@
}
}
//layered filter wrapper styles
.layered-filter-wrapper {
width: 25%;
float: left;
padding-right: 20px;
min-height: 1px;
.filter-title {
border-bottom: 1px solid $border-color;
color: $font-color;
padding: 10px 0;
}
.filter-attributes {
.filter-attributes-item {
border-bottom: 1px solid $border-color;
padding-bottom: 10px;
.filter-attributes-title {
padding: 10px 40px 0 10px;
color: #5E5E5E;
cursor: pointer;
position: relative;
.remove-filter-link {
font-weight: 400;
color: $brand-color;
margin-right: 10px;
}
.icon {
background-image: url('../images/arrow-down.svg') !important;
width: 10px;
height: 10px;
position: absolute;
right: 15px;
top: 14px;
}
}
.filter-attributes-content {
padding: 10px;
display: none;
ol.items {
padding: 0;
margin: 0;
list-style: none none;
li.item {
padding: 8px 0;
color: #5E5E5E;
.checkbox {
margin: 0;
.checkbox-view {
height: 16px;
width: 16px;
background-image: url("../images/checkbox.svg");
}
input:checked + .checkbox-view {
background-image: url("../images/checkbox-checked.svg");
}
}
}
}
.price-range-wrapper {
margin-top: 21px;
}
}
&.active {
.filter-attributes-content {
display: block;
}
.filter-attributes-title .icon {
background-image: url('../images//arrow-up.svg') !important;
}
}
}
}
}

14
packages/Webkul/Shop/src/Resources/assets/sass/icons.scss vendored
View File

@ -33,14 +33,14 @@
.sort-icon {
background-image:URL('../images/icon-sort.svg');
width: 24px;
height: 24px;
width: 32px;
height: 32px;
}
.filter-icon {
background-image:URL('../images/icon-filter.svg');
width: 24px;
height: 24px;
width: 32px;
height: 32px;
}
.whishlist-icon {
@ -55,6 +55,12 @@
height: 24px;
}
.icon-menu-back {
background-image:URL('../images/icon-menu-back.svg');
width: 24px;
height: 24px;
}
.shipping-icon {
background-image: url('../images/shipping.svg');
width: 32px;

178
packages/Webkul/Shop/src/Resources/assets/sass/override.scss vendored
View File

@ -121,4 +121,182 @@ body {
.mt-90 {
margin-top: 90px;
}
@media only screen and (max-width: 551px) {
.product-grid-3 {
grid-template-columns: 48.5% 48.5%;
grid-column-gap: 20px;
}
}
@media only screen and (max-width: 840px) {
.layered-filter-wrapper{
display: none;
}
.main {
.category-block {
width: 100% !important;
.top-toolbar {
border-bottom: 1px solid $border-color;
.page-info {
span:first-child {
display: none;
}
span:last-child {
display: inline;
}
}
.pager {
.view-mode {
margin-right: 0px;
.grid-view , .list-view {
display: none;
}
.sort-filter {
display: inline-block;
margin-top: 10px;
}
}
.sorter , .limiter{
display: none;
}
}
}
.reponsive-sorter-limiter {
display: none;
select {
background: #FFFFFF;
border: 1px solid #C7C7C7;
border-radius: 3px;
color: #242424;
padding: 10px;
}
}
}
}
}
// @media only screen and (max-width: 660px) {
// .product-grid-3 {
// grid-template-columns: 48.5% 48.5%;
// grid-column-gap: 20px;
// }
// }
// @media only screen and (max-width: 480px) {
// .product-grid-3 {
// grid-template-columns: 47.5% 47.5%;
// }
// }
//layered filter wrapper styles
.layered-filter-wrapper {
width: 25%;
float: left;
padding-right: 20px;
min-height: 1px;
.filter-title {
border-bottom: 1px solid $border-color;
color: $font-color;
padding: 10px 0;
}
.filter-attributes {
.filter-attributes-item {
border-bottom: 1px solid $border-color;
padding-bottom: 10px;
.filter-attributes-title {
padding: 10px 40px 0 10px;
color: #5E5E5E;
cursor: pointer;
position: relative;
.remove-filter-link {
font-weight: 400;
color: $brand-color;
margin-right: 10px;
}
.icon {
background-image: url('../images/arrow-down.svg') !important;
width: 10px;
height: 10px;
position: absolute;
right: 15px;
top: 14px;
}
}
.filter-attributes-content {
padding: 10px;
display: none;
ol.items {
padding: 0;
margin: 0;
list-style: none none;
li.item {
padding: 8px 0;
color: #5E5E5E;
.checkbox {
margin: 0;
.checkbox-view {
height: 16px;
width: 16px;
background-image: url("../images/checkbox.svg");
}
input:checked + .checkbox-view {
background-image: url("../images/checkbox-checked.svg");
}
}
}
}
.price-range-wrapper {
margin-top: 21px;
}
}
&.active {
.filter-attributes-content {
display: block;
}
.filter-attributes-title .icon {
background-image: url('../images//arrow-up.svg') !important;
}
}
}
}
}
.responsive-layred-filter {
@extend .layered-filter-wrapper;
width: 100%;
float: none;
padding-right: 0px;
}

1
packages/Webkul/Shop/src/Resources/views/checkout/cart/index.blade.php
View File

@ -27,7 +27,6 @@
<?php
$product = $item->product;
$productBaseImage = $productImageHelper->getProductBaseImage($product);
?>

12
packages/Webkul/Shop/src/Resources/views/checkout/onepage.blade.php
View File

@ -22,17 +22,23 @@
<div class="decorator address-info"></div>
<span>{{ __('shop::app.checkout.onepage.information') }}</span>
</li>
<div class="line mb-25"></div>
<li :class="[currentStep == 2 || completedStep > 1 ? 'active' : '', completedStep > 1 ? 'completed' : '']" @click="navigateToStep(2)">
<div class="decorator shipping"></div>
<span>{{ __('shop::app.checkout.onepage.shipping') }}</span>
</li>
<div class="line mb-25"></div>
<li :class="[currentStep == 3 || completedStep > 2 ? 'active' : '', completedStep > 2 ? 'completed' : '']" @click="navigateToStep(3)">
<div class="decorator payment"></div>
<span>{{ __('shop::app.checkout.onepage.payment') }}</span>
</li>
<div class="line mb-25"></div>
<li :class="[currentStep == 4 ? 'active' : '']">
<div class="decorator review"></div>
<span>{{ __('shop::app.checkout.onepage.complete') }}</span>

57
packages/Webkul/Shop/src/Resources/views/layouts/header/index.blade.php
View File

@ -151,7 +151,6 @@
{{-- <div style="display: inline-block; cursor: pointer;">
<span class="name">Account</span>
</div>
<i class="icon arrow-down-icon active"></i> --}}
</div>
@ -258,3 +257,59 @@
</div>
</div>
{{-- @push('scripts')
<script>
window.onload = function() {
var hamMenu = document.getElementById("hammenu");
var search = document.getElementById("search");
var searchSuggestion = document.getElementsByClassName('search-suggestion')[0];
var headerBottom = document.getElementsByClassName('header-bottom')[0];
var nav= document.getElementsByClassName('nav-responsive')[0];
search.addEventListener("click", header);
hamMenu.addEventListener("click", header);
window.addEventListener('scroll', function() {
if(window.pageYOffset > 70){
headerBottom.style.visibility = "hidden";
}else{
headerBottom.style.visibility = "visible";
}
});
function header(){
var className = document.getElementById(this.id).className;
if(className === 'icon search-icon' ){
search.classList.remove("search-icon");
search.classList.add("cross-icon");
searchSuggestion.style.display = 'block';
document.body.style.overflow = 'hidden';
nav.style.display = 'none';
}else if(className === 'icon sortable-icon'){
hamMenu.classList.remove("sortable-icon");
hamMenu.classList.add("cross-icon");
searchSuggestion.style.display = 'none';
nav.style.display = 'block';
document.body.style.overflow = 'hidden';
}else{
search.classList.remove("cross-icon");
search.classList.add("search-icon");
hamMenu.classList.remove("cross-icon");
hamMenu.classList.add("sortable-icon");
searchSuggestion.style.display = 'none';
nav.style.display = 'none';
document.body.style.overflow = "scroll";
}
}
}
</script>
@endpush --}}

2
packages/Webkul/Shop/src/Resources/views/layouts/master.blade.php
View File

@ -21,8 +21,6 @@
<div id="app">
<flash-wrapper ref='flashes'></flash-wrapper>
<div class="main-container-wrapper">
@include('shop::layouts.header.index')

50
packages/Webkul/Shop/src/Resources/views/products/index.blade.php
View File

@ -6,7 +6,7 @@
<div class="main">
<div class="category-block">
<div class="category-container">
@include ('shop::products.list.layered-navigation')
<div class="category-block">
@ -52,4 +52,50 @@
</div>
</div>
@stop
@stop
@push('scripts')
<script>
window.onload = function() {
var sort = document.getElementById("sort");
var filter = document.getElementById("filter");
var sortLimit = document.getElementsByClassName('reponsive-sorter-limiter')[0];
var layerFilter = document.getElementsByClassName('responsive-layred-filter')[0];
sort.addEventListener("click", sortFilter);
filter.addEventListener("click", sortFilter);
function sortFilter(){
var className = document.getElementById(this.id).className;
if(className === 'icon sort-icon' ){
sort.classList.remove("sort-icon");
sort.classList.add("cross-icon");
filter.classList.remove("cross-icon");
filter.classList.add("filter-icon");
sortLimit.style.display ="flex";
sortLimit.style.justifyContent="space-between";
layerFilter.style.display ="none";
}else if(className === 'icon filter-icon'){
filter.classList.remove("filter-icon");
filter.classList.add("cross-icon");
sort.classList.remove("cross-icon");
sort.classList.add("sort-icon");
layerFilter.style.display ="block";
sortLimit.style.display ="none";
}else{
sort.classList.remove("cross-icon");
sort.classList.add("sort-icon");
filter.classList.remove("cross-icon");
filter.classList.add("filter-icon");
sortLimit.style.display ="none";
layerFilter.style.display ="none";
}
}
}
</script>
@endpush

13
packages/Webkul/Shop/src/Resources/views/products/list/toolbar.blade.php
View File

@ -34,11 +34,8 @@
@endif
<div class="sort-filter">
<i class="icon sort-icon" id="sort" ></i>
<i class="icon filter-icon" id="filter"></i>
</div>
</div>
@ -80,7 +77,7 @@
</div>
<div class="reponsive-sorter-limiter">
<div class="reponsive-sorter-limiter mb-20">
<div class="sorter">
<label>{{ __('shop::app.products.sort-by') }}</label>
@ -114,4 +111,10 @@
</select>
</div>
</div>
</div>
<div class="responsive-layred-filter mb-20">
<layered-navigation></layered-navigation>
</div>

4
packages/Webkul/Shop/src/Resources/views/products/reviews/index.blade.php
View File

@ -10,7 +10,7 @@
<span class="breadcrumb">Home</span> > <span class="breadcrumb">Men</span> > <span class="breadcrumb">Slit Open Jeans</span>
</div>
<div class="layouter">
<div class="product-layouter">
<div class="mixed-group">
@ -41,6 +41,7 @@
10% Off
</span>
</div>
</div>
</div>
@ -113,6 +114,7 @@
</div>
</div>
</div>
</section>
@endsection

2
packages/Webkul/Shop/src/Resources/views/products/view/gallery.blade.php
View File

@ -30,7 +30,7 @@
<div class="product-hero-image" id="product-hero-image">
<img :src="currentLargeImageUrl" />
<img :src="currentLargeImageUrl" id="pro-img"/>
<div class="icon whishlist-icon"> </div>

385
public/themes/default/assets/css/shop.css vendored
View File

@ -33,14 +33,14 @@
.sort-icon {
background-image: URL("../images/icon-sort.svg");
width: 24px;
height: 24px;
width: 32px;
height: 32px;
}
.filter-icon {
background-image: URL("../images/icon-filter.svg");
width: 24px;
height: 24px;
width: 32px;
height: 32px;
}
.whishlist-icon {
@ -55,6 +55,12 @@
height: 24px;
}
.icon-menu-back {
background-image: URL("../images/icon-menu-back.svg");
width: 24px;
height: 24px;
}
.shipping-icon {
background-image: url("../images/shipping.svg");
width: 32px;
@ -79,6 +85,128 @@
height: 32px;
}
.product-grid-4 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
grid-column-gap: 40px;
grid-row-gap: 15px;
grid-auto-rows: auto;
}
.product-grid-3 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
grid-column-gap: 27px;
grid-row-gap: 15px;
grid-auto-rows: auto;
}
@media only screen and (max-width: 854px) {
.product-grid-4 {
grid-template-columns: 29.5% 29.5% 29.5%;
grid-column-gap: 35px;
}
}
@media only screen and (max-width: 653px) {
.product-grid-4 {
grid-template-columns: 48.5% 48.5%;
grid-column-gap: 17px;
}
}
@media only screen and (max-width: 425px) {
.product-card {
font-size: 90%;
}
.product-card .btn.btn-md {
padding: 5px;
}
.product-grid-4 {
grid-template-columns: 48.5% 48.5%;
grid-column-gap: 10px;
}
}
.product-card .product-image {
max-height: 350px;
max-width: 280px;
margin-bottom: 10px;
background: #F2F2F2;
}
.product-card .product-image img {
display: block;
width: 100%;
}
.product-card .product-name {
margin-bottom: 14px;
width: 100%;
color: #242424;
}
.product-card .product-name a {
color: #242424;
}
.product-card .product-description {
display: none;
}
.product-card .product-ratings {
width: 100%;
}
.product-card .product-ratings .icon {
width: 16px;
height: 16px;
}
.product-card .cart-fav-seg {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-card .cart-fav-seg .addtocart {
margin-right: 10px;
text-transform: uppercase;
white-space: nowrap;
}
.product-card .cart-fav-seg .product-card.wishlist-icon {
cursor: pointer;
}
.product-card.wishlist-icon:hover {
background-image: url("../images/wishadd.svg");
}
.product-price {
margin-bottom: 14px;
width: 100%;
font-weight: 600;
}
.product-price .price-label {
font-size: 14px;
font-weight: 400;
}
.product-price .regular-price {
color: #A5A5A5;
text-decoration: line-through;
margin-right: 10px;
}
.product-price .special-price {
color: #FF6472;
}
body {
margin: 0;
padding: 0;
@ -201,160 +329,86 @@ body {
margin-top: 90px;
}
.product-grid-4 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
grid-column-gap: 40px;
grid-row-gap: 15px;
grid-auto-rows: auto;
}
.product-grid-3 {
display: grid;
grid-template-columns: repeat(3, minmax(240px, 1fr));
grid-column-gap: 27px;
grid-row-gap: 15px;
grid-auto-rows: auto;
}
@media only screen and (max-width: 854px) {
.product-grid-4 {
grid-template-columns: 29.5% 29.5% 29.5%;
grid-column-gap: 35px;
}
}
@media only screen and (max-width: 653px) {
.product-grid-4 {
@media only screen and (max-width: 551px) {
.product-grid-3 {
grid-template-columns: 48.5% 48.5%;
grid-column-gap: 17px;
grid-column-gap: 20px;
}
}
@media only screen and (max-width: 425px) {
.product-card {
font-size: 90%;
@media only screen and (max-width: 840px) {
.layered-filter-wrapper, .responsive-layred-filter {
display: none;
}
.product-card .btn.btn-md {
padding: 5px;
.main .category-block {
width: 100% !important;
}
.product-grid-4 {
grid-template-columns: 48.5% 48.5%;
grid-column-gap: 10px;
.main .category-block .top-toolbar {
border-bottom: 1px solid #E8E8E8;
}
.main .category-block .top-toolbar .page-info span:first-child {
display: none;
}
.main .category-block .top-toolbar .page-info span:last-child {
display: inline;
}
.main .category-block .top-toolbar .pager .view-mode {
margin-right: 0px;
}
.main .category-block .top-toolbar .pager .view-mode .grid-view, .main .category-block .top-toolbar .pager .view-mode .list-view {
display: none;
}
.main .category-block .top-toolbar .pager .view-mode .sort-filter {
display: inline-block;
margin-top: 10px;
}
.main .category-block .top-toolbar .pager .sorter, .main .category-block .top-toolbar .pager .limiter {
display: none;
}
.main .category-block .reponsive-sorter-limiter {
display: none;
}
.main .category-block .reponsive-sorter-limiter select {
background: #FFFFFF;
border: 1px solid #C7C7C7;
border-radius: 3px;
color: #242424;
padding: 10px;
}
}
.product-card .product-image {
max-height: 350px;
max-width: 280px;
margin-bottom: 10px;
background: #F2F2F2;
}
.product-card .product-image img {
display: block;
width: 100%;
}
.product-card .product-name {
margin-bottom: 14px;
width: 100%;
color: #242424;
}
.product-card .product-name a {
color: #242424;
}
.product-card .product-description {
display: none;
}
.product-card .product-ratings {
width: 100%;
}
.product-card .product-ratings .icon {
width: 16px;
height: 16px;
}
.product-card .cart-fav-seg {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-card .cart-fav-seg .addtocart {
margin-right: 10px;
text-transform: uppercase;
white-space: nowrap;
}
.product-card .cart-fav-seg .product-card.wishlist-icon {
cursor: pointer;
}
.product-card.wishlist-icon:hover {
background-image: url("../images/wishadd.svg");
}
.product-price {
margin-bottom: 14px;
width: 100%;
font-weight: 600;
}
.product-price .price-label {
font-size: 14px;
font-weight: 400;
}
.product-price .regular-price {
color: #A5A5A5;
text-decoration: line-through;
margin-right: 10px;
}
.product-price .special-price {
color: #FF6472;
}
.layered-filter-wrapper {
.layered-filter-wrapper, .responsive-layred-filter {
width: 25%;
float: left;
padding-right: 20px;
min-height: 1px;
}
.layered-filter-wrapper .filter-title {
.layered-filter-wrapper .filter-title, .responsive-layred-filter .filter-title {
border-bottom: 1px solid #E8E8E8;
color: #242424;
padding: 10px 0;
}
.layered-filter-wrapper .filter-attributes .filter-attributes-item {
.layered-filter-wrapper .filter-attributes .filter-attributes-item, .responsive-layred-filter .filter-attributes .filter-attributes-item {
border-bottom: 1px solid #E8E8E8;
padding-bottom: 10px;
}
.layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-title {
.layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-title, .responsive-layred-filter .filter-attributes .filter-attributes-item .filter-attributes-title {
padding: 10px 40px 0 10px;
color: #5E5E5E;
cursor: pointer;
position: relative;
}
.layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-title .remove-filter-link {
.layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-title .remove-filter-link, .responsive-layred-filter .filter-attributes .filter-attributes-item .filter-attributes-title .remove-filter-link {
font-weight: 400;
color: #0041FF;
margin-right: 10px;
}
.layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-title .icon {
.layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-title .icon, .responsive-layred-filter .filter-attributes .filter-attributes-item .filter-attributes-title .icon {
background-image: url("../images/arrow-down.svg") !important;
width: 10px;
height: 10px;
@ -363,48 +417,54 @@ body {
top: 14px;
}
.layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-content {
.layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-content, .responsive-layred-filter .filter-attributes .filter-attributes-item .filter-attributes-content {
padding: 10px;
display: none;
}
.layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-content ol.items {
.layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-content ol.items, .responsive-layred-filter .filter-attributes .filter-attributes-item .filter-attributes-content ol.items {
padding: 0;
margin: 0;
list-style: none none;
}
.layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-content ol.items li.item {
.layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-content ol.items li.item, .responsive-layred-filter .filter-attributes .filter-attributes-item .filter-attributes-content ol.items li.item {
padding: 8px 0;
color: #5E5E5E;
}
.layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-content ol.items li.item .checkbox {
.layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-content ol.items li.item .checkbox, .responsive-layred-filter .filter-attributes .filter-attributes-item .filter-attributes-content ol.items li.item .checkbox {
margin: 0;
}
.layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-content ol.items li.item .checkbox .checkbox-view {
.layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-content ol.items li.item .checkbox .checkbox-view, .responsive-layred-filter .filter-attributes .filter-attributes-item .filter-attributes-content ol.items li.item .checkbox .checkbox-view {
height: 16px;
width: 16px;
background-image: url("../images/checkbox.svg");
}
.layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-content ol.items li.item .checkbox input:checked + .checkbox-view {
.layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-content ol.items li.item .checkbox input:checked + .checkbox-view, .responsive-layred-filter .filter-attributes .filter-attributes-item .filter-attributes-content ol.items li.item .checkbox input:checked + .checkbox-view {
background-image: url("../images/checkbox-checked.svg");
}
.layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-content .price-range-wrapper {
.layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-content .price-range-wrapper, .responsive-layred-filter .filter-attributes .filter-attributes-item .filter-attributes-content .price-range-wrapper {
margin-top: 21px;
}
.layered-filter-wrapper .filter-attributes .filter-attributes-item.active .filter-attributes-content {
.layered-filter-wrapper .filter-attributes .filter-attributes-item.active .filter-attributes-content, .responsive-layred-filter .filter-attributes .filter-attributes-item.active .filter-attributes-content {
display: block;
}
.layered-filter-wrapper .filter-attributes .filter-attributes-item.active .filter-attributes-title .icon {
.layered-filter-wrapper .filter-attributes .filter-attributes-item.active .filter-attributes-title .icon, .responsive-layred-filter .filter-attributes .filter-attributes-item.active .filter-attributes-title .icon {
background-image: url("../images//arrow-up.svg") !important;
}
.responsive-layred-filter {
width: 100%;
float: none;
padding-right: 0px;
}
.main-container-wrapper {
max-width: 1300px;
width: auto;
@ -597,6 +657,26 @@ section.slider-block div.slider-content div.slider-control .light-right-icon {
max-width: 100%;
}
@media only screen and (max-width: 770px) {
section.slider-block div.slider-content div.slider-control {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
bottom: 48%;
right: 0%;
width: 100%;
}
section.slider-block div.slider-content div.slider-control .dark-left-icon {
margin-left: 15px;
}
section.slider-block div.slider-content div.slider-control .light-right-icon {
margin-right: 15px;
}
}
.header {
margin-top: 16px;
margin-bottom: 21px;
@ -1111,7 +1191,7 @@ section.slider-block div.slider-content div.slider-control .light-right-icon {
text-align: center;
}
.main .category-block {
.main .category-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
@ -1122,19 +1202,19 @@ section.slider-block div.slider-content div.slider-control .light-right-icon {
width: 100%;
}
.main .category-block .category-block {
width: 100%;
.main .category-container .category-block {
width: 80%;
display: block;
}
.main .category-block .category-block .hero-image {
.main .category-container .category-block .hero-image {
border: 1px solid green;
display: block;
visibility: visible;
width: auto;
}
.main .category-block .category-block .hero-image img {
.main .category-container .category-block .hero-image img {
height: 400px;
width: 100%;
}
@ -1205,6 +1285,10 @@ section.slider-block div.slider-content div.slider-control .light-right-icon {
display: none;
}
.main .responsive-layred-filter {
display: none;
}
.main .bottom-toolbar {
display: block;
margin-top: 40px;
@ -2087,6 +2171,33 @@ section.cart .cart-content .right-side {
padding-left: 40px;
}
@media only screen and (max-width: 770px) {
.checkout-process .col-main {
width: 100%;
padding-right: 0px;
}
.checkout-process .col-main ul.checkout-steps {
border-bottom: none;
}
.checkout-process .col-main ul.checkout-steps span {
display: none;
}
.checkout-process .col-main ul.checkout-steps .line {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
border-bottom: 1px solid #E8E8E8;
margin-left: 5px;
margin-right: 5px;
}
.checkout-process .step-content .control-group .control {
width: 100%;
}
.checkout-process .col-right {
display: none;
}
}
.attached-products-wrapper {
margin-bottom: 80px;
}

6
public/themes/default/assets/js/shop.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/themes/default/assets/mix-manifest.json
View File

@ -1,4 +1,4 @@
{
"/js/shop.js": "/js/shop.js",
"/css/shop.css": "/css/shop.css"
}
}