From 9b81e90f798ead88d517d4926046ca754aafd67b Mon Sep 17 00:00:00 2001 From: Eihab Khan <143792300+eihabkhan1@users.noreply.github.com> Date: Thu, 7 Nov 2024 10:47:42 +0100 Subject: [PATCH 1/2] fix product slider direction --- themes/aura/sections/featured-product-slider.liquid | 2 ++ themes/aura/snippets/product-slider.liquid | 9 +++++++++ 2 files changed, 11 insertions(+) diff --git a/themes/aura/sections/featured-product-slider.liquid b/themes/aura/sections/featured-product-slider.liquid index 7ba5146f..e3ec9de1 100644 --- a/themes/aura/sections/featured-product-slider.liquid +++ b/themes/aura/sections/featured-product-slider.liquid @@ -88,6 +88,7 @@ snap: true, gap: '20px', focus: 'center', + direction: '{{ settings.theme_direction }}' }); const mobileBlocksPerPage = {{ section.settings.slider_mobile_per_page }}; @@ -105,6 +106,7 @@ perMove: 1, gap: '12px', snap: true, + direction: '{{ settings.theme_direction }}' }); mountSlider(isMobile, mobileSlider, desktopSlider); diff --git a/themes/aura/snippets/product-slider.liquid b/themes/aura/snippets/product-slider.liquid index 7c2f62c1..785adb5d 100644 --- a/themes/aura/snippets/product-slider.liquid +++ b/themes/aura/snippets/product-slider.liquid @@ -37,6 +37,15 @@ } } + [dir=rtl] #yc_slider_{{ id }} .splide__arrows--rtl .splide__arrow--next { + border-radius: 8px 0 0 8px; + left: -26rem; + } + + [dir=rtl] #yc_slider_{{ id }} .splide__arrows--rtl .splide__arrow--prev { + border-radius: 0 8px 8px 0; + right: -26rem; + } {% endstyle %} {% assign products_exist = false %} From 9cc506d74ab175293e3b588645a2de24b0a00bb7 Mon Sep 17 00:00:00 2001 From: Eihab Khan <143792300+eihabkhan1@users.noreply.github.com> Date: Thu, 7 Nov 2024 10:53:20 +0100 Subject: [PATCH 2/2] fix related products slider direction --- themes/aura/sections/related-products.liquid | 2 ++ themes/aura/snippets/related-products-slider.liquid | 10 ++++++++++ 2 files changed, 12 insertions(+) diff --git a/themes/aura/sections/related-products.liquid b/themes/aura/sections/related-products.liquid index 3c4b8b8e..c86fe8f3 100644 --- a/themes/aura/sections/related-products.liquid +++ b/themes/aura/sections/related-products.liquid @@ -49,6 +49,7 @@ snap: true, gap: '20px', focus: 'center', + direction: '{{ settings.theme_direction }}' }); const mobileBlocksPerPage = 2; @@ -66,6 +67,7 @@ perMove: 1, gap: '12px', snap: true, + direction: '{{ settings.theme_direction }}' }); mountSlider(isMobile, mobileSlider, desktopSlider); diff --git a/themes/aura/snippets/related-products-slider.liquid b/themes/aura/snippets/related-products-slider.liquid index f5f85565..d32e6ad7 100644 --- a/themes/aura/snippets/related-products-slider.liquid +++ b/themes/aura/snippets/related-products-slider.liquid @@ -54,6 +54,16 @@ width: 16px; fill: #000; } + + [dir=rtl] #yc_slider_{{ id }} .splide__arrows--rtl .splide__arrow--next { + border-radius: 8px 0 0 8px; + left: -26rem; + } + + [dir=rtl] #yc_slider_{{ id }} .splide__arrows--rtl .splide__arrow--prev { + border-radius: 0 8px 8px 0; + right: -26rem; + } {% endstyle %}