diff --git a/themes/meraki/sections/featured-product-slider.liquid b/themes/meraki/sections/featured-product-slider.liquid index 4c94df11..604ece2d 100644 --- a/themes/meraki/sections/featured-product-slider.liquid +++ b/themes/meraki/sections/featured-product-slider.liquid @@ -72,6 +72,7 @@ perMove: 1, snap: true, gap: '20px', + direction: '{{ settings.theme_direction }}', }); const mobileBlocksPerPage = {{ section.settings.slider_mobile_per_page }}; @@ -88,6 +89,7 @@ perMove: 1, gap: '12px', snap: true, + direction: '{{ settings.theme_direction }}', }); mountSlider(isMobile, mobileSlider, desktopSlider); diff --git a/themes/meraki/sections/related-products.liquid b/themes/meraki/sections/related-products.liquid index 3d0e5f39..dcc55821 100644 --- a/themes/meraki/sections/related-products.liquid +++ b/themes/meraki/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/meraki/snippets/product-slider.liquid b/themes/meraki/snippets/product-slider.liquid index e7ae6e59..d6d0c9af 100644 --- a/themes/meraki/snippets/product-slider.liquid +++ b/themes/meraki/snippets/product-slider.liquid @@ -27,6 +27,13 @@ fill: #000; } + [dir=rtl] #yc_slider_{{ id }} .splide__arrows--rtl .splide__arrow--next { + left: -7rem; + } + + [dir=rtl] #yc_slider_{{ id }} .splide__arrows--rtl .splide__arrow--prev { + right: -7rem; + } {% endstyle %} {% assign products_exist = false %} diff --git a/themes/meraki/snippets/related-products-slider.liquid b/themes/meraki/snippets/related-products-slider.liquid index f5f85565..d32e6ad7 100644 --- a/themes/meraki/snippets/related-products-slider.liquid +++ b/themes/meraki/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 %}