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

shop & UI layouts

This commit is contained in:
rahul shukla 2018-08-30 15:38:53 +05:30
parent 4cfbd7f4d1
commit ff57baa7cb
37 changed files with 1976 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/Webkul/Admin/src/Resources/assets/images/Angle-Right.svg Normal file
View File

@ -0,0 +1,10 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
<title>Angle-Right</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Angle-Right" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
<polyline id="Path-3" stroke="#A2A2A2" stroke-width="3" points="7 3 14 10.058476 7.11598308 17"></polyline>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 618 B

14
packages/Webkul/Admin/src/Resources/assets/images/Icon-Graph-Green.svg Normal file
View File

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
<title>Icon-Graph-Green</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Icon-Graph-Green" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
<g transform="translate(8.000000, 5.000000)" stroke="#00C357" stroke-width="2">
<path d="M4,0 L4,14" id="Path-2"></path>
<path d="M4,0 L0,4" id="Path-3"></path>
<path d="M7.92330631,0 L3.92330631,4" id="Path-3-Copy" transform="translate(5.961653, 2.000000) scale(-1, 1) translate(-5.961653, -2.000000) "></path>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 881 B

490
packages/Webkul/Admin/src/Resources/views/dashboard/index.blade.php
View File

@ -3,5 +3,495 @@
@section('content-wrapper')
<div class="content full-page">
<h1>Dashboard</h1>
<div class="dashboard-content">
<div class="dashboard-stats">
<div class="dashboard-card">
<div class="visitor-content">
<div class="title">
<span>NEW VISITORS </span>
</div>
<div class="data">
<span>450 </span>
<span>
<img src="{{asset('themes/default/assets/images/complete.svg')}}" />
</span>
<span class="right">
12.5% Increased
</span>
</div>
</div>
</div>
<div class="dashboard-card">
<div class="visitor-content">
<div class="title">
<span>NEW VISITORS </span>
</div>
<div class="data">
<span>450 </span>
<span>
<img src="{{asset('themes/default/assets/images/complete.svg')}}" />
</span>
<span class="right">
12.5% Increased
</span>
</div>
</div>
</div>
<div class="dashboard-card">
<div class="visitor-content">
<div class="title">
<span>NEW VISITORS </span>
</div>
<div class="data">
<span>450 </span>
<span>
<img src="{{asset('themes/default/assets/images/complete.svg')}}" />
</span>
<span class="right">
12.5% Increased
</span>
</div>
</div>
</div>
<div class="dashboard-card">
<div class="visitor-content">
<div class="title">
<span>NEW VISITORS </span>
</div>
<div class="data">
<span>450 </span>
<span>
<img src="{{asset('themes/default/assets/images/complete.svg')}}" />
</span>
<span class="right">
12.5% Increased
</span>
</div>
</div>
</div>
</div>
<div class="graph-category">
<div class="dashboard-graph">
</div>
<div class="performing-category">
<div class="category">
<div class="title">
<span> TOP PERFORMING CATEGORIES </span>
</div>
<div class="category-info">
<ul>
<li>
<div class="category-list">
<div class="cat-name">
<span> Men </span>
<span class="icon angle-right-icon right-side"></span>
</div>
<div class="product-info">
<span>250 Products . 290 Sales </span>
</div>
<div class="horizon-rule">
</div>
</div>
</li>
<li>
<div class="category-list">
<div class="cat-name">
<span> Women </span>
<span class="icon angle-right-icon right-side"></span>
</div>
<div class="product-info">
<span>375 Products . 350 Sales </span>
</div>
<div class="horizon-rule">
</div>
</div>
</li>
<li>
<div class="category-list">
<div class="cat-name">
<span> Electronics </span>
<span class="icon angle-right-icon right-side"></span>
</div>
<div class="product-info">
<span>200 Products . 214 Sales </span>
</div>
<div class="horizon-rule">
</div>
</div>
</li>
<li>
<div class="category-list">
<div class="cat-name">
<span> Accessories </span>
<span class="icon angle-right-icon right-side"></span>
</div>
<div class="product-info">
<span>180 Products . 180 Sales </span>
</div>
<div class="horizon-rule">
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="sale-stock">
<div class="sale">
<div class="top-sale">
<div class="title">
<span> TOP SELLING PRODUCTS </span>
</div>
<div class="sale-info">
<ul>
<li>
<div class="pro-attribute">
<div class="pro-img">
<!-- <span class="icon settings-icon"></span> -->
</div>
<div class="product-description">
<div class="product-name">
<span> Men's Olive Denim Jacket </span>
<span class="icon angle-right-icon right-side"></span>
</div>
<div class="product-info">
<span>250 Sales . In Stock - 500 </span>
</div>
</div>
</div>
<div class="horizontal-rule">
</div>
</li>
<li>
<div class="pro-attribute">
<div class="pro-img">
<!-- <span class="icon settings-icon"></span> -->
</div>
<div class="product-description">
<div class="product-name">
<span> Apple iPhone 8 Plus - 64GB </span>
<span class="icon angle-right-icon right-side"></span>
</div>
<div class="product-info">
<span>250 Sales . In Stock - 500 </span>
</div>
</div>
</div>
<div class="horizontal-rule">
</div>
</li>
<li>
<div class="pro-attribute">
<div class="pro-img">
<!-- <span class="icon settings-icon"></span> -->
</div>
<div class="product-description">
<div class="product-name">
<span> Long Lenngth Printed Shrug </span>
<span class="icon angle-right-icon right-side"></span>
</div>
<div class="product-info">
<span>250 Products . In Stock - 500 </span>
</div>
</div>
</div>
<div class="horizontal-rule">
</div>
</li>
<li>
<div class="pro-attribute">
<div class="pro-img">
<!-- <span class="icon settings-icon"></span> -->
</div>
<div class="product-description">
<div class="product-name">
<span> Black Round Neck T-Shirt for Men </span>
<span class="icon angle-right-icon right-side"></span>
</div>
<div class="product-info">
<span>250 Products . In Stock - 500 </span>
</div>
</div>
</div>
<div class="horizontal-rule">
</div>
</li>
<li>
<div class="pro-attribute">
<div class="pro-img">
<!-- <span class="icon settings-icon"></span> -->
</div>
<div class="product-description">
<div class="product-name">
<span> Men's Linnen Shirt -Regular Fit </span>
<span class="icon angle-right-icon right-side"></span>
</div>
<div class="product-info">
<span>250 Products . In Stock - 500 </span>
</div>
</div>
</div>
<div class="horizontal-rule">
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="sale">
<div class="top-sale">
<div class="title">
<span> CUSTOMERS WITH MOST SALES </span>
</div>
<div class="sale-info">
<ul>
<li>
<div class="pro-attribute">
<div class="pro-img">
<!-- <span class="icon settings-icon"></span> -->
</div>
<div class="product-description">
<div class="product-name">
<span> Emma Wagner </span>
<span class="icon angle-right-icon right-side"></span>
</div>
<div class="product-info">
<span> 24 Orders . Revenue $450.00 </span>
</div>
</div>
</div>
<div class="horizontal-rule">
</div>
</li>
<li>
<div class="pro-attribute">
<div class="pro-img">
<!-- <span class="icon settings-icon"></span> -->
</div>
<div class="product-description">
<div class="product-name">
<span> Emma Wagner </span>
<span class="icon angle-right-icon right-side"></span>
</div>
<div class="product-info">
<span> 24 Orders . Revenue $450.00 </span>
</div>
</div>
</div>
<div class="horizontal-rule">
</div>
</li>
<li>
<div class="pro-attribute">
<div class="pro-img">
<!-- <span class="icon settings-icon"></span> -->
</div>
<div class="product-description">
<div class="product-name">
<span> Emma Wagner </span>
<span class="icon angle-right-icon right-side"></span>
</div>
<div class="product-info">
<span> 24 Orders . Revenue $450.00 </span>
</div>
</div>
</div>
<div class="horizontal-rule">
</div>
</li>
<li>
<div class="pro-attribute">
<div class="pro-img">
<!-- <span class="icon settings-icon"></span> -->
</div>
<div class="product-description">
<div class="product-name">
<span> Emma Wagner </span>
<span class="icon angle-right-icon right-side"></span>
</div>
<div class="product-info">
<span> 24 Orders . Revenue $450.00 </span>
</div>
</div>
</div>
<div class="horizontal-rule">
</div>
</li>
<li>
<div class="pro-attribute">
<div class="pro-img">
<!-- <span class="icon settings-icon"></span> -->
</div>
<div class="product-description">
<div class="product-name">
<span> Emma Wagner </span>
<span class="icon angle-right-icon right-side"></span>
</div>
<div class="product-info">
<span> 24 Orders . Revenue $450.00 </span>
</div>
</div>
</div>
<div class="horizontal-rule">
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="sale">
<div class="top-sale">
<div class="title">
<span> TOP SELLING PRODUCTS </span>
</div>
<div class="sale-info">
<ul>
<li>
<div class="pro-attribute">
<div class="pro-img">
<!-- <span class="icon settings-icon"></span> -->
</div>
<div class="product-description">
<div class="product-name">
<span> Men's Olive Denim Jacket </span>
<span class="icon angle-right-icon right-side"></span>
</div>
<div class="product-info">
<span>7 left </span>
</div>
</div>
</div>
<div class="horizontal-rule">
</div>
</li>
<li>
<div class="pro-attribute">
<div class="pro-img">
<!-- <span class="icon settings-icon"></span> -->
</div>
<div class="product-description">
<div class="product-name">
<span> Apple iPhone 8 Plus - 64GB </span>
<span class="icon angle-right-icon right-side"></span>
</div>
<div class="product-info">
<span>250 Sales . In Stock - 500 </span>
</div>
</div>
</div>
<div class="horizontal-rule">
</div>
</li>
<li>
<div class="pro-attribute">
<div class="pro-img">
<!-- <span class="icon settings-icon"></span> -->
</div>
<div class="product-description">
<div class="product-name">
<span> Long Lenngth Printed Shrug </span>
<span class="icon angle-right-icon right-side"></span>
</div>
<div class="product-info">
<span>250 Products . In Stock - 500 </span>
</div>
</div>
</div>
<div class="horizontal-rule">
</div>
</li>
<li>
<div class="pro-attribute">
<div class="pro-img">
<!-- <span class="icon settings-icon"></span> -->
</div>
<div class="product-description">
<div class="product-name">
<span> Black Round Neck T-Shirt for Men </span>
<span class="icon angle-right-icon right-side"></span>
</div>
<div class="product-info">
<span>250 Products . In Stock - 500 </span>
</div>
</div>
</div>
<div class="horizontal-rule">
</div>
</li>
<li>
<div class="pro-attribute">
<div class="pro-img">
<!-- <span class="icon settings-icon"></span> -->
</div>
<div class="product-description">
<div class="product-name">
<span> Men's Linnen Shirt -Regular Fit </span>
<span class="icon angle-right-icon right-side"></span>
</div>
<div class="product-info">
<span>250 Products . In Stock - 500 </span>
</div>
</div>
</div>
<div class="horizontal-rule">
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
@stop

15
packages/Webkul/Shop/src/Http/routes.php
View File

@ -2,10 +2,23 @@
Route::group(['middleware' => ['web']], function () {
Route::get('/', 'Webkul\Shop\Http\Controllers\HomeController@index')->defaults('_config', [
'view' => 'shop::store.home.index'
'view' => 'shop::home.index'
]);
Route::get('/categories/{slug}', 'Webkul\Shop\Http\Controllers\ProductController@index')->defaults('_config', [
'view' => 'shop::products.index'
]);
Route::view('/customer/order','shop::customers.account.orders.index');
Route::view('/customer/checkout','shop::customers.checkout.index');
Route::view('/customer/signin','shop::customers.checkout.signin');
Route::view('/customer/ship_method','shop::customers.checkout.ship-method');
Route::view('/customer/payment_method','shop::customers.checkout.payment-method');
Route::view('/customer/payment_complete','shop::customers.checkout.complete');
});

14
packages/Webkul/Shop/src/Resources/assets/images/Icon-Graph-Green.svg Normal file
View File

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
<title>Icon-Graph-Green</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Icon-Graph-Green" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
<g transform="translate(8.000000, 5.000000)" stroke="#00C357" stroke-width="2">
<path d="M4,0 L4,14" id="Path-2"></path>
<path d="M4,0 L0,4" id="Path-3"></path>
<path d="M7.92330631,0 L3.92330631,4" id="Path-3-Copy" transform="translate(5.961653, 2.000000) scale(-1, 1) translate(-5.961653, -2.000000) "></path>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 881 B

13
packages/Webkul/Shop/src/Resources/assets/images/Logo.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 7.1 KiB

11
packages/Webkul/Shop/src/Resources/assets/images/address.svg Normal file
View File

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
<title>tab/heading/icon/address</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="tab/heading/icon/address" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M15.5,23.897235 C20.2087657,20.0716385 22.5,16.8805311 22.5,14.5 C22.5,10.6340068 19.3659932,7.5 15.5,7.5 C11.6340068,7.5 8.5,10.6340068 8.5,14.5 C8.5,16.8805311 10.7912343,20.0716385 15.5,23.897235 Z" id="Oval" stroke="#242424" stroke-width="3"></path>
<circle id="Oval-2" fill="#242424" cx="15.5" cy="14.5" r="2.5"></circle>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 833 B

13
packages/Webkul/Shop/src/Resources/assets/images/complete.svg Normal file
View File

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
<title>tab/heading/icon/complete</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="tab/heading/icon/complete" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
<g id="Group" transform="translate(6.000000, 8.000000)" stroke="#0031F0" stroke-width="3">
<path d="M6.06852618,14.2496556 L19.5678375,0.750344361" id="Line-2"></path>
<path d="M0.334472656,8.23681641 L5.49931128,13.4993113" id="Line-2"></path>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 796 B

20
packages/Webkul/Shop/src/Resources/assets/images/finish.svg Normal file
View File

@ -0,0 +1,20 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
<title>tab/heading/icon/finish</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="tab/heading/icon/finish" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Group" transform="translate(6.000000, 8.000000)" stroke="#242424" stroke-width="3">
<rect id="Rectangle-10" x="1.5" y="1.5" width="17" height="10"></rect>
</g>
<rect id="Rectangle-2" fill="#242424" x="8" y="13" width="3" height="3"></rect>
<rect id="Rectangle-2-Copy-2" fill="#242424" x="14" y="13" width="3" height="3"></rect>
<rect id="Rectangle-2-Copy-5" fill="#242424" x="20" y="13" width="3" height="3"></rect>
<rect id="Rectangle-2-Copy" fill="#242424" x="11" y="10" width="3" height="3"></rect>
<rect id="Rectangle-2-Copy-3" fill="#242424" x="17" y="10" width="3" height="3"></rect>
<rect id="Rectangle-2-Copy" fill="#242424" x="11" y="16" width="3" height="3"></rect>
<rect id="Rectangle-2-Copy-4" fill="#242424" x="17" y="16" width="3" height="3"></rect>
<rect id="Rectangle" fill="#242424" transform="translate(7.500000, 16.500000) rotate(90.000000) translate(-7.500000, -16.500000) " x="-2" y="15" width="19" height="3"></rect>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

13
packages/Webkul/Shop/src/Resources/assets/images/icon-menu-back.svg Normal file
View File

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
<title>icon-menu-back</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="icon-menu-back" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Group" transform="translate(4.000000, 11.000000)" stroke="#242424" stroke-linecap="round" stroke-width="3">
<path d="M1,1.5 L15,1.5" id="Line-2"></path>
</g>
<path d="M4.501565,17.3780737 C4.21154528,17.1045612 4.03051758,16.7167318 4.03051758,16.2866211 L4.03051758,8.41162109 C4.03051758,7.58319397 4.70209045,6.91162109 5.53051758,6.91162109 C6.3589447,6.91162109 7.03051758,7.58319397 7.03051758,8.41162109 L7.03051758,14.8491211 L13.4680176,14.8491211 C14.2964447,14.8491211 14.9680176,15.520694 14.9680176,16.3491211 C14.9680176,17.1775482 14.2964447,17.8491211 13.4680176,17.8491211 L5.59301758,17.8491211 C5.16290687,17.8491211 4.77507744,17.6680934 4.501565,17.3780737 Z" id="Combined-Shape" fill="#242424" transform="translate(9.499268, 12.380371) rotate(-315.000000) translate(-9.499268, -12.380371) "></path>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

13
packages/Webkul/Shop/src/Resources/assets/images/payment.svg Normal file
View File

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
<title>tab/heading/icon/payment</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="tab/heading/icon/payment" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Group" transform="translate(5.000000, 8.000000)" stroke="#242424" stroke-width="3">
<rect id="Rectangle-10" x="1.5" y="1.5" width="19" height="13"></rect>
</g>
<rect id="Rectangle" fill="#242424" x="7" y="13" width="19" height="3" rx="1.5"></rect>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 772 B

11
packages/Webkul/Shop/src/Resources/assets/images/selected.svg Normal file
View File

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
<title>radio/selected</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="radio/selected" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle-4" stroke="#FF6472" x="0.5" y="0.5" width="15" height="15" rx="7.5"></rect>
<rect id="Rectangle-4" fill="#FF6472" x="3" y="3" width="10" height="10" rx="5"></rect>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 661 B

15
packages/Webkul/Shop/src/Resources/assets/images/shipping.svg Normal file
View File

@ -0,0 +1,15 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
<title>tab/heading/icon/shipping</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="tab/heading/icon/shipping" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Group" transform="translate(6.000000, 8.000000)">
<rect id="Rectangle-10" stroke="#242424" stroke-width="3" x="1.5" y="1.5" width="12" height="11"></rect>
<path d="M13.5,4.5 L13.5,12.5 L19.5,12.5 L19.5,8 C19.5,6.06700338 17.9329966,4.5 16,4.5 L13.5,4.5 Z" id="Rectangle-10" stroke="#242424" stroke-width="3"></path>
<rect id="Rectangle-11" fill="#242424" x="2" y="11" width="6" height="6" rx="3"></rect>
<rect id="Rectangle-11-Copy" fill="#242424" x="12" y="11" width="6" height="6" rx="3"></rect>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

10
packages/Webkul/Shop/src/Resources/assets/images/unselected.svg Normal file
View File

@ -0,0 +1,10 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
<title>radio/unselected</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="radio/unselected" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle-4" stroke="#B9B9B9" x="0.5" y="0.5" width="15" height="15" rx="7.5"></rect>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 569 B

372
packages/Webkul/Shop/src/Resources/views/customers/account/orders/index.blade.php Normal file
View File

@ -0,0 +1,372 @@
@extends('shop::layouts.master')
@section('content-wrapper')
<div class="account-content">
<!-- @include('shop::customers.account.partials.sidemenu') -->
<div class="order">
<div class="order-section-head">
<span class="order-number">Order #456103</span>
<span class="order-status">PROCESSING</span>
<span class="order-cancel"><a href="#">Cancel Order</a></span>
<div class="horizontal-rule"></div>
</div>
<div class="order-section-head-small">
<div class="horizon-rule">
</div>
<span class="icon">
<img src="{{asset('themes/default/assets/images/icon-menu-back.svg')}}" />
</span>
<span class="order-number">
ORDER #456103
</span>
<span class="cancel">
Cancel
</span>
<div class="horizon-rule">
</div>
</div>
<div class="payment-place">
<div class="placed-on">
<div class="place-text">
<span>Placed On</span>
<span class="processing">PROCESSING </span>
</div>
<div class="place-date">
<span>July 11, 2018 3:57AM</span>
</div>
</div>
<div class="payment-status">
<div class="payment-text">
<span>Payment Status</span>
</div>
<div class="status">
<span>Recieved</span>
</div>
</div>
<div class="horizontal-rule"></div>
</div>
<div class="order-details">
<span class="detail">Order Details</span>
</div>
<div class="table">
<table>
<thead>
<tr>
<th>SKU</th>
<th>Product Name</th>
<th>Item Status</th>
<th>Price</th>
<th>Qty</th>
<th>Row total</th>
</tr>
</thead>
<tbody>
<tr>
<td>PROD124</td>
<td>Apple iPhone 7- White-32GB</td>
<td>Packed (2)</td>
<td>$350.00</td>
<td>2</td>
<td>$700.00</td>
</tr>
<tr>
<td>PROD128</td>
<td>Blue Linen T-Shirt for Men- Small- Red</td>
<td>Shipped (2)</td>
<td>$45.00</td>
<td>2</td>
<td>$35.00</td>
</tr>
</tbody>
</table>
</div>
<div class="product-config">
<div class="product-attribute">
<div class="product-property">
<span>
SKU
</span>
</div>
<div class="property-name">
<span>
PROD128
</span>
</div>
</div>
<div class="product-attribute">
<div class="product-property">
<span>
Product Name
</span>
</div>
<div class="property-name">
<span>
Apple iPhone 7 - White - 32GB
</span>
</div>
</div>
<div class="product-attribute">
<div class="product-property">
<span>
Item Status
</span>
</div>
<div class="property-name">
<span>
Packed (2)
</span>
</div>
</div>
<div class="product-attribute">
<div class="product-property">
<span>
Price
</span>
</div>
<div class="property-name">
<span>
$ 350.00
</span>
</div>
</div>
<div class="product-attribute">
<div class="product-property">
<span>
Qty
</span>
</div>
<div class="property-name">
<span>
2
</span>
</div>
</div>
<div class="product-attribute">
<div class="product-property">
<span>
Row Total
</span>
</div>
<div class="property-name">
<span>
$770.00
</span>
</div>
</div>
</div>
<div class="product-config">
<div class="product-attribute">
<div class="product-property">
<span>
SKU
</span>
</div>
<div class="property-name">
<span>
PROD128
</span>
</div>
</div>
<div class="product-attribute">
<div class="product-property">
<span>
Product Name
</span>
</div>
<div class="property-name">
<span>
Apple iPhone 7 - White - 32GB
</span>
</div>
</div>
<div class="product-attribute">
<div class="product-property">
<span>
Item Status
</span>
</div>
<div class="property-name">
<span>
Packed (2)
</span>
</div>
</div>
<div class="product-attribute">
<div class="product-property">
<span>
Price
</span>
</div>
<div class="property-name">
<span>
$ 350.00
</span>
</div>
</div>
<div class="product-attribute">
<div class="product-property">
<span>
Qty
</span>
</div>
<div class="property-name">
<span>
2
</span>
</div>
</div>
<div class="product-attribute">
<div class="product-property">
<span>
Row Total
</span>
</div>
<div class="property-name">
<span>
$770.00
</span>
</div>
</div>
</div>
<div class="total">
<div class="calculate">
<div class="sub-total">
<span class="left">
Subtotal
</span>
<span class="middle">
-
</span>
<span class="right">
$805.00
</span>
</div>
<div class="ship-handle">
<span class="left">
Shipping & handling
</span>
<span class="middle">
-
</span>
<span class="right">
$5.00
</span>
</div>
<div class="discount">
<span class="left">
Discounts
</span>
<span class="middle">
-
</span>
<span class="right">
$15.00
</span>
</div>
<div class="grand-total">
<span class="left">
Grand Total
</span>
<span class="middle">
-
</span>
<span class="right">
$15.00
</span>
</div>
<div class="due">
<span class="left">
Total Due
</span>
<span class="middle">
-
</span>
<span class="right">
$15.00
</span>
</div>
</div>
</div>
<div class="horizontal-rule"></div>
<div class="order-information">
<div class="order-address-method">
<span class="address-method">
Shipping Address
</span>
<p>0933 crossing suite 128 Dallas,Texas United States 75001</p>
</div>
<div class="order-address-method">
<span class="address-method">
Billing Address
</span>
<p>0933 crossing suite 128 Dallas,Texas United States 75001</p>
</div>
<div class="order-address-method">
<span class="address-method">
Shipping Method
</span>
<p>Flat Rate- Fixed</p>
</div>
<div class="order-address-method">
<span class="address-method">
Payment Method
</span>
<p>Bank Wire Transfer</p>
</div>
</div>
</div>
</div>
@endsection

92
packages/Webkul/Shop/src/Resources/views/customers/checkout/common.blade.php Normal file
View File

@ -0,0 +1,92 @@
<div class="checkout-process">
<div class="left-side">
<div class="checkout-menu">
<ul class="checkout-detail">
<li>
<div class="wrapper">
<div class="decorator active">
<img src="{{asset('themes/default/assets/images/address.svg')}}" />
</div>
<span>Information</span>
</div>
</li>
<li>
<div class="wrapper">
<div class="decorator">
<img src="{{asset('themes/default/assets/images/shipping.svg')}}" />
</div>
<span>Shipping</span>
</div>
</li>
<li>
<div class="wrapper">
<div class="decorator">
<img src="{{asset('themes/default/assets/images/payment.svg')}}" />
</div>
<span>Payment</span>
</div>
</li>
<li>
<div class="wrapper">
<div class="decorator">
<img src="{{asset('themes/default/assets/images/finish.svg')}}" />
</div>
<span>Complete</span>
</div>
</li>
</ul>
<div class="horizontal-rule">
</div>
</div>
</div>
<div class="right-side">
<div class="purchase-detail">
<div class="price">
<span>Price Detail</span>
</div>
<div class="item-detail">
<span>
<label>2 Items Price</label>
<label class="right">$ 2,506.00</label>
</span>
</div>
<div class="item-detail">
<span>
<label>Delivery Charges</label>
<label class="right">$ 40.00</label>
</span>
</div>
<div class="item-detail">
<span>
<label>Coupan Discount</label>
<label class="right">$ 25.00</label>
</span>
</div>
<div class="horizontal-rule">
</div>
<div class="payble-amount">
<span>
<label>Amount Payble</label>
<label class="right">$ 2571.00</label>
</span>
</div>
</div>
</div>
</div>

265
packages/Webkul/Shop/src/Resources/views/customers/checkout/complete.blade.php Normal file
View File

@ -0,0 +1,265 @@
@extends('shop::layouts.master')
@section('content-wrapper')
<div class="checkout-process">
<div class="left-side">
<div class="checkout-menu">
<ul class="checkout-detail">
<li>
<div class="wrapper">
<div class="decorator active">
<img src="{{asset('themes/default/assets/images/completed.svg')}}" />
</div>
<span>Information</span>
</div>
</li>
<li>
<div class="wrapper">
<div class="decorator">
<img src="{{asset('themes/default/assets/images/completed.svg')}}" />
</div>
<span>Shipping</span>
</div>
</li>
<li>
<div class="wrapper">
<div class="decorator">
<img src="{{asset('themes/default/assets/images/completed.svg')}}" />
</div>
<span>Payment</span>
</div>
</li>
<li>
<div class="wrapper">
<div class="decorator">
<img src="{{asset('themes/default/assets/images/finish.svg')}}" />
</div>
<span>Complete</span>
</div>
</li>
</ul>
<div class="horizontal-rule">
</div>
</div>
</div>
</div>
<div class="complete-page">
<div class="order-summary">
<span>Summary of Order<span>
</div>
<div class="address">
<div class="shipping-address">
<div class="shipping-title">
<span>Shipping address</span>
</div>
<div class="shipping-content">
<div class="name">
<span>John Doe </span>
</div>
<div class="addr">
<span>
25 , Washington USA 5751434
</span>
</div>
<div class="horizontal-rule">
</div>
<div class="contact">
<span>Contact : 9876543210 </span>
</div>
</div>
</div>
<div class="billing-address">
<div class="shipping-title">
<span>Billing address</span>
</div>
<div class="shipping-content">
<div class="name">
<span>John Doe </span>
</div>
<div class="addr">
<span>
25 , Washington USA 5751434
</span>
</div>
<div class="horizontal-rule">
</div>
<div class="contact">
<span>Contact : 9876543210 </span>
</div>
</div>
</div>
</div>
<div class="product-detail">
<div class="product-image">
<img src="{{asset('themes/default/assets/images/1.png')}}" />
</div>
<div class="product-desc">
<div class="product-title">
<span>
Rainbow creation Embroidered
</span>
</div>
<div class="price">
<span>
<label>Price </label>
<label class="bold"> $40.00 </label>
<span>
</div>
<div class="quantity">
<span>
<label>Quantity</label>
<label class="quat-bold"> 1 </label>
<span>
</div>
<div class="pro-attribute">
<span>
Color : Grey, Size : S,Sleeve Type : Puffed Sleeves,Occasion : Birthday ,Marriage Anniversary
</span>
</div>
</div>
</div>
<div class="product-detail">
<div class="product-image">
<img src="{{asset('themes/default/assets/images/1.png')}}" />
</div>
<div class="product-desc">
<div class="product-title">
<span>
Rainbow creation Embroidered
</span>
</div>
<div class="price">
<span>
<label>Price </label>
<label class="bold"> $40.00 </label>
</span>
</div>
<div class="quantity">
<span>
<label>Quantity</label>
<label class="quat-bold"> 1 </label>
</span>
</div>
<div class="pro-attribute">
<span>
Color : Grey, Size : S,Sleeve Type : Puffed Sleeves,Occasion : Birthday ,Marriage Anniversary
</span>
</div>
</div>
</div>
<div class="order-description">
<div class="payment">
<div class="shipping">
<div class="pay-icon">
<img src="{{asset('themes/default/assets/images/shipping.svg')}}" />
</div>
<div class="shipping-text">
<div class="price">
<span>
$ 25.00
</span>
</div>
<div class="fedex-shipping">
<span>
FedEx Shipping
</span>
</div>
</div>
</div>
<div class="net-banking">
<div class="pay-icon">
<img src="{{asset('themes/default/assets/images/payment.svg')}}" />
</div>
<span>Net banking </span>
</div>
</div>
<div class="product-bill">
<div class="sub-total">
<span>
Subtotal
</span>
<span class="right">
$ 2,506.00
</span>
</div>
<div class="charge-discount">
<span>
Delivery Charges
</span>
<span class="right">
$ 40.00
</span>
</div>
<div class="charge-discount">
<span>
Coupan discount
</span>
<span class="right">
$ 25.00
</span>
</div>
<div class="horizontal-rule">
</div>
<div class="amount-pay">
<span>
Amount payable
</span>
<span class="right">
$ 2,571.00
</span>
</div>
</div>
</div>
<div class="horizontal-rule">
</div>
<div class="palce-order-button">
<button>PLACE ORDER </button>
</div>
</div>
@endsection

179
packages/Webkul/Shop/src/Resources/views/customers/checkout/index.blade.php Normal file
View File

@ -0,0 +1,179 @@
@extends('shop::layouts.master')
@section('content-wrapper')
<div class="checkout-process">
<div class="left-side">
<div class="checkout-menu">
<ul class="checkout-detail">
<li>
<div class="wrapper">
<div class="decorator active">
<img src="{{asset('themes/default/assets/images/address.svg')}}" />
</div>
<span>Information</span>
</div>
</li>
<div class="line"> </div>
<li>
<div class="wrapper">
<div class="decorator">
<img src="{{asset('themes/default/assets/images/shipping.svg')}}" />
</div>
<span>Shipping</span>
</div>
</li>
<div class="line"></div>
<li>
<div class="wrapper">
<div class="decorator">
<img src="{{asset('themes/default/assets/images/payment.svg')}}" />
</div>
<span>Payment</span>
</div>
</li>
<div class="line"></div>
<li>
<div class="wrapper">
<div class="decorator">
<img src="{{asset('themes/default/assets/images/finish.svg')}}" />
</div>
<span>Complete</span>
</div>
</li>
</ul>
<div class="horizontal-rule">
</div>
</div>
</div>
<div class="right-side">
<div class="purchase-detail">
<div class="price">
<span>Price Detail</span>
</div>
<div class="item-detail">
<span>
<label>2 Items Price</label>
<label class="right">$ 2,506.00</label>
</span>
</div>
<div class="item-detail">
<span>
<label>Delivery Charges</label>
<label class="right">$ 40.00</label>
</span>
</div>
<div class="item-detail">
<span>
<label>Coupan Discount</label>
<label class="right">$ 25.00</label>
</span>
</div>
<div class="horizontal-rule">
</div>
<div class="payble-amount">
<span>
<label>Amount Payble</label>
<label class="right">$ 2571.00</label>
</span>
</div>
</div>
</div>
</div>
<div class="order-info">
<div class="order-guest">
<span class="order-text">
Order as Guest
</span>
<button class="sign-in">
SIGN IN
</button>
</div>
<div class="control-group">
<label for="first_name">Email address <span>*</span></label>
<input type="text" class="control" name="email_address">
</div>
<div class="control-group">
<label for="first_name">First Name <span>*</span> </label>
<input type="text" class="control" name="first_name">
</div>
<div class="control-group">
<label for="first_name">Last Name <span>*</span> </label>
<input type="text" class="control" name="last_name">
</div>
<div class="control-group">
<label for="first_name">Company Name <span>*</span> </label>
<input type="text" class="control" name="company_name">
</div>
<div class="control-group">
<label for="first_name">Street address <span>*</span> </label>
<input type="text" class="control" name="street_address">
</div>
<div class="control-group">
<label for="first_name">City <span>*</span> </label>
<input type="text" class="control" name="city">
</div>
<div class="control-group">
<label for="first_name">Country <span>*</span> </label>
<input type="text" class="control" name="country">
</div>
<div class="control-group">
<label for="first_name">Provinces <span>*</span> </label>
<input type="text" class="control" name="provinces">
</div>
<div class="control-group">
<label for="first_name">Zip code <span>*</span> </label>
<input type="text" class="control" name="zip_code">
</div>
<div class="control-group">
<label for="first_name">Phone number <span>*</span> </label>
<input type="text" class="control" name="phone_number">
</div>
<div class="different-billing-addr">
<span>qwdevf</span>
<span>Use different address for billing?</span>
</div>
<div class="horizontal-rule">
</div>
<div class="countinue-button">
<button>CONTINUE</button>
</div>
</div>
@endsection

57
packages/Webkul/Shop/src/Resources/views/customers/checkout/payment-method.blade.php Normal file
View File

@ -0,0 +1,57 @@
@extends('shop::layouts.master')
@section('content-wrapper')
@include('shop::customers.checkout.common')
<div class="payment-method">
<div class="payment-info">
<span class="payment-text">
Payment Method
</span>
</div>
<div class="payment-price">
<div class="payment-checkbox">
<img src="{{asset('themes/default/assets/images/unselected.svg')}}" />
<span> Cash on Delivery</span>
</div>
<div class="payment-checkbox-text">
<b>Fadex - </b>
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.</span>
</div>
</div>
<div class="payment-price">
<div class="payment-checkbox">
<img src="{{asset('themes/default/assets/images/selected.svg')}}" />
<span> Net Banking</span>
</div>
<div class="payment-checkbox-text">
<b>Fadex - </b>
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.</span>
</div>
</div>
<div class="payment-price">
<div class="payment-checkbox">
<img src="{{asset('themes/default/assets/images/unselected.svg')}}" />
<span> Debit / Credit Card</span>
</div>
<div class="payment-checkbox-text">
<b>Fadex - </b>
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.</span>
</div>
</div>
<div class="horizontal-rule">
</div>
<div class="countinue-button">
<button>CONTINUE</button>
</div>
</div>
@endsection

57
packages/Webkul/Shop/src/Resources/views/customers/checkout/ship-method.blade.php Normal file
View File

@ -0,0 +1,57 @@
@extends('shop::layouts.master')
@section('content-wrapper')
@include('shop::customers.checkout.common')
<div class="ship-method">
<div class="ship-info">
<span class="ship-text">
Shipment Method
</span>
</div>
<div class="ship-price">
<div class="price-checkbox">
<img src="{{asset('themes/default/assets/images/selected.svg')}}" />
<span> $ 25.00 </span>
</div>
<div class="price-checkbox-text">
<b>Fadex - </b>
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.</span>
</div>
</div>
<div class="ship-price">
<div class="price-checkbox">
<img src="{{asset('themes/default/assets/images/unselected.svg')}}" />
<span> $ 25.00 </span>
</div>
<div class="price-checkbox-text">
<b>Fadex - </b>
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.</span>
</div>
</div>
<div class="ship-price">
<div class="price-checkbox">
<img src="{{asset('themes/default/assets/images/unselected.svg')}}" />
<span> $ 25.00 </span>
</div>
<div class="price-checkbox-text">
<b>Fadex - </b>
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.</span>
</div>
</div>
<div class="horizontal-rule">
</div>
<div class="countinue-button">
<button>CONTINUE</button>
</div>
</div>
@endsection

40
packages/Webkul/Shop/src/Resources/views/customers/checkout/signin.blade.php Normal file
View File

@ -0,0 +1,40 @@
@extends('shop::layouts.master')
@section('content-wrapper')
@include('shop::customers.checkout.common')
<div class="signin-form">
<div class="signin-guest">
<span class="signin-text">
Sign In
</span>
<button class="order-button">
ORDER AS GUEST
</button>
</div>
<div class="control-group">
<label for="first_name">Email </label>
<input type="text" class="control" name="email_address">
</div>
<div class="control-group">
<label for="first_name">Password </label>
<input type="text" class="control" name="first_name">
</div>
<div class="forgot-pass">
<span>Forgot Password</span>
</div>
<div class="horizontal-rule">
</div>
<div class="countinue-button">
<button>CONTINUE</button>
</div>
</div>
@endsection

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

@ -1,7 +1,7 @@
@extends('shop::layouts.master')
@section('slider')
@include('shop::layouts.slider')
@include('shop::home.slider')
@endsection
@section('content-wrapper')

2
packages/Webkul/Shop/src/Resources/views/home/slider.blade.php
View File

@ -1,3 +1,5 @@
<section class="slider-block">
<image-slider :slides='@json($data)'> </image-slider>
</section>

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

@ -4,7 +4,7 @@
<ul class="logo-container">
<li>
<a href="">
<img class="logo" src="vendor/webkul/shop/assets/images/logo.svg" />
<img class="logo" src="{{asset('themes/default/assets/images/Logo.svg')}}" />
</a>
</li>
</ul>
@ -63,58 +63,129 @@
</div>
<div class="right-responsive">
<ul class="right-wrapper">
<li class="search-box"><span class="icon search-icon"></span></li>
<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>
<li class="menu-box"><span class="icon sortable-icon"></span></li>
<li class="menu-box" ><span class="icon sortable-icon" id="sortable"></span></li>
</ul>
</div>
</div>
<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">
@include('shop::layouts.header.nav-menu.navmenu')
</div>
</div>
@push('scripts')
<script>
$(window).resize(function() {
var w = $(document).width();
var window = {};
window.width = $(document).width();
window.height = $(document).height();
if (window.width < 785) {
$(".header").css("margin-bottom", "0");
$(".header-top").css("margin-bottom", "0");
$("ul.search-container").css("display", "none");
$(".header-bottom").css("display", "none");
$("div.right-content").css("display", "none");
$(".right-responsive").css("display", "inherit");
} else if (window.width > 785) {
$(".header").css("margin-bottom", "21px");
$(".header-top").css("margin-bottom", "16px");
$("ul.search-container").css("display", "inherit");
$(".header-bottom").css("display", "block");
$("div.right-content").css("display", "inherit");
$(".right-responsive").css("display", "none");
}
});
@push('scripts')
$(document).ready(function (){
/* Responsiveness script goes here */
var w = $(document).width();
var window = {};
window.width = $(document).width();
window.height = $(document).height();
if (window.width < 785) {
$(".header").css("margin-bottom", "0");
$(".header-top").css("margin-bottom", "0");
$("ul.search-container").css("display", "none");
$(".header-bottom").css("display", "none");
$("div.right-content").css("display", "none");
$(".right-responsive").css("display", "inherit");
<script>
window.onload = function() {
var sort = document.getElementById("sortable");
var search = document.getElementById("search");
sort.addEventListener("click", myFunction);
search.addEventListener("click", myFunction);
// function for changing icon for responsive header
function myFunction(){
let className = document.getElementById(this.id).className;
let slider = document.getElementsByClassName("slider-block");
let feature = document.getElementsByClassName("featured-products");
let newUpdate = document.getElementsByClassName("news-update");
for (let i=0 ; i < slider.length ; i++){
slider[i].style.display="none";
}
for (let i=0 ; i < feature.length ; i++){
feature[i].style.display="none";
}
for (let i=0 ; i < newUpdate.length ; i++){
newUpdate[i].style.display="none";
}
if( className == 'icon search-icon') {
search.classList.remove('icon', 'search-icon');
search.classList.add('icon', 'cross-icon');
sort.classList.remove('icon', 'cross-icon');
sort.classList.remove('icon', 'sortable-icon');
sort.classList.add('icon', 'sortable-icon');
document.getElementsByClassName("header-bottom")[0].style.display="none";
document.getElementsByClassName("search-suggestion")[0].style.display="block";
}else if ( className == 'icon sortable-icon'){
sort.classList.remove('icon', 'sortable-icon');
sort.classList.add('icon', 'cross-icon');
search.classList.remove('icon', 'cross-icon');
search.classList.remove('icon', 'search-icon');
search.classList.add('icon', 'search-icon');
document.getElementsByClassName("header-bottom")[0].style.display="block";
document.getElementsByClassName("search-suggestion")[0].style.display="none";
} else {
sort.classList.remove('icon', 'cross-icon');
search.classList.remove('icon', 'cross-icon');
sort.classList.remove('icon', 'sortable-icon');
search.classList.remove('icon', 'search-icon');
sort.classList.add('icon', 'sortable-icon');
search.classList.add('icon', 'search-icon');
document.getElementsByClassName("header-bottom")[0].style.display="none";
document.getElementsByClassName("search-suggestion")[0].style.display="none";
let slider = document.getElementsByClassName("slider-block");
let feature = document.getElementsByClassName("featured-products");
let newUpdate = document.getElementsByClassName("news-update");
for (let i=0 ; i < slider.length ; i++){this.id
slider[i].style.display="block";
}
for (let i=0 ; i < feature.length ; i++){
feature[i].style.display="block";
}
for (let i=0 ; i < newUpdate.length ; i++){
newUpdate[i].style.display="block";
}
}
}
}
/* Responsiveness script ends here */
});
</script>
</script>
@endpush

2
packages/Webkul/Shop/webpack.mix.js vendored
View File

@ -8,7 +8,7 @@ mix.setPublicPath(publicPath).mergeManifest();
mix.disableNotifications();
mix.js([__dirname + "/src/Resources/assets/js/app.js"], "js/shop.js")
.copy(__dirname + "/src/Resources/assets/images", publicPath + "/images")
// .copy(__dirname + "/src/Resources/assets/images", publicPath + "/images")
.sass(__dirname + "/src/Resources/assets/sass/app.scss", "css/shop.css")
.options({
processCssUrls: false

14
public/themes/default/assets/images/Icon-Graph-Green.svg Normal file
View File

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
<title>Icon-Graph-Green</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Icon-Graph-Green" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
<g transform="translate(8.000000, 5.000000)" stroke="#00C357" stroke-width="2">
<path d="M4,0 L4,14" id="Path-2"></path>
<path d="M4,0 L0,4" id="Path-3"></path>
<path d="M7.92330631,0 L3.92330631,4" id="Path-3-Copy" transform="translate(5.961653, 2.000000) scale(-1, 1) translate(-5.961653, -2.000000) "></path>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 881 B

13
public/themes/default/assets/images/Logo.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 7.1 KiB

11
public/themes/default/assets/images/address.svg Normal file
View File

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
<title>tab/heading/icon/address</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="tab/heading/icon/address" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M15.5,23.897235 C20.2087657,20.0716385 22.5,16.8805311 22.5,14.5 C22.5,10.6340068 19.3659932,7.5 15.5,7.5 C11.6340068,7.5 8.5,10.6340068 8.5,14.5 C8.5,16.8805311 10.7912343,20.0716385 15.5,23.897235 Z" id="Oval" stroke="#242424" stroke-width="3"></path>
<circle id="Oval-2" fill="#242424" cx="15.5" cy="14.5" r="2.5"></circle>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 833 B

13
public/themes/default/assets/images/complete.svg Normal file
View File

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
<title>tab/heading/icon/complete</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="tab/heading/icon/complete" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
<g id="Group" transform="translate(6.000000, 8.000000)" stroke="#0031F0" stroke-width="3">
<path d="M6.06852618,14.2496556 L19.5678375,0.750344361" id="Line-2"></path>
<path d="M0.334472656,8.23681641 L5.49931128,13.4993113" id="Line-2"></path>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 796 B

20
public/themes/default/assets/images/finish.svg Normal file
View File

@ -0,0 +1,20 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
<title>tab/heading/icon/finish</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="tab/heading/icon/finish" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Group" transform="translate(6.000000, 8.000000)" stroke="#242424" stroke-width="3">
<rect id="Rectangle-10" x="1.5" y="1.5" width="17" height="10"></rect>
</g>
<rect id="Rectangle-2" fill="#242424" x="8" y="13" width="3" height="3"></rect>
<rect id="Rectangle-2-Copy-2" fill="#242424" x="14" y="13" width="3" height="3"></rect>
<rect id="Rectangle-2-Copy-5" fill="#242424" x="20" y="13" width="3" height="3"></rect>
<rect id="Rectangle-2-Copy" fill="#242424" x="11" y="10" width="3" height="3"></rect>
<rect id="Rectangle-2-Copy-3" fill="#242424" x="17" y="10" width="3" height="3"></rect>
<rect id="Rectangle-2-Copy" fill="#242424" x="11" y="16" width="3" height="3"></rect>
<rect id="Rectangle-2-Copy-4" fill="#242424" x="17" y="16" width="3" height="3"></rect>
<rect id="Rectangle" fill="#242424" transform="translate(7.500000, 16.500000) rotate(90.000000) translate(-7.500000, -16.500000) " x="-2" y="15" width="19" height="3"></rect>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

13
public/themes/default/assets/images/icon-menu-back.svg Normal file
View File

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
<title>icon-menu-back</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="icon-menu-back" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Group" transform="translate(4.000000, 11.000000)" stroke="#242424" stroke-linecap="round" stroke-width="3">
<path d="M1,1.5 L15,1.5" id="Line-2"></path>
</g>
<path d="M4.501565,17.3780737 C4.21154528,17.1045612 4.03051758,16.7167318 4.03051758,16.2866211 L4.03051758,8.41162109 C4.03051758,7.58319397 4.70209045,6.91162109 5.53051758,6.91162109 C6.3589447,6.91162109 7.03051758,7.58319397 7.03051758,8.41162109 L7.03051758,14.8491211 L13.4680176,14.8491211 C14.2964447,14.8491211 14.9680176,15.520694 14.9680176,16.3491211 C14.9680176,17.1775482 14.2964447,17.8491211 13.4680176,17.8491211 L5.59301758,17.8491211 C5.16290687,17.8491211 4.77507744,17.6680934 4.501565,17.3780737 Z" id="Combined-Shape" fill="#242424" transform="translate(9.499268, 12.380371) rotate(-315.000000) translate(-9.499268, -12.380371) "></path>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

13
public/themes/default/assets/images/payment.svg Normal file
View File

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
<title>tab/heading/icon/payment</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="tab/heading/icon/payment" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Group" transform="translate(5.000000, 8.000000)" stroke="#242424" stroke-width="3">
<rect id="Rectangle-10" x="1.5" y="1.5" width="19" height="13"></rect>
</g>
<rect id="Rectangle" fill="#242424" x="7" y="13" width="19" height="3" rx="1.5"></rect>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 772 B

11
public/themes/default/assets/images/selected.svg Normal file
View File

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
<title>radio/selected</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="radio/selected" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle-4" stroke="#FF6472" x="0.5" y="0.5" width="15" height="15" rx="7.5"></rect>
<rect id="Rectangle-4" fill="#FF6472" x="3" y="3" width="10" height="10" rx="5"></rect>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 661 B

15
public/themes/default/assets/images/shipping.svg Normal file
View File

@ -0,0 +1,15 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
<title>tab/heading/icon/shipping</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="tab/heading/icon/shipping" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Group" transform="translate(6.000000, 8.000000)">
<rect id="Rectangle-10" stroke="#242424" stroke-width="3" x="1.5" y="1.5" width="12" height="11"></rect>
<path d="M13.5,4.5 L13.5,12.5 L19.5,12.5 L19.5,8 C19.5,6.06700338 17.9329966,4.5 16,4.5 L13.5,4.5 Z" id="Rectangle-10" stroke="#242424" stroke-width="3"></path>
<rect id="Rectangle-11" fill="#242424" x="2" y="11" width="6" height="6" rx="3"></rect>
<rect id="Rectangle-11-Copy" fill="#242424" x="12" y="11" width="6" height="6" rx="3"></rect>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

10
public/themes/default/assets/images/unselected.svg Normal file
View File

@ -0,0 +1,10 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
<title>radio/unselected</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="radio/unselected" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle-4" stroke="#B9B9B9" x="0.5" y="0.5" width="15" height="15" rx="7.5"></rect>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 569 B

2
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"
}
}