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

Cart Dropdown, Responsive improvements for product grids at various places.

This commit is contained in:
prashant-webkul 2018-10-03 16:01:33 +05:30
parent 6618d6a7e0
commit 519c2e4815
28 changed files with 884 additions and 1553 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/Webkul/Checkout/src/Database/Migrations/2018_09_05_150444_create_cart_table.php
View File

@ -16,9 +16,9 @@ class CreateCartTable extends Migration
Schema::create('cart', function (Blueprint $table) {
$table->increments('id');
$table->integer('customer_id')->unsigned()->nullable();
$table->foreign('customer_id')->references('id')->on('customers');
$table->foreign('customer_id')->references('id')->on('customers')->onDelete('cascade');
$table->integer('channel_id')->unsigned();
$table->foreign('channel_id')->references('id')->on('channels');
$table->foreign('channel_id')->references('id')->on('channels')->onDelete('cascade');
$table->string('shipping_method')->nullable();
$table->string('coupon_code')->nullable();
$table->boolean('is_gift')->default(0);

2
packages/Webkul/Checkout/src/Database/Migrations/2018_09_05_150915_create_cart_items_table.php
View File

@ -19,7 +19,7 @@ class CreateCartItemsTable extends Migration
$table->foreign('product_id')->references('id')->on('products');
$table->integer('quantity')->unsigned()->default(1);
$table->integer('cart_id')->unsigned();
$table->foreign('cart_id')->references('id')->on('cart');
$table->foreign('cart_id')->references('id')->on('cart')->onDelete('cascade');
$table->string('sku')->nullable();
$table->string('type')->nullable();
$table->string('name')->nullable();

2
packages/Webkul/Checkout/src/Database/Migrations/2018_09_19_092845_create_cart_address.php
View File

@ -27,7 +27,7 @@ class CreateCartAddress extends Migration
$table->string('phone');
$table->string('address_type');
$table->integer('cart_id')->nullable()->unsigned();
$table->foreign('cart_id')->references('id')->on('cart');
$table->foreign('cart_id')->references('id')->on('cart')->onDelete('cascade');
$table->integer('customer_id')->nullable()->unsigned();
$table->foreign('customer_id')->references('id')->on('customers');
$table->timestamps();

2
packages/Webkul/Customer/src/Database/migrations/2018_07_24_082930_create_customers_table.php
View File

@ -15,6 +15,8 @@ class CreateCustomersTable extends Migration
{
Schema::create('customers', function (Blueprint $table) {
$table->increments('id');
$table->integer('channel_id')->unsigned();
$table->foreign('channel_id')->references('id')->on('channels');
$table->string('first_name');
$table->string('last_name');
$table->enum('gender', ['Male', 'Female']);

2
packages/Webkul/Customer/src/Database/migrations/2018_07_24_083025_create_customer_addresses_table.php
View File

@ -16,7 +16,7 @@ class CreateCustomerAddressesTable extends Migration
Schema::create('customer_addresses', function (Blueprint $table) {
$table->increments('id');
$table->integer('customer_id')->unsigned();
$table->foreign('customer_id')->references('id')->on('customers');
$table->foreign('customer_id')->references('id')->on('customers')->onDelete('cascade');
$table->string('address1');
$table->string('address2')->nullable();
$table->string('country');

41
packages/Webkul/Customer/src/Database/migrations/2018_10_03_025230_create_wishlist_table.php Normal file
View File

@ -0,0 +1,41 @@
<?php
use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;
class CreateWishlistTable extends Migration
{
/**
* Run the migrations.
*
* @return void
*/
public function up()
{
Schema::create('wishlist', function (Blueprint $table) {
$table->increments('id');
$table->integer('channel_id')->unsigned();
$table->foreign('channel_id')->references('id')->on('channels');
$table->integer('product_id')->unsigned();
$table->foreign('product_id')->references('id')->on('products');
$table->integer('customer_id')->unsigned();
$table->foreign('customer_id')->references('id')->on('customers')->onDelete('cascade');
$table->json('item_options')->nullable();
$table->date('moved_to_cart')->nullable();
$table->boolean('shared')->nullable();
$table->date('time_of_moving');
$table->timestamps();
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::dropIfExists('wishlist');
}
}

2
packages/Webkul/Shop/src/Providers/ComposerServiceProvider.php
View File

@ -17,7 +17,7 @@ class ComposerServiceProvider extends ServiceProvider
public function boot()
{
//using the class based composers...
View::composer(['shop::layouts.header.index', 'shop::layouts.footer'], 'Webkul\Shop\Http\ViewComposers\Categories\CategoryComposer');
View::composer(['shop::layouts.header.index', 'shop::layouts.footer.footer'], 'Webkul\Shop\Http\ViewComposers\Categories\CategoryComposer');
}
/**

92
packages/Webkul/Shop/src/Resources/assets/js/components/cart-dropdown.vue
View File

@ -89,94 +89,4 @@ export default {
}
}
}
</script>
<style>
.show {
display: none;
}
.dropdown-cart {
position: absolute;
background: #FFFFFF;
border: 1px solid #E8E8E8;
box-shadow: 1px 3px 6px 0 rgba(0,0,0,0.40);
color: #242424;
padding: 20px;
border-radius: 1px;
right: 10%;
top: 75px;
width: 387px;
z-index: 5;
}
.dropdown-cart > .dropdown-header {
width: 100%;
}
.dropdown-cart > .dropdown-header p{
display: inline;
line-height: 25px;
}
.dropdown-cart > .dropdown-header i{
cursor: pointer;
float: right;
height: 22px;
width: 22px;
}
.dropdown-cart > .dropdown-header p.heading {
font-weight: lighter;
}
.dropdown-content {
padding-top: 10px;
padding-bottom: 10px;
margin-top: 7px;
}
.dropdown-content .item{
display: flex;
flex-direction: row;
border-bottom: 1px solid #E8E8E8;
padding-top: 9px;
padding-bottom: 9px;
}
.dropdown-content .item img{
height: 75px;
width: 75px;
margin-right: 8px;
}
.dropdown-content .item-details{
height: 75px;
}
.item-details .item-name {
font-size: 16px;
font-weight: bold;
margin-bottom: 9px;
}
.item-details .item-price {
margin-bottom: 9px;
}
.item-details .item-qty {
font-weight: lighter;
margin-bottom: 9px;
}
.dropdown-footer {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: 4px;
}
.dropdown-footer button {
border-radius: 0px;
}
</style>
</script>

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

@ -257,6 +257,7 @@ section.slider-block {
flex-direction: row;
justify-content: flex-end;
align-items: center;
cursor: pointer;
ul.account-dropdown-container {
float: right;
@ -288,55 +289,129 @@ section.slider-block {
}
}
ul.cart-dropdown {
ul.cart-dropdown-container {
float: right;
margin-left: 10px;
li.cart-summary {
li.cart-dropdown {
display: flex;
flex-direction: row;
margin-left: 14px;
justify-content: center;
align-items: center;
.cart-icon {
margin: 0;
margin-right: 8px;
height: 24px;
width: 24px;
margin-right: 8px;
}
.cart {
padding-top: 3px;
padding-right: 5px;
.cart-count {
color: $brand-color;
padding-right: 3px;
}
}
.icon.arrow-down-icon {
margin-top: 10px;
}
.dropdown-list {
width: 387px;
}
.dropdown-list .dropdown-container {
padding: 10px 18px 10px 18px;
max-height: 410px;
overflow-y: auto;
.dropdown-cart {
color: #242424;
}
.dropdown-cart > .dropdown-header {
width: 100%;
}
.dropdown-cart > .dropdown-header p{
display: inline;
line-height: 25px;
}
.dropdown-cart > .dropdown-header i{
cursor: pointer;
float: right;
height: 22px;
width: 22px;
}
.dropdown-cart > .dropdown-header p.heading {
font-weight: lighter;
}
.dropdown-content {
padding-top: 8px;
padding-bottom: 10px;
}
.dropdown-content .item{
display: flex;
flex-direction: row;
border-bottom: 1px solid #E8E8E8;
padding-top: 8px;
padding-bottom: 8px;
}
.dropdown-content .item img{
height: 75px;
width: 75px;
margin-right: 8px;
}
.dropdown-content .item-details{
height: 75px;
}
.item-details .item-name {
font-size: 16px;
font-weight: bold;
margin-bottom: 8px;
}
.item-details .item-price {
margin-bottom: 8px;
}
.item-details .item-qty {
font-weight: lighter;
margin-bottom: 8px;
}
.dropdown-footer {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-bottom: 8px;
}
.dropdown-footer button {
border-radius: 0px;
width: 130px;
}
}
}
}
}
.right-responsive {
ul.right-responsive {
display: none;
ul.right-wrapper {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
li {
margin-right : 5px;
}
li:not(:last-child) {
margin-right: 7px;
li:last-child {
margin-right: 0px;
}
span.icon {
margin: 0;
height: 24px;
width: 24px;
}
}
ul {
margin-right : 5px;
}
ul:last-child {
margin-right: 0px;
}
}
}
@ -460,6 +535,29 @@ section.slider-block {
}
}
@media all and (max-width: 720px) {
.header-bottom {
display: none !important;
}
ul.search-container {
display: none !important;
}
ul.account-dropdown-container {
display: none !important;
}
ul.cart-dropdown-container {
display: none !important;
}
ul.right-responsive {
display: flex !important;
}
}
//footer responsive with out media query.
.footer {
background-color: #f2f2f2;

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

@ -58,33 +58,19 @@
}
}
.product-description {
margin-bottom: 14px;
display: none;
}
.product-ratings {
width: 100%;
margin-bottom: 14px;
.icon {
width: 16px;
height: 16px;
}
.total-reviews {
display: none;
}
}
.cart-fav-seg {
display: inline-flex;
width: 100%;
align-items: center;
justify-content: space-between;
.addtocart {
border-radius: 0px;
margin-right: 10px;
text-transform: uppercase;
white-space: nowrap;

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

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

@ -49,11 +49,11 @@
@if ($product->type == 'configurable')
<div class="summary">
@foreach (cart::getItemAttributeOptionDetails($item) as $key => $option)
{{-- @foreach (cart::getItemAttributeOptionDetails($item) as $key => $option)
{{ (!$key ? '' : ' , ') . $option['attribute_name'] . ' : ' . $option['option_label'] }}
@endforeach
@endforeach --}}
</div>
@endif

64
packages/Webkul/Shop/src/Resources/views/home/featured-products.blade.php
View File

@ -5,6 +5,7 @@
</div>
<div class="featured-grid product-grid-4">
@for($i=0; $i<4; $i++)
<div class="product-card">
<div class="product-image">
<img src="vendor/webkul/shop/assets/images/grid.png" />
@ -15,7 +16,7 @@
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<div class="product-ratings mb-10">
<span>
<img src="vendor/webkul/shop/assets/images/5star.svg" />
</span>
@ -25,65 +26,6 @@
<span><img src="vendor/webkul/shop/assets/images/wishadd.svg" /></span>
</div>
</div>
<div class="product-card">
<div class="product-image">
<img src="vendor/webkul/shop/assets/images/gogs.png" />
</div>
<div class="product-name">
<span>Red Black Tees</span>
</div>
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<span>
<img src="vendor/webkul/shop/assets/images/5star.svg" />
</span>
</div>
<div class="cart-fav-seg">
<button class="btn btn-md btn-primary addtocart">Add to Cart</button>
<span><img src="vendor/webkul/shop/assets/images/wishadd.svg" /></span>
</div>
</div>
<div class="product-card">
<div class="product-image">
<img src="vendor/webkul/shop/assets/images/grid.png" />
</div>
<div class="product-name">
<span>Red Black Tees</span>
</div>
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<span>
<img src="vendor/webkul/shop/assets/images/5star.svg" />
</span>
</div>
<div class="cart-fav-seg">
<button class="btn btn-md btn-primary addtocart">Add to Cart</button>
<span><img src="vendor/webkul/shop/assets/images/wishadd.svg" /></span>
</div>
</div>
<div class="product-card">
<div class="product-image">
<img src="vendor/webkul/shop/assets/images/gogs.png" />
</div>
<div class="product-name">
<span>Red Black Tees</span>
</div>
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<span>
<img src="vendor/webkul/shop/assets/images/5star.svg" />
</span>
</div>
<div class="cart-fav-seg">
<button class="btn btn-md btn-primary addtocart">Add to Cart</button>
<span><img src="vendor/webkul/shop/assets/images/wishadd.svg" /></span>
</div>
</div>
@endfor
</div>
</section>

8
packages/Webkul/Shop/src/Resources/views/home/new-products.blade.php
View File

@ -15,7 +15,7 @@
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<div class="product-ratings mb-10">
<span>
<img src="vendor/webkul/shop/assets/images/5star.svg" />
</span>
@ -36,7 +36,7 @@
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<div class="product-ratings mb-10">
<span>
<img src="vendor/webkul/shop/assets/images/5star.svg" />
</span>
@ -57,7 +57,7 @@
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<div class="product-ratings mb-10">
<span>
<img src="vendor/webkul/shop/assets/images/5star.svg" />
</span>
@ -78,7 +78,7 @@
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<div class="product-ratings mb-10">
<span>
<img src="vendor/webkul/shop/assets/images/5star.svg" />
</span>

66
packages/Webkul/Shop/src/Resources/views/layouts/foo.blade.php
View File

@ -1,66 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Foo</title>
<style>
.container {
box-sizing: border-box;
max-width: 50%;
border: 1px solid green;
height: 95vh;
}
.last-grid {
display: grid;
grid-template-columns: repeat(2, minmax(47.5%, 1fr));
grid-gap: 5%;
}
.block1 {
display: block;
box-sizing: border-box;
background: pink;
height: 95vh;
}
.block2 {
display: block;
box-sizing: border-box;
/* background: red; */
height: 95vh;
display: grid;
grid-template-rows: 47.5% 47.5%;
grid-row-gap: 5%;
}
.sub-block1 {
display: block;
box-sizing: border-box;
background: green;
}
.sub-block2 {
display: block;
box-sizing: border-box;
background: paleturquoise;
}
</style>
</head>
<body>
<div class="container">
<div class="last-grid">
<div class="block1"></div>
<div class="block2">
<div class="sub-block1"></div>
<div class="sub-block2"></div>
</div>
</div>
</div>
</body>
</html>

0
packages/Webkul/Shop/src/Resources/views/layouts/footer.blade.php → packages/Webkul/Shop/src/Resources/views/layouts/footer/footer.blade.php
View File

47
packages/Webkul/Shop/src/Resources/views/layouts/footer/index.blade.php
View File

@ -1,47 +0,0 @@
<div class="footer">
<div class="footer-content">
<div class="footer-list-container">
<div class="list-container">
<span class="list-heading">Categories</span>
<ul class="list-group">
<li>MEN</li>
<li>Women</li>
<li>Kids</li>
<li>Accessories</li>
<li>Home & Living</li>
</ul>
</div>
<div class="list-container">
<span class="list-heading">Quick Links</span>
<ul class="list-group">
<li>About Us</li>
<li>Return Policy</li>
<li>Refund Policy</li>
<li>Terms and conditions</li>
<li>Terms of Use</li>
<li>Contact Us</li>
</ul>
</div>
<div class="list-container">
<span class="list-heading">Connect With Us</span>
<ul class="list-group">
<li><span class="icon-wrapper"><span class="icon icon-dashboard"></span></span>Facebook</li>
<li><span class="icon-wrapper"><span class="icon icon-dashboard"></span></span>Twitter</li>
<li><span class="icon-wrapper"><span class="icon icon-dashboard"></span></span>Instagram</li>
<li><span class="icon-wrapper"><span class="icon icon-dashboard"></span></span>Google+</li>
<li><span class="icon-wrapper"><span class="icon icon-dashboard"></span></span>LinkedIn</li>
</ul>
</div>
<div class="list-container">
<span class="list-heading">Subscribe Newsletter</span>
<div class="form-container">
<div class="control-group">
<input type="text" class="control subscribe-field" placeholder="Email Address"><br/>
<button class="btn btn-md btn-primary">Subscribe</button>
</div>
</div>
</div>
</div>
</div>
</div>

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

@ -23,13 +23,6 @@
<div class="right-content">
{{-- Triggered on responsive mode only --}}
<ul class="search-dropdown-container">
<li class="search-dropdown">
</li>
</ul>
<ul class="account-dropdown-container">
<li class="account-dropdown">
@ -86,67 +79,180 @@
</div>
@endauth
</li>
</ul>
<ul class="cart-dropdown-container">
<li class="cart-dropdown">
<span class="icon cart-icon"></span>
@if(isset($cart))
@php
$cartInstance = session()->get('cart');
@endphp
<div class="dropdown-toggle">
<div style="display: inline-block; cursor: pointer;">
<span class="name"><span class="count"> {{$cartInstance->items_count}} Products</span>
</div>
<i class="icon arrow-down-icon active"></i>
</div>
<div class="dropdown-list" style="display: none; top: 50px; right: 0px">
<div class="dropdown-container">
<div class="dropdown-cart">
<div class="dropdown-header">
<p class="heading">Cart Subtotal - {{ $cartInstance->sub_total }}</p>
</div>
<div class="dropdown-content">
@foreach($cart as $product)
<div class="item" >
<div class="item-image" >
<img src="{{$product['2']}}" />
</div>
<div class="item-details">
<div class="item-name">{{$product['0']}}</div>
<div class="item-price">{{$product['1']}}</div>
<div class="item-qty">Quantity - {{$product['3']}}</div>
</div>
</div>
@endforeach
</div>
<div class="dropdown-footer">
<a href="{{ route('shop.checkout.cart.index') }}">View Shopping Cart</a>
<button class="btn btn-primary btn-lg">CHECKOUT</button>
</div>
</div>
</div>
</div>
@else
<div class="dropdown-toggle">
<div style="display: inline-block; cursor: pointer;">
<span class="name"><span class="count"> 0 &nbsp;</span>Products</span>
</div>
</div>
@endif
</li>
</ul>
@if(isset($cart))
<cart-dropdown :items='@json($cart)'></cart-dropdown>
@else
<ul class="cart-dropdown">
<li class="cart-summary">
<span class="icon cart-icon"></span>
<ul class="right-responsive">
<li class="search-box"><span class="icon search-icon" id="search"></span></li>
<ul class="resp-account-dropdown-container">
<span class="cart"><span class="cart-count">0</span>Products</span>
<li class="account-dropdown">
<span class="icon arrow-down-icon"></span>
<div class="dropdown-toggle">
<span class="icon account-icon"></span>
{{-- <div style="display: inline-block; cursor: pointer;">
<span class="name">Account</span>
</div>
<i class="icon arrow-down-icon active"></i> --}}
</div>
@guest
<div class="dropdown-list bottom-right" style="display: none;">
<div class="dropdown-container">
<label>Account</label>
<ul>
<li><a href="{{ route('customer.session.index') }}">Sign In</a></li>
<li><a href="{{ route('customer.register.index') }}">Sign Up</a></li>
</ul>
</div>
</div>
@endguest
@auth('customer')
<div class="dropdown-list bottom-right" style="display: none;">
<div class="dropdown-container">
<label>Account</label>
<ul>
<li><a href="{{ route('customer.account.index') }}">Account</a></li>
<li><a href="{{ route('customer.profile.index') }}">Profile</a></li>
<li><a href="{{ route('customer.address.index') }}">Address</a></li>
<li><a href="{{ route('customer.wishlist.index') }}">Wishlist</a></li>
{{-- <li><a href="{{ route('customer.cart') }}">Cart</a></li> --}}
<li><a href="{{ route('customer.orders.index') }}">Orders</a></li>
<li><a href="{{ route('customer.session.destroy') }}">Logout</a></li>
</ul>
</div>
</div>
@endauth
</li>
</ul>
@endif
<ul class="resp-cart-dropdown-container">
{{-- Meant for responsive views only --}}
<ul class="ham-dropdown-container">
<li class="cart-dropdown">
@if(isset($cart))
@php
$cartInstance = session()->get('cart');
@endphp
<div class="dropdown-toggle">
<span class="icon cart-icon"></span>
</div>
<li class="ham-dropdown">
{{-- use this section for the dropdown of the hamburger menu --}}
</li>
<div class="dropdown-list" style="display: none; top: 50px; right: 0px">
<div class="dropdown-container">
<div class="dropdown-cart">
<div class="dropdown-header">
<p class="heading">Cart Subtotal - {{ $cartInstance->sub_total }}</p>
</div>
</ul>
<div class="dropdown-content">
@foreach($cart as $product)
<div class="item" >
<div class="item-image" >
<img src="{{$product['2']}}" />
</div>
<div class="item-details">
<div class="item-name">{{$product['0']}}</div>
<div class="item-price">{{$product['1']}}</div>
<div class="item-qty">Quantity - {{$product['3']}}</div>
</div>
</div>
@endforeach
</div>
</div>
<div class="right-responsive">
<ul class="right-wrapper">
<li class="search-box"><span class="icon search-icon" id="search"></span></li>
<li class="account-box"><span class="icon account-icon"></span></li>
<li class="cart-box"><span class="icon cart-icon"></span></li>
<div class="dropdown-footer">
<a href="/">View Shopping Cart</a>
<button class="btn btn-primary btn-lg">CHECKOUT</button>
</div>
</div>
</div>
</div>
@else
<div class="dropdown-toggle">
<div style="display: inline-block; cursor: pointer;">
<span class="name"><span class="count"> 0 &nbsp;</span>Products</span>
</div>
</div>
@endif
</li>
</ul>
{{-- <li class="cart-box"><span class="icon cart-icon"></span></li> --}}
<li class="menu-box" ><span class="icon sortable-icon" id="sortable"></span></li>
</ul>
</div>
</div>
{{-- Triggered on responsive mode only --}}
<div class="search-suggestion">
<div class="search-content">
<span class="icon search-icon"></span>
<span> Sarees India </span>
<span class="icon search-icon right"></span>
</div>
<div class="suggestion">
<span>Designer sarees</span>
</div>
<div class="suggestion">
<span>India patter sarees</span>
</div>
<div class="suggestion">
<span>Border Sarees</span>
</div>
</div>
<div class="header-bottom" id="header-bottom">
@include('shop::layouts.header.nav-menu.navmenu')
</div>

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

@ -37,7 +37,7 @@
</div>
@include('shop::layouts.footer')
@include('shop::layouts.footer.footer')
</div>

20
packages/Webkul/Shop/src/Resources/views/partials/card.blade.php
View File

@ -1,20 +0,0 @@
<div class="product-card">
<div class="product-image">
<img src="vendor/webkul/shop/assets/images/grid.png" />
</div>
<div class="product-name">
<span>Red Black Tees</span>
</div>
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<span>
<img src="vendor/webkul/shop/assets/images/5star.svg" />
</span>
</div>
<div class="cart-fav-seg">
<button class="btn btn-lg btn-primary addtocart">Add to Cart</button>
<span><img src="vendor/webkul/shop/assets/images/wishadd.svg" /></span>
</div>
</div>

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

@ -1,7 +1,7 @@
@inject ('reviewHelper', 'Webkul\Product\Product\Review')
@if ($total = $reviewHelper->getTotalReviews($product))
<div class="product-ratings">
<div class="product-ratings mb-10">
<span class="stars">
@for ($i = 1; $i <= round($reviewHelper->getAverageRating($product)); $i++)

0
packages/Webkul/Shop/src/Resources/views/store/cart/compare.blade.php
View File

208
packages/Webkul/Shop/src/Resources/views/store/cart/index.blade.php
View File

@ -1,208 +0,0 @@
@extends('shop::layouts.master')
@section('content-wrapper')
<section class="cart">
<div class="title">
Shopping Cart
</div>
<div class="cart-content">
{{-- {{ dd($products) }} --}}
<div class="left-side">
@foreach($products as $product)
<div class="item">
<div style="margin-right: 15px;">
<img class="item-image" src="{{ bagisto_asset("$product[2]") }}" />
</div>
<div class="item-details">
<div class="item-title">
{{$product[0]}}
</div>
<div class="price">
<span class="main-price">
{{$product[1]}}
</span>
<span class="real-price">
$25.00
</span>
<span class="discount">
10% Off
</span>
</div>
<div class="summary" >
Color : Gray, Size : S, Sleeve type : Puffed Sleeves, Occasion : Birthday, Marriage Anniversary
</div>
<div class="misc">
<div class="qty-text">Quantity</div>
<div class="box">{{ $product[3] }}</div>
<span class="remove">Remove</span>
<span class="towishlist">Move to Wishlist</span>
</div>
</div>
</div>
@endforeach
<div class="misc-controls">
<span>Continue Shopping</span>
<button class="btn btn-lg btn-primary">PROCEED TO CHECKOUT</button>
</div>
</div>
<div class="right-side">
<div class="price-section">
<div class="title">
Price Detail
</div>
<div class="all-item-details">
@foreach($products as $product)
<div class="item-details">
<span class="name">{{ $product[0] }}</span>
<span class="price">$ {{ $product[1] }}</span>
</div>
@endforeach
</div>
<div class="horizontal-rule"></div>
<div class="total-details">
<span class="name">Amount Payable</span>
<span class="amount">$75.00</span>
</div>
</div>
<div class="coupon-section">
<span class="title">Apply Coupon</span>
<div class="control-group">
<input type="text" class="control coupon-input" placeholder="Coupon Code" />
</div>
<button class="btn btn-md btn-primary">Apply</button>
<div class="coupon-details">
<div class="title">Coupon Used</div>
<div class="coupon">
<span class="name">Coupon 1</span>
<span class="discount">$15</span>
</div>
<div class="coupon">
<span class="name">Coupon 2</span>
<span class="discount">$5</span>
</div>
</div>
<div class="horizontal-rule"></div>
<div class="after-coupon-amount">
<span class="name">Amount Payable</span>
<span class="amount">$75.00</span>
</div>
</div>
</div>
</div>
</section>
<div class="related-products-wrapper">
<div class="title">
We found other products you might like!
</div>
<div class="horizontal-rule"></div>
<div class="related-products">
<div class="product-card">
<div class="product-image">
<img src="{{ bagisto_asset('images/grid.png') }}" />
</div>
<div class="product-name">
<span>Red Black Tees</span>
</div>
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<span>
<img src="{{ bagisto_asset('images/5star.svg') }}" />
</span>
</div>
<div class="cart-fav-seg">
<button class="btn btn-md btn-primary addtocart">Add to Cart</button>
<span><img src="{{ bagisto_asset('images/wishadd.svg') }}" /></span>
</div>
</div>
<div class="product-card">
<div class="product-image">
<img src="{{ bagisto_asset('images/grid.png') }}" />
</div>
<div class="product-name">
<span>Red Black Tees</span>
</div>
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<span>
<img src="{{ bagisto_asset('images/5star.svg') }}" />
</span>
</div>
<div class="cart-fav-seg">
<button class="btn btn-md btn-primary addtocart">Add to Cart</button>
<span><img src="{{ bagisto_asset('images/wishadd.svg') }}" /></span>
</div>
</div>
<div class="product-card">
<div class="product-image">
<img src="{{ bagisto_asset('images/grid.png') }}" />
</div>
<div class="product-name">
<span>Red Black Tees</span>
</div>
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<span>
<img src="{{ bagisto_asset('images/5star.svg') }}" />
</span>
</div>
<div class="cart-fav-seg">
<button class="btn btn-md btn-primary addtocart">Add to Cart</button>
<span><img src="{{ bagisto_asset('images/wishadd.svg') }}" /></span>
</div>
</div>
<div class="product-card">
<div class="product-image">
<img src="{{ bagisto_asset('images/grid.png') }}" />
</div>
<div class="product-name">
<span>Red Black Tees</span>
</div>
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<span>
<img src="{{ bagisto_asset('images/5star.svg') }}" />
</span>
</div>
<div class="cart-fav-seg">
<button class="btn btn-md btn-primary addtocart">Add to Cart</button>
<span><img src="{{ bagisto_asset('images/wishadd.svg') }}" /></span>
</div>
</div>
</div>
</div>
@endsection

9
packages/Webkul/Shop/src/Resources/views/store/home/index.blade.php
View File

@ -1,9 +0,0 @@
@extends('shop::layouts.master')
@section('slider')
@include('shop::store.slider.slider')
@endsection
@section('content-wrapper')
@include('shop::store.grids.featured.featuredproductgrid')
@include('shop::store.grids.newproduct.newproductgrid')
@include('shop::store.grids.newsupdate.newsupdategrid')
@endsection

285
packages/Webkul/Shop/src/Resources/views/store/product/details/index.blade.php
View File

@ -1,285 +0,0 @@
@extends('shop::layouts.master')
@section('content-wrapper')
<section class="product-detail">
<div class="category-breadcrumbs">
<span class="breadcrumb">Home</span> > <span class="breadcrumb">Men</span> > <span class="breadcrumb">Slit Open Jeans</span>
</div>
<div class="layouter">
<div class="product-image-group">
<div class="side-group">
<img src="{{ bagisto_asset('images/jeans.jpg') }}" />
<img src="{{ bagisto_asset('images/jeans.jpg') }}" />
<img src="{{ bagisto_asset('images/jeans.jpg') }}" />
<img src="{{ bagisto_asset('images/jeans.jpg') }}" />
</div>
<div class="product-hero-image">
<img src="{{ bagisto_asset('images/jeans_big.jpg') }}" />
<img class="wishlist" src="{{ bagisto_asset('images/wish.svg') }}" />
<img class="share" src="{{ bagisto_asset('images/icon-share.svg') }}" />
</div>
</div>
<div class="details">
<div class="product-heading">
<span>Rainbow creation Embroidered</span>
</div>
<div class="rating">
<img src="{{ bagisto_asset('images/5star.svg') }}" />
75 Ratings & 11 Reviews
</div>
<div class="price">
<span class="main-price">
$24.00
</span>
<span class="real-price">
$25.00
</span>
<span class="discount">
10% Off
</span>
</div>
<div class="stock-status">
InStock
</div>
<br/>
<div class="description">
Bluetooth-enabled connectivity with NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers.
</div>
<hr/>
<div class="attributes">
<div class="attribute color">
<div class="title">Color</div>
<div class="values">
<div class="colors red"></div>
<div class="colors blue"></div>
<div class="colors green"></div>
</div>
</div>
<div class="attribute size">
<div class="title">Size</div>
<div class="values">
<div class="size xl">XL</div>
<div class="size xxl">XXL</div>
<div class="size xxxl">XXXL</div>
</div>
</div>
<div class="attribute quantity">
<div class="title">Quantity</div>
<div class="values">
<div class="size">1</div>
</div>
</div>
</div>
<hr/>
{{-- The elements below will be accordians --}}
<div class="full-description">
<h4>Description</h4>
Bluetooth-enabled connectivity with NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers
Bluetooth-enabled connectivity with NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm d rivers. Bluetooth-enabled connectivity with NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers
NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers
</div>
<hr/>
<div class="full-specifications">
<h4>Specification</h4>
</div>
<hr/>
<div class="rating-reviews">
<div class="title">
Ratings & Reviews
</div>
<div class="overall">
<span class="number">
4.3
</span>
<span class="stars">
<img src="{{ bagisto_asset('images/5star.svg') }}" />
</span>
<button class="btn btn-md btn-primary">Write Review</button>
<div class="total-reviews">
24,330 Ratings & 104 Reviews
</div>
</div>
<div class="reviews">
<div class="review">
<div class="title">
Awesome
</div>
<div class="stars">
<img src="{{ bagisto_asset('images/5star.svg') }}" />
</div>
<div class="message">
NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers
</div>
<div class="reviewer-details">
<span class="by">
By John Doe
</span>
<span class="when">
, 25, June 2018
</span>
</div>
</div>
<div class="review">
<div class="title">
Awesome
</div>
<div class="stars">
<img src="{{ bagisto_asset('images/5star.svg') }}" />
</div>
<div class="message">
NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers
</div>
<div class="reviewer-details">
<span class="by">
By John Doe
</span>
<span class="when">
, 25, June 2018
</span>
</div>
</div>
<div class="review">
<div class="title">
Awesome
</div>
<div class="stars">
<img src="{{ bagisto_asset('images/5star.svg') }}" />
</div>
<div class="message">
NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers
</div>
<div class="reviewer-details">
<span class="by">
By John Doe
</span>
<span class="when">
, 25, June 2018
</span>
</div>
</div>
<div class="view-all">View All</div>
<hr/>
</div>
</div>
</div>
</div>
<div class="related-products-wrapper">
<div class="title">
We found other products you might like!
</div>
<div class="horizontal-rule"></div>
<div class="related-products">
<div class="product-card">
<div class="product-image">
<img src="{{ bagisto_asset('images/grid.png') }}" />
</div>
<div class="product-name">
<span>Red Black Tees</span>
</div>
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<span>
<img src="{{ bagisto_asset('images/5star.svg') }}" />
</span>
</div>
<div class="cart-fav-seg">
<button class="btn btn-md btn-primary addtocart">Add to Cart</button>
<span><img src="{{ bagisto_asset('images/wishadd.svg') }}" /></span>
</div>
</div>
<div class="product-card">
<div class="product-image">
<img src="{{ bagisto_asset('images/grid.png') }}" />
</div>
<div class="product-name">
<span>Red Black Tees</span>
</div>
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<span>
<img src="{{ bagisto_asset('images/5star.svg') }}" />
</span>
</div>
<div class="cart-fav-seg">
<button class="btn btn-md btn-primary addtocart">Add to Cart</button>
<span><img src="{{ bagisto_asset('images/wishadd.svg') }}" /></span>
</div>
</div>
<div class="product-card">
<div class="product-image">
<img src="{{ bagisto_asset('images/grid.png') }}" />
</div>
<div class="product-name">
<span>Red Black Tees</span>
</div>
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<span>
<img src="{{ bagisto_asset('images/5star.svg') }}" />
</span>
</div>
<div class="cart-fav-seg">
<button class="btn btn-md btn-primary addtocart">Add to Cart</button>
<span><img src="{{ bagisto_asset('images/wishadd.svg') }}" /></span>
</div>
</div>
<div class="product-card">
<div class="product-image">
<img src="{{ bagisto_asset('images/grid.png') }}" />
</div>
<div class="product-name">
<span>Red Black Tees</span>
</div>
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<span>
<img src="{{ bagisto_asset('images/5star.svg') }}" />
</span>
</div>
<div class="cart-fav-seg">
<button class="btn btn-md btn-primary addtocart">Add to Cart</button>
<span><img src="{{ bagisto_asset('images/wishadd.svg') }}" /></span>
</div>
</div>
</div>
</div>
</section>
@endsection

162
packages/Webkul/Shop/src/Resources/views/store/product/review/index.blade.php
View File

@ -1,162 +0,0 @@
@extends('shop::layouts.master')
@section('content-wrapper')
<section class="product-review">
<div class="category-breadcrumbs">
<span class="breadcrumb">Home</span> > <span class="breadcrumb">Men</span> > <span class="breadcrumb">Slit Open Jeans</span>
</div>
<div class="layouter">
<div class="mixed-group">
<div class="single-image">
<img src="{{ asset('vendor/webkul/shop/assets/images/jeans_big.jpg') }}" />
</div>
<div class="details">
<div class="product-name">
Slit Open Jeans
</div>
<div class="price">
<span class="main-price">
$24.00
</span>
<span class="real-price">
$25.00
</span>
<span class="discount">
10% Off
</span>
</div>
</div>
</div>
<div class="rating-reviews">
<div class="title-inline">
<span>Ratings & Reviews</span>
<button class="btn btn-md btn-primary">Write Review</button>
</div>
<div class="overall">
<div class="left-side">
<span class="number">
4.3
</span>
<span class="stars">
<img src="{{ asset('vendor/webkul/shop/assets/images/5star.svg') }}" />
</span>
<div class="total-reviews">
24,330 Ratings & 104 Reviews
</div>
</div>
<div class="right-side">
<div class="rater 5star">
<div class="star">5 Star</div>
<div class="line-bar">
<div class="line-value"></div>
</div>
<div class="percentage">20%</div>
</div> <br/>
<div class="rater 4star">
<div class="star">4 Star</div>
<div class="line-bar">
<div class="line-value"></div>
</div>
<div class="percentage">20%</div>
</div> <br/>
<div class="rater 3star">
<div class="star">3 Star</div>
<div class="line-bar">
<div class="line-value"></div>
</div>
<div class="percentage">20%</div>
</div> <br/>
<div class="rater 2star">
<div class="star">2 Star</div>
<div class="line-bar">
<div class="line-value"></div>
</div>
<div class="percentage">20%</div>
</div> <br/>
<div class="rater 1star">
<div class="star">1 Star</div>
<div class="line-bar">
<div class="line-value"></div>
</div>
<div class="percentage">20%</div>
</div>
</div>
</div>
<div class="reviews">
<div class="review">
<div class="title">
Awesome
</div>
<div class="stars">
<img src="{{ asset('vendor/webkul/shop/assets/images/5star.svg') }}" />
</div>
<div class="message">
NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers
</div>
<div class="reviewer-details">
<span class="by">
By John Doe
</span>
<span class="when">
, 25, June 2018
</span>
</div>
</div>
<div class="review">
<div class="title">
Awesome
</div>
<div class="stars">
<img src="{{ asset('vendor/webkul/shop/assets/images/5star.svg') }}" />
</div>
<div class="message">
NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers
</div>
<div class="reviewer-details">
<span class="by">
By John Doe
</span>
<span class="when">
, 25, June 2018
</span>
</div>
</div>
<div class="review">
<div class="title">
Awesome
</div>
<div class="stars">
<img src="{{ asset('vendor/webkul/shop/assets/images/5star.svg') }}" />
</div>
<div class="message">
NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers
</div>
<div class="reviewer-details">
<span class="by">
By John Doe
</span>
<span class="when">
, 25, June 2018
</span>
</div>
</div>
<div class="view-all">Load More</div>
</div>
</div>
</div>
</section>
@endsection

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

@ -244,14 +244,8 @@ body {
color: #242424;
}
.product-card .product-description {
margin-bottom: 14px;
display: none;
}
.product-card .product-ratings {
width: 100%;
margin-bottom: 14px;
}
.product-card .product-ratings .icon {
@ -259,25 +253,13 @@ body {
height: 16px;
}
.product-card .product-ratings .total-reviews {
display: none;
}
.product-card .cart-fav-seg {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.product-card .cart-fav-seg .addtocart {
border-radius: 0px;
margin-right: 10px;
text-transform: uppercase;
white-space: nowrap;
@ -689,6 +671,7 @@ section.slider-block div.slider-content div.slider-control .light-right-icon {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.header .header-top div.right-content ul.account-dropdown-container {
@ -726,11 +709,12 @@ section.slider-block div.slider-content div.slider-control .light-right-icon {
margin-top: 10px;
}
.header .header-top div.right-content ul.cart-dropdown {
.header .header-top div.right-content ul.cart-dropdown-container {
float: right;
margin-left: 10px;
}
.header .header-top div.right-content ul.cart-dropdown li.cart-summary {
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
@ -738,60 +722,143 @@ section.slider-block div.slider-content div.slider-control .light-right-icon {
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-left: 14px;
}
.header .header-top div.right-content ul.cart-dropdown li.cart-summary .cart-icon {
margin: 0;
height: 24px;
width: 24px;
margin-right: 8px;
}
.header .header-top div.right-content ul.cart-dropdown li.cart-summary .cart {
padding-top: 3px;
padding-right: 5px;
}
.header .header-top div.right-content ul.cart-dropdown li.cart-summary .cart .cart-count {
color: #0041FF;
padding-right: 3px;
}
.header .header-top div.right-content ul.cart-dropdown li.cart-summary .icon.arrow-down-icon {
margin-top: 10px;
}
.header .header-top .right-responsive {
display: none;
}
.header .header-top .right-responsive ul.right-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header .header-top .right-responsive ul.right-wrapper li:not(:last-child) {
margin-right: 7px;
}
.header .header-top .right-responsive ul.right-wrapper li:not(:last-child) span.icon {
margin: 0;
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .cart-icon {
margin-right: 8px;
height: 24px;
width: 24px;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .icon.arrow-down-icon {
margin-top: 10px;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list {
width: 387px;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container {
padding: 10px 18px 10px 18px;
max-height: 410px;
overflow-y: auto;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-cart {
color: #242424;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-cart > .dropdown-header {
width: 100%;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-cart > .dropdown-header p {
display: inline;
line-height: 25px;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-cart > .dropdown-header i {
cursor: pointer;
float: right;
height: 22px;
width: 22px;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-cart > .dropdown-header p.heading {
font-weight: lighter;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-content {
padding-top: 8px;
padding-bottom: 10px;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-content .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
border-bottom: 1px solid #E8E8E8;
padding-top: 8px;
padding-bottom: 8px;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-content .item img {
height: 75px;
width: 75px;
margin-right: 8px;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-content .item-details {
height: 75px;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .item-details .item-name {
font-size: 16px;
font-weight: bold;
margin-bottom: 8px;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .item-details .item-price {
margin-bottom: 8px;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .item-details .item-qty {
font-weight: lighter;
margin-bottom: 8px;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 8px;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-footer button {
border-radius: 0px;
width: 130px;
}
.header .header-top ul.right-responsive {
display: none;
}
.header .header-top ul.right-responsive li {
margin-right: 5px;
}
.header .header-top ul.right-responsive li:last-child {
margin-right: 0px;
}
.header .header-top ul.right-responsive ul {
margin-right: 5px;
}
.header .header-top ul.right-responsive ul:last-child {
margin-right: 0px;
}
.header .header-bottom {
height: 48px;
margin-left: auto;
@ -914,6 +981,26 @@ section.slider-block div.slider-content div.slider-control .light-right-icon {
right: 10px;
}
@media all and (max-width: 720px) {
.header-bottom {
display: none !important;
}
ul.search-container {
display: none !important;
}
ul.account-dropdown-container {
display: none !important;
}
ul.cart-dropdown-container {
display: none !important;
}
ul.right-responsive {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
}
.footer {
background-color: #f2f2f2;
padding-left: 10%;

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

File diff suppressed because it is too large Load Diff