Issue fixed

This commit is contained in:
jitendra 2018-08-21 18:44:48 +05:30
parent 15adb4218f
commit 7c775a571e
18 changed files with 2011 additions and 234 deletions

View File

@ -28,13 +28,15 @@
<div slot="body">
<div class="control-group" :class="[errors.has('name') ? 'has-error' : '']">
<label for="name" class="required">{{ __('admin::app.users.roles.name') }}</label>
<input type="text" v-validate="'required'" class="control" id="email" name="name"/>
<input type="text" v-validate="'required'" class="control" id="email" name="name" value="{{ old('name') }}"/>
<span class="control-error" v-if="errors.has('name')">@{{ errors.first('name') }}</span>
</div>
<div class="control-group">
<label for="description">{{ __('admin::app.users.roles.description') }}</label>
<textarea class="control" id="description" name="description"></textarea>
<textarea class="control" id="description" name="description">
{{ old('description') }}
</textarea>
</div>
</div>
</accordian>

View File

@ -30,13 +30,15 @@
<div slot="body">
<div class="control-group" :class="[errors.has('name') ? 'has-error' : '']">
<label for="name" class="required">{{ __('admin::app.users.roles.name') }}</label>
<input type="text" v-validate="'required'" class="control" id="email" name="name" value="{{ $role->name }}"/>
<input type="text" v-validate="'required'" class="control" id="name" name="name" value="{{ old('name') ?: $role->name }}"/>
<span class="control-error" v-if="errors.has('name')">@{{ errors.first('name') }}</span>
</div>
<div class="control-group">
<label for="description">{{ __('admin::app.users.roles.description') }}</label>
<textarea class="control" id="description" name="description">{{ $role->description }}</textarea>
<textarea class="control" id="description" name="description">
{{ old('description') ?: $role->description }}
</textarea>
</div>
</div>
</accordian>

View File

@ -9,4 +9,9 @@ Route::group(['middleware' => ['web']], function () {
Route::get('/categories/{slug}', 'Webkul\Shop\Http\Controllers\CategoryController@index')->defaults('_config', [
'view' => 'shop::products.index'
]);
Route::view('/cart', 'shop::store.product.view.cart.index');
Route::view('/products/{slug}', 'shop::store.product.details.index');
});

View File

@ -870,3 +870,619 @@ section.slider-block {
//edit form ends
}
//account ends here
//customers page css ends here
// product pages css starts here
section.product-detail, section.product-review {
font-size: 16px;
color: $product-font-color;
div.category-breadcrumbs {
display: inline;
}
div.layouter {
display:flex;
flex-flow: row;
margin-top: 21px;
.mixed-group {
.single-image {
padding: 2px;
img {
height: 280px;
width: 280px;
}
}
.details {
.product-name {
margin-top: 20px;
font-size: 24px;
margin-bottom: 20px;
}
.price {
margin-bottom: 14px;
.main-price {
font-size: 24px;
color: $product-price-color;
}
.real-price {
color: $real-price;
text-decoration-line: line-through;
}
}
}
}
.rating-reviews {
margin-top: 30px;
.title-inline {
display: inline-flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
width: 100%;
button {
float: right;
border-radius: 0px !important;
}
}
.overall {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
height: 150px;
.left-side {
margin-bottom: 20px;
.number{
font-size: 34px;
}
}
.right-side {
display: block;
.rater {
display: inline-flex;
align-items: center;
.star {
width: 50px;
height: 20px;
padding: 1px;
margin-right: 8px;
}
.line-bar {
height: 4px;
width: 158px;
margin-right: 12px;
background: $bar-color;
.line-value {
height: 4px;
width: 100px;
background-color: $dark-blue-shade;
}
}
}
}
}
.reviews {
margin-top: 34px;
margin-bottom: 90px;
.review {
margin-bottom: 25px;
.title {
margin-bottom: 5px;
}
.stars {
margin-bottom: 15px;
}
.message {
margin-bottom: 10px;
}
}
.view-all {
margin-top:15px;
color: $logo-color;
margin-bottom:15px;
}
}
}
div.product-image-group {
display:flex;
flex-direction: row;
justify-content: flex-start;
margin-right: 2.5%;
.side-group {
display: flex;
flex-direction: column;
margin-right: 4px;
}
.product-hero-image {
display: block;
position: relative;
.wishlist {
position: absolute;
top: 10px;
right: 12px;
}
.share {
position: absolute;
top: 10px;
right: 45px;
}
}
}
.details {
.product-heading {
font-size: 24px;
color: $product-font-color;
margin-bottom: 14px;
}
.rating {
color: $product-font-color;
margin-bottom: 14px;
}
.price {
margin-bottom: 14px;
.main-price {
font-size: 24px;
color: $product-price-color;
}
}
.stock-status {
margin-bottom: 14px;
}
.description {
margin-bottom: 14px;
}
hr{
border-top: 1px solid $horizontal-rule-color;
margin-bottom: 17px;
}
.attributes {
display: block;
width: 100%;
.attribute {
height: 39px;
margin-bottom: 20px;
.title {
float: left;
height: 100%;
min-width: 130px;
padding-top: 9px;
}
.values {
display: inline-flex;
.colors {
margin-right:5px;
}
.colors:last-child {
margin-right: 0;
}
.red {
height: 37px;
width: 37px;
background: red;
border: 1px solid $border-color;
border-radius: 2px;
}
.blue {
height: 37px;
width: 37px;
background: blue;
border: 1px solid $border-color;
border-radius: 2px;
}
.green {
height: 37px;
width: 37px;
background: green;
border: 1px solid $border-color;
border-radius: 2px;
}
.size {
margin-right:5px;
line-height: 38px;
height: 37px;
width: 60px;
border: 1px solid $border-color;
border-radius: 2px;
text-align: center;
vertical-align: middle;
}
.size:last-child {
margin-right: 0;
}
.quantity {
.values {
.control {
height: 37px !important;
width: 30px !important;
}
}
}
}
}
}
.full-description {
font-size: 16px;
}
.full-specification{
}
.rating-reviews {
margin-top: 30px;
.title{
margin-bottom: 15px;
}
.overall {
.number{
font-size: 34px;
}
button {
float: right;
border-radius: 0px !important;
}
margin-bottom: 5px;
}
.reviews {
margin-top: 34px;
margin-bottom: 80px;
.review {
margin-bottom: 25px;
.stars {
margin-bottom: 15px;
}
.message {
margin-bottom: 10px;
}
}
.view-all {
margin-top:15px;
color: $logo-color;
margin-bottom:15px;
}
}
}
}
}
// .related-products-wrapper {
// margin-bottom: 80px;
// .title{
// margin-bottom: 22px;
// text-align: center;
// }
// .horizontal-rule {
// height: 1px;
// background: $horizontal-rule-color;
// width: 148px;
// margin-bottom: 24px;
// margin-left:auto;
// margin-right:auto;
// }
// .related-products {
// display: grid;
// grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
// grid-gap: 10px;
// }
// }
}
/* cart pages and elements css begins here */
section.cart {
color: $product-font-color;
font-size: 16px;
margin-bottom: 80px;
.title {
font-size: 24px;
}
.cart-content {
margin-top: 21px;
padding: 1px;
display: flex;
flex-direction: row;
.left-side {
width: 68.6%;
margin-right: 2.4%;
.item {
padding: 1.1%;
margin-bottom: 20px;
display: flex;
flex-direction: row;
.item-image {
height: 160px;
width: 160px;
}
.item-details {
display: flex;
flex-direction: column;
.item-title {
font-size: 18px;
margin-bottom: 10px;
}
.price {
margin-bottom: 10px;
.main-price {
font-size: 18px;
margin-right: 4px;
}
.real-price {
margin-right: 4px;
text-decoration-line: line-through;
}
.discount {
color: $product-price-color;
}
}
.summary {
margin-bottom: 17px;
}
.misc {
display: inline-flex;
align-items: center;
justify-content: flex-start;
div.qty-text {
color: $gray-shade;
margin-right: 10px;
}
div.box {
height: 38px;
width: 60px;
text-align: center;
line-height: 38px;
border: 1px solid $border-color;
border-radius: 3px;
margin-right: 30px;
}
.remove {
color: $dark-blue-shade;
margin-right: 30px;
}
.towishlist {
color : $dark-blue-shade;
}
}
}
}
.misc-controls {
float: right;
span {
margin-right: 15px;
}
button {
border-radius: 0px;
}
}
}
.right-side {
width: 29%;
display: block;
.price-section {
width: 100%;
padding: 10px 10px 18px 18px;
margin-bottom: 20px;
.title {
font-size: 16px;
font-weight: bold;
padding-bottom: 8px;
margin-bottom: 10px;
}
.all-item-details {
margin-bottom: 17px;
.item-details {
margin-bottom: 10px;
.name {
}
.price {
float: right;
}
}
}
.horizontal-rule {
width: 100%;
height: 1px;
vertical-align: middle;
background: #e8e8e8;
}
.total-details {
margin-top: 10px;
.amount {
float: right;
}
}
}
.coupon-section {
padding: 10px 10px 18px 18px;
.title {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}
.control-group {
margin-bottom: 12px !important;
input.coupon-input::-moz-placeholder {
font-family: "montserrat", sans-serif;
font-size: 16px;
color: $product-font-color;
}
input.coupon-input::-webkit-input-placeholder {
font-family: "montserrat", sans-serif;
font-size: 16px;
color: $product-font-color;
}
}
button {
margin-bottom: 10px;
background-color: $color-black;
border-radius: 0px;
}
.coupon-details {
.coupon {
margin-bottom: 8px;
.discount {
float: right;
}
}
}
.horizontal-rule {
width: 100%;
height: 1px;
vertical-align: middle;
background: #e8e8e8;
margin-bottom: 9px;
}
.after-coupon-amount {
.name {
font-weight: bold;
}
.amount {
float: right;
font-weight: bold;
}
}
}
}
}
}
.related-products-wrapper {
margin-bottom: 80px;
.title{
margin-bottom: 22px;
font-size: 18px;
color: $product-font-color;
text-align: center;
}
.horizontal-rule {
height: 1px;
background: $horizontal-rule-color;
width: 148px;
margin-bottom: 24px;
margin-left:auto;
margin-right:auto;
}
.related-products {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-gap: 10px;
}
}

View File

@ -6,7 +6,7 @@
<ul class="logo-container">
<li>
<a href="{{ route('store.home') }}">
<a href="">
<img class="logo" src="vendor/webkul/shop/assets/images/logo.svg" />
</a>
</li>

View File

@ -11,16 +11,16 @@
<div class="product-image-group">
<div class="side-group">
<img src="{{ asset('vendor/webkul/shop/assets/images/jeans.jpg') }}" />
<img src="{{ asset('vendor/webkul/shop/assets/images/jeans.jpg') }}" />
<img src="{{ asset('vendor/webkul/shop/assets/images/jeans.jpg') }}" />
<img src="{{ asset('vendor/webkul/shop/assets/images/jeans.jpg') }}" />
<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="{{ asset('vendor/webkul/shop/assets/images/jeans_big.jpg') }}" />
<img class="wishlist" src="{{ asset('vendor/webkul/shop/assets/images/wish.svg') }}" />
<img class="share" src="{{ asset('vendor/webkul/shop/assets/images/icon-share.svg') }}" />
<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>
@ -31,7 +31,7 @@
<span>Rainbow creation Embroidered</span>
</div>
<div class="rating">
<img src="{{ asset('vendor/webkul/shop/assets/images/5star.svg') }}" />
<img src="{{ bagisto_asset('images/5star.svg') }}" />
75 Ratings & 11 Reviews
</div>
<div class="price">
@ -113,7 +113,7 @@
4.3
</span>
<span class="stars">
<img src="{{ asset('vendor/webkul/shop/assets/images/5star.svg') }}" />
<img src="{{ bagisto_asset('images/5star.svg') }}" />
</span>
<button class="btn btn-md btn-primary">Write Review</button>
@ -128,7 +128,7 @@
Awesome
</div>
<div class="stars">
<img src="{{ asset('vendor/webkul/shop/assets/images/5star.svg') }}" />
<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
@ -147,7 +147,7 @@
Awesome
</div>
<div class="stars">
<img src="{{ asset('vendor/webkul/shop/assets/images/5star.svg') }}" />
<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
@ -166,7 +166,7 @@
Awesome
</div>
<div class="stars">
<img src="{{ asset('vendor/webkul/shop/assets/images/5star.svg') }}" />
<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
@ -189,96 +189,96 @@
<div class="related-products-wrapper">
<div class="title">
We found other products you might like!
<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="horizontal-rule"></div>
<div class="related-products">
<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 class="product-card">
<div class="product-image">
<img src="{{ bagisto_asset('images/grid.png') }}" />
</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 class="product-name">
<span>Red Black Tees</span>
</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 class="product-price">
<span>$65.00</span>
</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 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>

View File

@ -10,7 +10,7 @@
<div class="left-side">
<div class="item">
<img class="item-image" src="{{ asset('vendor/webkul/shop/assets/images/jeans_big.jpg') }}" />
<img class="item-image" src="{{ bagisto_asset('images/jeans_big.jpg') }}" />
<div class="item-details">
@ -44,7 +44,7 @@
</div>
<div class="item">
<img class="item-image" src="{{ asset('vendor/webkul/shop/assets/images/jeans_big.jpg') }}" />
<img class="item-image" src="{{ bagisto_asset('images/jeans_big.jpg') }}" />
<div class="item-details">
@ -164,7 +164,7 @@
<div class="product-card">
<div class="product-image">
<img src="vendor/webkul/shop/assets/images/grid.png" />
<img src="{{ bagisto_asset('images/grid.png') }}" />
</div>
<div class="product-name">
<span>Red Black Tees</span>
@ -174,17 +174,17 @@
</div>
<div class="product-ratings">
<span>
<img src="vendor/webkul/shop/assets/images/5star.svg" />
<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="vendor/webkul/shop/assets/images/wishadd.svg" /></span>
<span><img src="{{ bagisto_asset('images/wishadd.svg') }}" /></span>
</div>
</div>
<div class="product-card">
<div class="product-image">
<img src="vendor/webkul/shop/assets/images/grid.png" />
<img src="{{ bagisto_asset('images/grid.png') }}" />
</div>
<div class="product-name">
<span>Red Black Tees</span>
@ -194,17 +194,17 @@
</div>
<div class="product-ratings">
<span>
<img src="vendor/webkul/shop/assets/images/5star.svg" />
<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="vendor/webkul/shop/assets/images/wishadd.svg" /></span>
<span><img src="{{ bagisto_asset('images/wishadd.svg') }}" /></span>
</div>
</div>
<div class="product-card">
<div class="product-image">
<img src="vendor/webkul/shop/assets/images/grid.png" />
<img src="{{ bagisto_asset('images/grid.png') }}" />
</div>
<div class="product-name">
<span>Red Black Tees</span>
@ -214,17 +214,17 @@
</div>
<div class="product-ratings">
<span>
<img src="vendor/webkul/shop/assets/images/5star.svg" />
<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="vendor/webkul/shop/assets/images/wishadd.svg" /></span>
<span><img src="{{ bagisto_asset('images/wishadd.svg') }}" /></span>
</div>
</div>
<div class="product-card">
<div class="product-image">
<img src="vendor/webkul/shop/assets/images/grid.png" />
<img src="{{ bagisto_asset('images/grid.png') }}" />
</div>
<div class="product-name">
<span>Red Black Tees</span>
@ -234,12 +234,12 @@
</div>
<div class="product-ratings">
<span>
<img src="vendor/webkul/shop/assets/images/5star.svg" />
<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="vendor/webkul/shop/assets/images/wishadd.svg" /></span>
<span><img src="{{ bagisto_asset('images/wishadd.svg') }}" /></span>
</div>
</div>
</div>

View File

@ -189,7 +189,7 @@ class ProductGrid
public function __construct(AttributeRepository $attributes) {
$this->channel = request()->get('channel') ?: channel()->getChannel();
$this->channel = request()->get('channel') ?: core()->getCurrentChannelCode();
$this->locale = request()->get('locale') ?: app()->getLocale();
$this->attributes = $attributes;

View File

@ -132,9 +132,11 @@
<td class="">{!! $column->render($result) !!}</td>
@endforeach
@if(isset($attribute_columns))
@foreach ($attribute_columns as $atc)
<td>{{ $result->{$atc} }}</td>
@endforeach
@endif
<td class="action">
@foreach($actions as $action)

View File

@ -91,7 +91,7 @@ body {
font-size: 14px;
}
.header .header-top div.left-content ul.search-container li.search-group .q-c {
.header .header-top div.left-content ul.search-container li.search-group .search-icon-wrapper {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 38px;
@ -101,7 +101,7 @@ body {
border-bottom-right-radius: 3px;
}
.header .header-top div.left-content ul.search-container li.search-group .q-c .search-icon {
.header .header-top div.left-content ul.search-container li.search-group .search-icon-wrapper .search-icon {
margin-top: 4px;
margin-left: 4px;
height: 24px;
@ -159,11 +159,11 @@ body {
margin-top: 10px;
}
.header .header-top div.right-content ul.product-dropdown-container {
.header .header-top div.right-content ul.cart-dropdown {
float: right;
}
.header .header-top div.right-content ul.product-dropdown-container li.product-dropdown {
.header .header-top div.right-content ul.cart-dropdown li.cart-summary {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
@ -174,24 +174,24 @@ body {
margin-left: 14px;
}
.header .header-top div.right-content ul.product-dropdown-container li.product-dropdown .cart-icon {
.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.product-dropdown-container li.product-dropdown .cart {
.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.product-dropdown-container li.product-dropdown .cart .cart-count {
.header .header-top div.right-content ul.cart-dropdown li.cart-summary .cart .cart-count {
color: #0031f0;
padding-right: 3px;
}
.header .header-top div.right-content ul.product-dropdown-container li.product-dropdown .icon.arrow-down-icon {
.header .header-top div.right-content ul.cart-dropdown li.cart-summary .icon.arrow-down-icon {
margin-top: 10px;
}
@ -347,39 +347,76 @@ body {
right: 10px;
}
.slider-block {
section.slider-block {
display: block;
width: 80%;
margin-left: auto;
margin-right: auto;
margin-bottom: 5%;
}
.slider-block .slider-content ul.slider-images li img {
width: 100%;
section.slider-block div.slider-content {
width: 80%;
height: 500px;
-o-object-fit: fill;
object-fit: fill;
margin-left: auto;
margin-right: auto;
}
.slider-block .slider-content ul.slider-images .slider-control {
display: inline-block;
vertical-align: middle;
section.slider-block div.slider-content ul.slider-images li {
position: absolute;
right: 10%;
margin-top: -60px;
margin-right: 10px;
visibility: hidden;
}
.slider-block .slider-content ul.slider-images .slider-control .dark-left-icon {
background-color: white;
section.slider-block div.slider-content ul.slider-images li.show {
display: block;
visibility: visible;
width: 80%;
-webkit-animation-name: example;
animation-name: example;
-webkit-animation-duration: 4s;
animation-duration: 4s;
}
@-webkit-keyframes example {
0% {
opacity: 0.1;
}
100% {
opacity: 1;
}
}
@keyframes example {
0% {
opacity: 0.1;
}
100% {
opacity: 1;
}
}
section.slider-block div.slider-content ul.slider-images li img {
height: 500px;
width: 100%;
}
section.slider-block div.slider-content div.slider-control {
display: block;
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
bottom: 2%;
right: 11%;
}
section.slider-block div.slider-content div.slider-control .dark-left-icon {
background-color: #ffffff;
height: 48px;
width: 48px;
max-height: 100%;
max-width: 100%;
}
.slider-block .slider-content ul.slider-images .slider-control .light-right-icon {
section.slider-block div.slider-content div.slider-control .light-right-icon {
background-color: black;
height: 48px;
width: 48px;
@ -647,7 +684,7 @@ body {
}
.footer {
background-color: #ffffff;
background-color: #f2f2f2;
padding-left: 10%;
padding-right: 10%;
}
@ -938,3 +975,618 @@ body {
font-family: "Montserrat", sans-serif;
width: 100%;
}
section.product-detail, section.product-review {
font-size: 16px;
color: #242424;
}
section.product-detail div.category-breadcrumbs, section.product-review div.category-breadcrumbs {
display: inline;
}
section.product-detail div.layouter, section.product-review div.layouter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
flex-flow: row;
margin-top: 21px;
}
section.product-detail div.layouter .mixed-group .single-image, section.product-review div.layouter .mixed-group .single-image {
padding: 2px;
}
section.product-detail div.layouter .mixed-group .single-image img, section.product-review div.layouter .mixed-group .single-image img {
height: 280px;
width: 280px;
}
section.product-detail div.layouter .mixed-group .details .product-name, section.product-review div.layouter .mixed-group .details .product-name {
margin-top: 20px;
font-size: 24px;
margin-bottom: 20px;
}
section.product-detail div.layouter .mixed-group .details .price, section.product-review div.layouter .mixed-group .details .price {
margin-bottom: 14px;
}
section.product-detail div.layouter .mixed-group .details .price .main-price, section.product-review div.layouter .mixed-group .details .price .main-price {
font-size: 24px;
color: #FF6472;
}
section.product-detail div.layouter .mixed-group .details .price .real-price, section.product-review div.layouter .mixed-group .details .price .real-price {
color: #A5A5A5;
-webkit-text-decoration-line: line-through;
text-decoration-line: line-through;
}
section.product-detail div.layouter .rating-reviews, section.product-review div.layouter .rating-reviews {
margin-top: 30px;
}
section.product-detail div.layouter .rating-reviews .title-inline, section.product-review div.layouter .rating-reviews .title-inline {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20px;
width: 100%;
}
section.product-detail div.layouter .rating-reviews .title-inline button, section.product-review div.layouter .rating-reviews .title-inline button {
float: right;
border-radius: 0px !important;
}
section.product-detail div.layouter .rating-reviews .overall, section.product-review div.layouter .rating-reviews .overall {
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-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 150px;
}
section.product-detail div.layouter .rating-reviews .overall .left-side, section.product-review div.layouter .rating-reviews .overall .left-side {
margin-bottom: 20px;
}
section.product-detail div.layouter .rating-reviews .overall .left-side .number, section.product-review div.layouter .rating-reviews .overall .left-side .number {
font-size: 34px;
}
section.product-detail div.layouter .rating-reviews .overall .right-side, section.product-review div.layouter .rating-reviews .overall .right-side {
display: block;
}
section.product-detail div.layouter .rating-reviews .overall .right-side .rater, section.product-review div.layouter .rating-reviews .overall .right-side .rater {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
section.product-detail div.layouter .rating-reviews .overall .right-side .rater .star, section.product-review div.layouter .rating-reviews .overall .right-side .rater .star {
width: 50px;
height: 20px;
padding: 1px;
margin-right: 8px;
}
section.product-detail div.layouter .rating-reviews .overall .right-side .rater .line-bar, section.product-review div.layouter .rating-reviews .overall .right-side .rater .line-bar {
height: 4px;
width: 158px;
margin-right: 12px;
background: #D8D8D8;
}
section.product-detail div.layouter .rating-reviews .overall .right-side .rater .line-bar .line-value, section.product-review div.layouter .rating-reviews .overall .right-side .rater .line-bar .line-value {
height: 4px;
width: 100px;
background-color: #0031F0;
}
section.product-detail div.layouter .rating-reviews .reviews, section.product-review div.layouter .rating-reviews .reviews {
margin-top: 34px;
margin-bottom: 90px;
}
section.product-detail div.layouter .rating-reviews .reviews .review, section.product-review div.layouter .rating-reviews .reviews .review {
margin-bottom: 25px;
}
section.product-detail div.layouter .rating-reviews .reviews .review .title, section.product-review div.layouter .rating-reviews .reviews .review .title {
margin-bottom: 5px;
}
section.product-detail div.layouter .rating-reviews .reviews .review .stars, section.product-review div.layouter .rating-reviews .reviews .review .stars {
margin-bottom: 15px;
}
section.product-detail div.layouter .rating-reviews .reviews .review .message, section.product-review div.layouter .rating-reviews .reviews .review .message {
margin-bottom: 10px;
}
section.product-detail div.layouter .rating-reviews .reviews .view-all, section.product-review div.layouter .rating-reviews .reviews .view-all {
margin-top: 15px;
color: #0031f0;
margin-bottom: 15px;
}
section.product-detail div.layouter div.product-image-group, section.product-review div.layouter div.product-image-group {
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-right: 2.5%;
}
section.product-detail div.layouter div.product-image-group .side-group, section.product-review div.layouter div.product-image-group .side-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-right: 4px;
}
section.product-detail div.layouter div.product-image-group .product-hero-image, section.product-review div.layouter div.product-image-group .product-hero-image {
display: block;
position: relative;
}
section.product-detail div.layouter div.product-image-group .product-hero-image .wishlist, section.product-review div.layouter div.product-image-group .product-hero-image .wishlist {
position: absolute;
top: 10px;
right: 12px;
}
section.product-detail div.layouter div.product-image-group .product-hero-image .share, section.product-review div.layouter div.product-image-group .product-hero-image .share {
position: absolute;
top: 10px;
right: 45px;
}
section.product-detail div.layouter .details .product-heading, section.product-review div.layouter .details .product-heading {
font-size: 24px;
color: #242424;
margin-bottom: 14px;
}
section.product-detail div.layouter .details .rating, section.product-review div.layouter .details .rating {
color: #242424;
margin-bottom: 14px;
}
section.product-detail div.layouter .details .price, section.product-review div.layouter .details .price {
margin-bottom: 14px;
}
section.product-detail div.layouter .details .price .main-price, section.product-review div.layouter .details .price .main-price {
font-size: 24px;
color: #FF6472;
}
section.product-detail div.layouter .details .stock-status, section.product-review div.layouter .details .stock-status {
margin-bottom: 14px;
}
section.product-detail div.layouter .details .description, section.product-review div.layouter .details .description {
margin-bottom: 14px;
}
section.product-detail div.layouter .details hr, section.product-review div.layouter .details hr {
border-top: 1px solid #E8E8E8;
margin-bottom: 17px;
}
section.product-detail div.layouter .details .attributes, section.product-review div.layouter .details .attributes {
display: block;
width: 100%;
}
section.product-detail div.layouter .details .attributes .attribute, section.product-review div.layouter .details .attributes .attribute {
height: 39px;
margin-bottom: 20px;
}
section.product-detail div.layouter .details .attributes .attribute .title, section.product-review div.layouter .details .attributes .attribute .title {
float: left;
height: 100%;
min-width: 130px;
padding-top: 9px;
}
section.product-detail div.layouter .details .attributes .attribute .values, section.product-review div.layouter .details .attributes .attribute .values {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
section.product-detail div.layouter .details .attributes .attribute .values .colors, section.product-review div.layouter .details .attributes .attribute .values .colors {
margin-right: 5px;
}
section.product-detail div.layouter .details .attributes .attribute .values .colors:last-child, section.product-review div.layouter .details .attributes .attribute .values .colors:last-child {
margin-right: 0;
}
section.product-detail div.layouter .details .attributes .attribute .values .red, section.product-review div.layouter .details .attributes .attribute .values .red {
height: 37px;
width: 37px;
background: red;
border: 1px solid #c7c7c7;
border-radius: 2px;
}
section.product-detail div.layouter .details .attributes .attribute .values .blue, section.product-review div.layouter .details .attributes .attribute .values .blue {
height: 37px;
width: 37px;
background: blue;
border: 1px solid #c7c7c7;
border-radius: 2px;
}
section.product-detail div.layouter .details .attributes .attribute .values .green, section.product-review div.layouter .details .attributes .attribute .values .green {
height: 37px;
width: 37px;
background: green;
border: 1px solid #c7c7c7;
border-radius: 2px;
}
section.product-detail div.layouter .details .attributes .attribute .values .size, section.product-review div.layouter .details .attributes .attribute .values .size {
margin-right: 5px;
line-height: 38px;
height: 37px;
width: 60px;
border: 1px solid #c7c7c7;
border-radius: 2px;
text-align: center;
vertical-align: middle;
}
section.product-detail div.layouter .details .attributes .attribute .values .size:last-child, section.product-review div.layouter .details .attributes .attribute .values .size:last-child {
margin-right: 0;
}
section.product-detail div.layouter .details .attributes .attribute .values .quantity .values .control, section.product-review div.layouter .details .attributes .attribute .values .quantity .values .control {
height: 37px !important;
width: 30px !important;
}
section.product-detail div.layouter .details .full-description, section.product-review div.layouter .details .full-description {
font-size: 16px;
}
section.product-detail div.layouter .details .rating-reviews, section.product-review div.layouter .details .rating-reviews {
margin-top: 30px;
}
section.product-detail div.layouter .details .rating-reviews .title, section.product-review div.layouter .details .rating-reviews .title {
margin-bottom: 15px;
}
section.product-detail div.layouter .details .rating-reviews .overall, section.product-review div.layouter .details .rating-reviews .overall {
margin-bottom: 5px;
}
section.product-detail div.layouter .details .rating-reviews .overall .number, section.product-review div.layouter .details .rating-reviews .overall .number {
font-size: 34px;
}
section.product-detail div.layouter .details .rating-reviews .overall button, section.product-review div.layouter .details .rating-reviews .overall button {
float: right;
border-radius: 0px !important;
}
section.product-detail div.layouter .details .rating-reviews .reviews, section.product-review div.layouter .details .rating-reviews .reviews {
margin-top: 34px;
margin-bottom: 80px;
}
section.product-detail div.layouter .details .rating-reviews .reviews .review, section.product-review div.layouter .details .rating-reviews .reviews .review {
margin-bottom: 25px;
}
section.product-detail div.layouter .details .rating-reviews .reviews .review .stars, section.product-review div.layouter .details .rating-reviews .reviews .review .stars {
margin-bottom: 15px;
}
section.product-detail div.layouter .details .rating-reviews .reviews .review .message, section.product-review div.layouter .details .rating-reviews .reviews .review .message {
margin-bottom: 10px;
}
section.product-detail div.layouter .details .rating-reviews .reviews .view-all, section.product-review div.layouter .details .rating-reviews .reviews .view-all {
margin-top: 15px;
color: #0031f0;
margin-bottom: 15px;
}
/* cart pages and elements css begins here */
section.cart {
color: #242424;
font-size: 16px;
margin-bottom: 80px;
}
section.cart .title {
font-size: 24px;
}
section.cart .cart-content {
margin-top: 21px;
padding: 1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
section.cart .cart-content .left-side {
width: 68.6%;
margin-right: 2.4%;
}
section.cart .cart-content .left-side .item {
padding: 1.1%;
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
section.cart .cart-content .left-side .item .item-image {
height: 160px;
width: 160px;
}
section.cart .cart-content .left-side .item .item-details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
section.cart .cart-content .left-side .item .item-details .item-title {
font-size: 18px;
margin-bottom: 10px;
}
section.cart .cart-content .left-side .item .item-details .price {
margin-bottom: 10px;
}
section.cart .cart-content .left-side .item .item-details .price .main-price {
font-size: 18px;
margin-right: 4px;
}
section.cart .cart-content .left-side .item .item-details .price .real-price {
margin-right: 4px;
-webkit-text-decoration-line: line-through;
text-decoration-line: line-through;
}
section.cart .cart-content .left-side .item .item-details .price .discount {
color: #FF6472;
}
section.cart .cart-content .left-side .item .item-details .summary {
margin-bottom: 17px;
}
section.cart .cart-content .left-side .item .item-details .misc {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
section.cart .cart-content .left-side .item .item-details .misc div.qty-text {
color: #5E5E5E;
margin-right: 10px;
}
section.cart .cart-content .left-side .item .item-details .misc div.box {
height: 38px;
width: 60px;
text-align: center;
line-height: 38px;
border: 1px solid #c7c7c7;
border-radius: 3px;
margin-right: 30px;
}
section.cart .cart-content .left-side .item .item-details .misc .remove {
color: #0031F0;
margin-right: 30px;
}
section.cart .cart-content .left-side .item .item-details .misc .towishlist {
color: #0031F0;
}
section.cart .cart-content .left-side .misc-controls {
float: right;
}
section.cart .cart-content .left-side .misc-controls span {
margin-right: 15px;
}
section.cart .cart-content .left-side .misc-controls button {
border-radius: 0px;
}
section.cart .cart-content .right-side {
width: 29%;
display: block;
}
section.cart .cart-content .right-side .price-section {
width: 100%;
padding: 10px 10px 18px 18px;
margin-bottom: 20px;
}
section.cart .cart-content .right-side .price-section .title {
font-size: 16px;
font-weight: bold;
padding-bottom: 8px;
margin-bottom: 10px;
}
section.cart .cart-content .right-side .price-section .all-item-details {
margin-bottom: 17px;
}
section.cart .cart-content .right-side .price-section .all-item-details .item-details {
margin-bottom: 10px;
}
section.cart .cart-content .right-side .price-section .all-item-details .item-details .price {
float: right;
}
section.cart .cart-content .right-side .price-section .horizontal-rule {
width: 100%;
height: 1px;
vertical-align: middle;
background: #e8e8e8;
}
section.cart .cart-content .right-side .price-section .total-details {
margin-top: 10px;
}
section.cart .cart-content .right-side .price-section .total-details .amount {
float: right;
}
section.cart .cart-content .right-side .coupon-section {
padding: 10px 10px 18px 18px;
}
section.cart .cart-content .right-side .coupon-section .title {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}
section.cart .cart-content .right-side .coupon-section .control-group {
margin-bottom: 12px !important;
}
section.cart .cart-content .right-side .coupon-section .control-group input.coupon-input::-moz-placeholder {
font-family: "montserrat", sans-serif;
font-size: 16px;
color: #242424;
}
section.cart .cart-content .right-side .coupon-section .control-group input.coupon-input::-webkit-input-placeholder {
font-family: "montserrat", sans-serif;
font-size: 16px;
color: #242424;
}
section.cart .cart-content .right-side .coupon-section button {
margin-bottom: 10px;
background-color: black;
border-radius: 0px;
}
section.cart .cart-content .right-side .coupon-section .coupon-details .coupon {
margin-bottom: 8px;
}
section.cart .cart-content .right-side .coupon-section .coupon-details .coupon .discount {
float: right;
}
section.cart .cart-content .right-side .coupon-section .horizontal-rule {
width: 100%;
height: 1px;
vertical-align: middle;
background: #e8e8e8;
margin-bottom: 9px;
}
section.cart .cart-content .right-side .coupon-section .after-coupon-amount .name {
font-weight: bold;
}
section.cart .cart-content .right-side .coupon-section .after-coupon-amount .amount {
float: right;
font-weight: bold;
}
.related-products-wrapper {
margin-bottom: 80px;
}
.related-products-wrapper .title {
margin-bottom: 22px;
font-size: 18px;
color: #242424;
text-align: center;
}
.related-products-wrapper .horizontal-rule {
height: 1px;
background: #E8E8E8;
width: 148px;
margin-bottom: 24px;
margin-left: auto;
margin-right: auto;
}
.related-products-wrapper .related-products {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-gap: 10px;
}

View File

@ -0,0 +1,26 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="254px" height="236px" viewBox="0 0 254 236" 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>404-image</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Desktop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5">
<g id="404-page" transform="translate(-960.000000, -288.000000)">
<g id="404-image" transform="translate(961.000000, 289.000000)">
<polyline id="Path-3" stroke="#242424" stroke-width="3" points="0.626953125 0.990234375 34.3359375 26.4658203 34.6796875 73.1640625 34.3359375 186.773437 160.960938 215.992187 210.71875 130.375 34.3359375 72.71875"></polyline>
<g id="Group" transform="translate(46.000000, 190.000000)" fill="#FFFFFF" stroke="#242424" stroke-width="3">
<circle id="Oval" cx="22.5" cy="22.5" r="21"></circle>
<circle id="Oval" cx="23" cy="23" r="5.5"></circle>
</g>
<g id="Group" transform="translate(208.000000, 163.000000)" fill="#FFFFFF" stroke="#242424" stroke-width="3">
<circle id="Oval" cx="22.5" cy="22.5" r="21"></circle>
<circle id="Oval" cx="23" cy="23" r="5.5"></circle>
</g>
<path d="M178,205 L182,205 L182,208 L178,208 L178,205 Z M185,205 L206,205 L206,208 L185,208 L185,205 Z" id="Combined-Shape" fill="#242424" transform="translate(192.000000, 206.500000) rotate(-23.000000) translate(-192.000000, -206.500000) "></path>
<path d="M172.473165,218.350993 L176.473165,218.350993 L176.473165,221.350993 L172.473165,221.350993 L172.473165,218.350993 Z M179.473165,218.350993 L200.473165,218.350993 L200.473165,221.350993 L179.473165,221.350993 L179.473165,218.350993 Z" id="Combined-Shape" fill="#242424" transform="translate(186.473165, 219.850993) rotate(-23.000000) translate(-186.473165, -219.850993) "></path>
<path d="M198.610065,126.237911 L222.219028,78.9333292 L163.963322,59.4411726 L147.719875,109.950161 L198.610065,126.237911 Z" id="Path-4" stroke="#242424" stroke-width="3"></path>
<polyline id="Path-5" stroke="#242424" stroke-width="3" points="131.557617 105.489258 134.746094 71.9423828 157.437808 79.0096878"></polyline>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

View File

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="106px" height="16px" viewBox="0 0 106 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>Star-4</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Star-4" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon id="Star" fill="#242424" points="8.41169779 13.2668737 3.21298265 16 4.2058489 10.2111456 2.29816166e-14 6.11145618 5.81234022 5.26687371 8.41169779 0 11.0110554 5.26687371 16.8233956 6.11145618 12.6175467 10.2111456 13.6104129 16"></polygon>
<polygon id="Star" fill="#242424" points="31.4116978 13.2668737 26.2129827 16 27.2058489 10.2111456 23 6.11145618 28.8123402 5.26687371 31.4116978 0 34.0110554 5.26687371 39.8233956 6.11145618 35.6175467 10.2111456 36.6104129 16"></polygon>
<polygon id="Star" fill="#242424" points="53.4116978 13.2668737 48.2129827 16 49.2058489 10.2111456 45 6.11145618 50.8123402 5.26687371 53.4116978 0 56.0110554 5.26687371 61.8233956 6.11145618 57.6175467 10.2111456 58.6104129 16"></polygon>
<polygon id="Star" fill="#242424" points="75.4116978 13.2668737 70.2129827 16 71.2058489 10.2111456 67 6.11145618 72.8123402 5.26687371 75.4116978 0 78.0110554 5.26687371 83.8233956 6.11145618 79.6175467 10.2111456 80.6104129 16"></polygon>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@ -0,0 +1,17 @@
<?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-grid-view</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Desktop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Category" transform="translate(-918.000000, -652.000000)" fill="#242424">
<g id="icon-grid-view" transform="translate(918.000000, 652.000000)">
<rect id="1" x="0" y="0" width="10" height="10"></rect>
<rect id="2" x="0" y="14" width="10" height="10"></rect>
<rect id="3" x="14" y="0" width="10" height="10"></rect>
<rect id="4" x="14" y="14" width="10" height="10"></rect>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 947 B

View File

@ -0,0 +1,19 @@
<?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-list-view</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Desktop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Category" transform="translate(-952.000000, -652.000000)" fill="#242424">
<g id="icon-list-view" transform="translate(952.000000, 652.000000)">
<rect id="4" x="0" y="0" width="10" height="10"></rect>
<rect id="4" x="0" y="14" width="10" height="10"></rect>
<rect id="Rectangle-4" x="12" y="0" width="12" height="3"></rect>
<rect id="Rectangle-4-Copy" x="12" y="5" width="10" height="3"></rect>
<rect id="Rectangle-4" x="12" y="14" width="12" height="3"></rect>
<rect id="Rectangle-4-Copy" x="12" y="19" width="10" height="3"></rect>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -0,0 +1,10 @@
<?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>icon-share</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="icon-share" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M17.6017572,10.3626848 L17.6017572,8.97307668 L17.7423684,8.6716255 C18.0755216,7.95739026 18.7398682,7.5 19.5457911,7.5 C20.1894353,7.5 20.7487974,7.78098589 21.2150301,8.2450489 L25.7080449,12.7380637 L26.4358083,14.1586418 L25.673421,15.4378805 L25.5412491,15.5700523 L21.4220501,19.6885211 C20.7714032,20.3058878 20.2492699,20.6394498 19.5457911,20.6394498 C18.4975787,20.6394498 17.9427193,19.9473628 17.6730945,19.0185829 L17.6136225,18.8137191 L17.6136225,17.7824848 L17.0348214,17.7824848 C14.7402618,18.0465879 13.3365725,18.4574553 12.9871802,18.8050312 C12.8906505,18.901059 12.7357942,19.3763592 12.6365699,20.1145364 C12.6079463,20.3274811 12.5836405,20.5556138 12.5597427,20.8255333 C12.5451306,20.9905732 12.4990927,21.5648652 12.5023767,21.5251552 C12.4357011,22.3313848 12.3949365,22.6163508 12.2061579,22.9983804 C11.452927,24.5226869 9.71842249,24.8652049 8.74190088,23.2916804 C8.3315068,22.6303892 8.01010578,21.536647 7.69057879,19.8821889 C7.45964356,18.6864444 7.38096076,16.8312152 7.7443344,15.6617817 C8.1616307,14.3188106 8.80512846,13.2419676 9.75271558,12.4112199 C11.2470104,11.1011747 13.3610793,10.4388485 16.0925932,10.3626848 L17.6017572,10.3626848 Z" id="Path-4" stroke="#242424" stroke-width="3"></path>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

File diff suppressed because one or more lines are too long