updates
This commit is contained in:
parent
497271fa04
commit
6ef9ed0822
|
|
@ -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 |
|
|
@ -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"
|
||||
}
|
||||
},
|
||||
[
|
||||
|
|
|
|||
|
|
@ -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 & 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>',
|
||||
]);
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -186,6 +186,14 @@
|
|||
p {
|
||||
padding: 0px 20px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: unset;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: $link-color;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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
|
||||
Loading…
Reference in New Issue