Merge pull request #3777 from devansh-webkul/rtl_slider_isssue
RTL Slider Issue Fixed
This commit is contained in:
commit
4a6b63c52f
File diff suppressed because one or more lines are too long
|
|
@ -1,5 +1,5 @@
|
|||
{
|
||||
"/js/velocity.js": "/js/velocity.js?id=e1ab8d9fe361d425ed2c",
|
||||
"/js/velocity.js": "/js/velocity.js?id=f02a5786e854ee22a4bb",
|
||||
"/css/velocity-admin.css": "/css/velocity-admin.css?id=612d35e452446366eef7",
|
||||
"/css/velocity.css": "/css/velocity.css?id=72cf9eb7824c25e1dad8"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,7 @@
|
|||
<template>
|
||||
<carousel
|
||||
:rtl="localeDirection == 'rtl'"
|
||||
:dir="localeDirection"
|
||||
:id="id"
|
||||
:navigationEnabled="true"
|
||||
:paginationEnabled="true"
|
||||
|
|
@ -7,9 +9,9 @@
|
|||
:loop="loop == 'true' ? true : false"
|
||||
:autoplay="autoplay == 'true' ? true : false"
|
||||
:autoplayTimeout="timeout ? parseInt(timeout) : 2000"
|
||||
:autoplayDirection="sliderDirection ? sliderDirection : 'forward'"
|
||||
:autoplayDirection="'forward'"
|
||||
:class="[
|
||||
'ltr',
|
||||
localeDirection,
|
||||
(navigationEnabled == 'hide') ? 'navigation-hide' : '',
|
||||
(paginationEnabled == 'hide') ? 'pagination-hide' : '',
|
||||
addClass
|
||||
|
|
@ -30,9 +32,10 @@
|
|||
'timeout',
|
||||
'autoplay',
|
||||
'addClass',
|
||||
'direction',
|
||||
'slidesCount',
|
||||
'slidesPerPage',
|
||||
'sliderDirection',
|
||||
'localeDirection',
|
||||
'navigationEnabled',
|
||||
'paginationEnabled',
|
||||
],
|
||||
|
|
|
|||
|
|
@ -44,6 +44,7 @@
|
|||
navigation-enabled="hide"
|
||||
pagination-enabled="hide"
|
||||
id="wishlist-products-carousel"
|
||||
locale-direction="{{ core()->getCurrentLocale()->direction == 'rtl' ? 'rtl' : 'ltr' }}"
|
||||
:slides-count="products.length">
|
||||
|
||||
<slide
|
||||
|
|
|
|||
|
|
@ -21,6 +21,7 @@
|
|||
navigation-enabled="hide"
|
||||
pagination-enabled="hide"
|
||||
:slides-count="categoryProducts.length"
|
||||
locale-direction="{{ core()->getCurrentLocale()->direction == 'rtl' ? 'rtl' : 'ltr' }}"
|
||||
:id="`${categoryDetails.name}-carousel`">
|
||||
|
||||
<slide
|
||||
|
|
@ -41,6 +42,7 @@
|
|||
navigation-enabled="hide"
|
||||
pagination-enabled="hide"
|
||||
:slides-count="categoryProducts.length"
|
||||
locale-direction="{{ core()->getCurrentLocale()->direction == 'rtl' ? 'rtl' : 'ltr' }}"
|
||||
:id="`${categoryDetails.name}-carousel`">
|
||||
|
||||
<slide
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
@php
|
||||
$count = $velocityMetaData ? $velocityMetaData->featured_product_count : 10;
|
||||
$direction = core()->getCurrentLocale()->direction == 'rtl' ? 'rtl' : 'ltr';
|
||||
@endphp
|
||||
|
||||
<featured-products></featured-products>
|
||||
|
|
@ -13,12 +14,14 @@
|
|||
<card-list-header heading="{{ __('shop::app.home.featured-products') }}">
|
||||
</card-list-header>
|
||||
|
||||
<div class="carousel-products vc-full-screen ltr" v-if="!isMobileView">
|
||||
<div class="carousel-products vc-full-screen {{ $direction }}" v-if="!isMobileView">
|
||||
<carousel-component
|
||||
slides-per-page="6"
|
||||
navigation-enabled="hide"
|
||||
pagination-enabled="hide"
|
||||
id="fearured-products-carousel"
|
||||
locale-direction="{{ $direction }}"
|
||||
:autoplay="false"
|
||||
:slides-count="featuredProducts.length">
|
||||
|
||||
<slide
|
||||
|
|
@ -33,12 +36,13 @@
|
|||
</carousel-component>
|
||||
</div>
|
||||
|
||||
<div class="carousel-products vc-small-screen" v-else>
|
||||
<div class="carousel-products vc-small-screen {{ $direction }}" v-else>
|
||||
<carousel-component
|
||||
slides-per-page="2"
|
||||
navigation-enabled="hide"
|
||||
pagination-enabled="hide"
|
||||
id="fearured-products-carousel"
|
||||
locale-direction="{{ $direction }}"
|
||||
:slides-count="featuredProducts.length">
|
||||
|
||||
<slide
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
@php
|
||||
$count = $velocityMetaData ? $velocityMetaData->new_products_count : 10;
|
||||
$direction = core()->getCurrentLocale()->direction == 'rtl' ? 'rtl' : 'ltr';
|
||||
@endphp
|
||||
|
||||
<new-products></new-products>
|
||||
|
|
@ -27,13 +28,14 @@
|
|||
</style>
|
||||
@endpush
|
||||
|
||||
<div class="row ltr">
|
||||
<div class="row {{ $direction }}">
|
||||
<div class="col-9 no-padding carousel-products vc-full-screen with-recent-viewed" v-if="!isMobileView">
|
||||
<carousel-component
|
||||
slides-per-page="5"
|
||||
navigation-enabled="hide"
|
||||
pagination-enabled="hide"
|
||||
id="new-products-carousel"
|
||||
locale-direction="{{ $direction }}"
|
||||
:slides-count="newProducts.length">
|
||||
|
||||
<slide
|
||||
|
|
@ -54,6 +56,7 @@
|
|||
navigation-enabled="hide"
|
||||
pagination-enabled="hide"
|
||||
id="new-products-carousel"
|
||||
locale-direction="{{ $direction }}"
|
||||
:slides-count="newProducts.length">
|
||||
|
||||
<slide
|
||||
|
|
@ -74,12 +77,13 @@
|
|||
])
|
||||
</div>
|
||||
@else
|
||||
<div class="carousel-products vc-full-screen" v-if="!isMobileView">
|
||||
<div class="carousel-products vc-full-screen {{ $direction }}" v-if="!isMobileView">
|
||||
<carousel-component
|
||||
slides-per-page="6"
|
||||
navigation-enabled="hide"
|
||||
pagination-enabled="hide"
|
||||
id="new-products-carousel"
|
||||
locale-direction="{{ $direction }}"
|
||||
:slides-count="newProducts.length">
|
||||
|
||||
<slide
|
||||
|
|
@ -94,12 +98,13 @@
|
|||
</carousel-component>
|
||||
</div>
|
||||
|
||||
<div class="carousel-products vc-small-screen" v-else>
|
||||
<div class="carousel-products vc-small-screen {{ $direction }}" v-else>
|
||||
<carousel-component
|
||||
slides-per-page="2"
|
||||
navigation-enabled="hide"
|
||||
pagination-enabled="hide"
|
||||
id="new-products-carousel"
|
||||
locale-direction="{{ $direction }}"
|
||||
:slides-count="newProducts.length">
|
||||
|
||||
<slide
|
||||
|
|
|
|||
|
|
@ -8,14 +8,14 @@
|
|||
|
||||
@push('scripts')
|
||||
<script type="text/x-template" id="slider-template">
|
||||
<div class="slides-container ltr">
|
||||
<div class="slides-container {{ $direction }}">
|
||||
<carousel-component
|
||||
loop="true"
|
||||
timeout="5000"
|
||||
autoplay="true"
|
||||
slides-per-page="1"
|
||||
navigation-enabled="hide"
|
||||
:slider-direction="direction == 'rtl' ? 'backward' : 'forward'"
|
||||
locale-direction="direction"
|
||||
:slides-count="{{ ! empty($sliderData) ? sizeof($sliderData) : 1 }}">
|
||||
|
||||
@if (! empty($sliderData))
|
||||
|
|
|
|||
Loading…
Reference in New Issue