Return to previous page

Product slider reverse movement direction

This topic has 5 replies, 3 voices, and was last updated 10 months, 2 weeks ago ago by Andrew Mitchell

zaid

Participant

August 9, 2024 at 04:31

Hello,
My theme is RTL but i noticed the products sliders are all performing still left to right, means the products are moving from left to right even after switching to RTL UI. so i need to reverse the direction to become from right to left (which basically how it should be).
i recorded a video to showcase this bug.

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#409599 Copied Theme version: 9.3.17

4 Answers

Jack Richardson

Support staff

August 9, 2024 at 12:14

Dear @zaid,

I hope this message finds you well. I would like to inform you that we utilize the Swiper library across all our slider widgets. The default behavior for sliders in Right-to-Left (RTL) configurations operates as currently implemented.

It appears that you require the sliders to function in a Left-to-Right (LTR) manner on an RTL website. Unfortunately, this specific functionality is not supported to be achieved with our existing options. For your reference, you may review the official Swiper documentation, which includes examples of sliders configured for RTL. You can find this information at the following link: https://swiperjs.com/demos#rtl.

Should you need further customization beyond the standard options provided, please feel free to submit a request through our customization panel at https://www.8theme.com/account/#etheme_customization_panel. Please note that such requests fall outside the scope of our basic support services.

Thank you for your understanding.

Best Regards,
Jack Richardson
The 8Theme Team

#409655 Copied

zaid

Participant

August 13, 2024 at 15:17

Hello Jack,
I see what you mean, well in this case and since we can’t reverse the movement direction , how about we modify/fix the navigation arrow direction , currently when the right arrow clicked then the products will then shift towards left (from right to left). the correct direction should be :
if the right arrow clicked then the products should move towards the right direct (left to right).

Please contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#410101 Copied
Jack Richardson

Support staff

August 14, 2024 at 08:46
Dear @zaid,

I hope this message finds you well. I am pleased to inform you that the sliders are functioning as expected. You can view their current operation here: https://gyazo.com/6d63ec99cd6bd344650f9e2740bb9463.

Should you wish to modify the sliders so that they slide to the left when clicking on the next arrow, this will require some customizations. A straightforward approach involves adding the following CSS:

body .elementor-element .swiper-entry .et-swiper-elementor-nav.swiper-button-prev { right: auto; left: 0; } body .elementor-element .swiper-entry .et-swiper-elementor-nav.swiper-button-next { left: auto; right: 0; } body .elementor-element .swiper-entry .et-swiper-elementor-nav { transform: rotate(180deg); }

You can see the expected outcome of this adjustment here: https://gyazo.com/ed71b003ae2eb066b65b519b67c79dd5.

Please note that such additional customization requests are beyond the scope of our basic support services. Should you require further customization, we kindly ask you to submit a request through our customization panel at https://www.8theme.com/account/#etheme_customization_panel.

Thank you for your understanding.

Best Regards,
Jack Richardson
The 8Theme Team
#410166 Copied
Andrew Mitchell

Support staff

August 14, 2024 at 09:16

Dear zaid,

In the spirit of gratitude, we want to express our appreciation for your trust in our products. As a valued customer, your experience matters greatly. Would you consider sharing it by giving our theme a deserving 5-star rating on ThemeForest?

Click here to share your thoughts: https://themeforest.net/downloads

Being part of our community means a lot, and your feedback contributes immensely.

Best Regards,
The 8Theme Team

#410175 Copied
Tagged: product slider direction reverse woocommerce, product slider reverse movement woocommerce, reverse slider movement woocommerce product, woocommerce product slider reverse direction, wordpress reverse movement product slider, wordpress woocommerce themes slider reverse
Viewing 5 results - 1 through 5 (of 5 total)