This commit is contained in:
shubhammehrotra.symfony@webkul.com 2020-01-16 17:10:38 +05:30
parent 497271fa04
commit 6ef9ed0822
9 changed files with 111 additions and 42 deletions

View File

@ -2422,6 +2422,10 @@
padding-top: 0;
}
.slides-container .VueCarousel .VueCarousel-slide:not(:nth-of-type(1)) img {
display: none;
}
.filter-attributes-item {
margin-bottom: 10px;
border-bottom: 1px solid #CCCCCC;
@ -2528,11 +2532,6 @@ body .container-margin {
background-image: url("../images/Icon-Arrow-Right.svg");
}
.banner-icon {
height: unset;
display: inline-block;
}
.card-product-image-container {
height: 300px;
min-height: 100px;
@ -3307,6 +3306,14 @@ body::after {
padding: 0px 20px;
}
.footer .footer-copy-right a {
color: unset;
}
.footer .footer-copy-right a:hover {
color: #4D7EA8;
}
.padding-15 {
padding: 15px;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 637 KiB

After

Width:  |  Height:  |  Size: 332 KiB

View File

@ -35818,12 +35818,22 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
//
//
//
//
//
//
//
/* harmony default export */ __webpack_exports__["default"] = ({
props: ['id', 'addClass', 'slidesCount', 'slidesPerPage', 'navigationEnabled', 'paginationEnabled'],
props: ['id', 'loop', 'timeout', 'autoplay', 'addClass', 'slidesCount', 'slidesPerPage', 'navigationEnabled', 'paginationEnabled'],
data: function data() {
return {};
},
methods: {
slideClicked: function slideClicked() {
debugger;
}
}
});
@ -35844,9 +35854,13 @@ var render = function() {
_vm.addClass
],
attrs: {
perPage: parseInt(_vm.slidesPerPage),
navigationEnabled: true,
paginationEnabled: true
paginationEnabled: true,
perPage: parseInt(_vm.slidesPerPage),
loop: _vm.loop == "true" ? true : false,
autoplay: _vm.autoplay == "true" ? true : false,
autoplayTimeout: _vm.timeout ? parseInt(_vm.timeout) : 2000,
"slide-click": "slideClicked"
}
},
[

View File

@ -14,7 +14,7 @@ class VelocityMetaDataSeeder extends Seeder
DB::table('velocity_meta_data')->insert([
'id' => 1,
'home_page_content' => "<p>@include('shop::home.advertisements.advertisement-four')@include('shop::home.featured-products') @include('shop::home.advertisements.advertisement-three') @include('shop::home.new-products') @include('shop::home.advertisements.advertisement-two')</p>",
'home_page_content' => "<p>@include('shop::home.advertisements.advertisement-four')@include('shop::home.featured-products') @include('shop::home.product-policy') @include('shop::home.advertisements.advertisement-three') @include('shop::home.new-products') @include('shop::home.advertisements.advertisement-two')</p>",
'footer_left_content' => trans('velocity::app.admin.meta-data.footer-left-raw-content'),
@ -22,7 +22,7 @@ class VelocityMetaDataSeeder extends Seeder
'slider' => 1,
'subscription_bar_content' => '<div class="social-icons col-lg-6"><i class="fs24 within-circle rango-facebook" title="facebook"></i> <i class="fs24 within-circle rango-twitter" title="twitter"></i> <i class="fs24 within-circle rango-linked-in" title="linkedin"></i> <i class="fs24 within-circle rango-pintrest" title="Pinterest"></i> <i class="fs24 within-circle rango-youtube" title="Youtube"></i> <i class="fs24 within-circle rango-instagram" title="instagram"></i></div>',
'subscription_bar_content' => '<div class="social-icons col-lg-6 text-center"><a href="https://webkul.com" target="_blank" class="unset" rel="noopener noreferrer"><i class="fs24 within-circle rango-facebook" title="facebook"></i> </a> <a href="https://webkul.com" target="_blank" class="unset" rel="noopener noreferrer"><i class="fs24 within-circle rango-twitter" title="twitter"></i> </a> <a href="https://webkul.com" target="_blank" class="unset" rel="noopener noreferrer"><i class="fs24 within-circle rango-linked-in" title="linkedin"></i> </a> <a href="https://webkul.com" target="_blank" class="unset" rel="noopener noreferrer"><i class="fs24 within-circle rango-pintrest" title="Pinterest"></i> </a> <a href="https://webkul.com" target="_blank" class="unset" rel="noopener noreferrer"><i class="fs24 within-circle rango-youtube" title="Youtube"></i> </a> <a href="https://webkul.com" target="_blank" class="unset" rel="noopener noreferrer"><i class="fs24 within-circle rango-instagram" title="instagram"></i></a></div>',
'product_policy' => '<div class="col-sm-4 col-xs-12 product-policy-wrapper"><div class="card"><div class="policy"><div class="left"><i class="rango-van-ship fs40"></i></div> <div class="right"><span class="font-setting fs20">Free Shippingon Order $20 or More</span></div></div></div></div> <div class="col-sm-4 col-xs-12 product-policy-wrapper"><div class="card"><div class="policy"><div class="left"><i class="rango-exchnage fs40"></i></div> <div class="right"><span class="font-setting fs20">ProductReplace &amp; Return Available </span></div></div></div></div> <div class="col-sm-4 col-xs-12 product-policy-wrapper"><div class="card"><div class="policy"><div class="left"><i class="rango-exchnage fs40"></i></div> <div class="right"><span class="font-setting fs20">ProductExchange and EMI Available </span></div></div></div></div>',
]);

View File

@ -1,13 +1,17 @@
<template>
<carousel
:perPage="parseInt(slidesPerPage)"
:navigationEnabled="true"
:paginationEnabled="true"
:class="
[(navigationEnabled == 'hide') ? 'navigation-hide' : '',
:perPage="parseInt(slidesPerPage)"
:loop="loop == 'true' ? true : false"
:autoplay="autoplay == 'true' ? true : false"
:autoplayTimeout="timeout ? parseInt(timeout) : 2000"
:class="[
(navigationEnabled == 'hide') ? 'navigation-hide' : '',
(paginationEnabled == 'hide') ? 'pagination-hide' : '',
addClass]
">
addClass
]"
slide-click="slideClicked">
<slot
v-for="index in slidesCount"
@ -20,6 +24,9 @@
export default {
props: [
'id',
'loop',
'timeout',
'autoplay',
'addClass',
'slidesCount',
'slidesPerPage',
@ -29,6 +36,12 @@
data: function () {
return {}
},
methods: {
slideClicked: function () {
debugger
}
}
}
</script>

View File

@ -1718,10 +1718,17 @@
.VueCarousel-dot--active {
background-color: $theme-color !important;
}
.VueCarousel {
.VueCarousel-inner {
padding-top: 0;
}
.VueCarousel-slide:not(:nth-of-type(1)) {
img {
display: none;
}
}
}
}

View File

@ -186,6 +186,14 @@
p {
padding: 0px 20px;
}
a {
color: unset;
}
a:hover {
color: $link-color;
}
}
}

View File

@ -21,11 +21,6 @@ body {
background-image: url("../images/Icon-Arrow-Right.svg");
}
.banner-icon {
height: unset;
display: inline-block;
}
.card-product-image-container {
height: 300px;
min-height: 100px;

View File

@ -1,28 +1,53 @@
<div class="slides-container">
<carousel-component
:slides-count="{{ ! empty($sliderData) ? sizeof($sliderData) : 1 }}"
slides-per-page="1"
navigation-enabled="hide">
<slider-component></slider-component>
@if (! empty($sliderData))
@foreach ($sliderData as $index => $slider)
@push('scripts')
<script type="text/x-template" id="slider-template">
<div class="slides-container">
<carousel-component
loop="true"
timeout="5000"
autoplay="true"
slides-per-page="1"
navigation-enabled="hide"
:slides-count="{{ ! empty($sliderData) ? sizeof($sliderData) : 1 }}">
<slide slot="slide-{{ $index }}">
<a @if($slider['slider_path']) href="{{ $slider['slider_path'] }}" @endif>
@if (! empty($sliderData))
@foreach ($sliderData as $index => $slider)
<slide slot="slide-{{ $index }}">
<a @if($slider['slider_path']) href="{{ $slider['slider_path'] }}" @endif>
<img
class="col-12 no-padding banner-icon"
src="{{ url()->to('/') . '/storage/' . $slider['path'] }}" />
</a>
</slide>
@endforeach
@else
<slide slot="slide-0">
<img
loading="lazy"
class="col-12 no-padding banner-icon"
src="{{ url()->to('/') . '/storage/' . $slider['path'] }}" />
</a>
</slide>
src="{{ asset('/themes/velocity/assets/images/banner.png') }}" />
</slide>
@endif
@endforeach
@else
<slide slot="slide-0">
<img
class="col-12 no-padding banner-icon"
src="{{ asset('themes/velocity/assets/images/banner.png') }}" />
</slide>
@endif
</carousel-component>
</div>
</script>
</carousel-component>
</div>
<script type='text/javascript'>
(() => {
Vue.component('slider-component', {
template: '#slider-template',
mounted: function () {
let banners = this.$el.querySelectorAll('img');
banners.forEach(banner => {
banner.style.display = 'block';
});
}
})
})()
</script>
@endpush