Merge pull request #3777 from devansh-webkul/rtl_slider_isssue

RTL Slider Issue Fixed
This commit is contained in:
Jitendra Singh 2020-08-18 13:02:33 +05:30 committed by GitHub
commit 4a6b63c52f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
8 changed files with 27 additions and 12 deletions

File diff suppressed because one or more lines are too long

View File

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

View File

@ -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',
],

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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))