Skip Navigation

[Resolved] Multi-language Content Slider Appearance and Direction

This support ticket is created 5 years, 11 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

This topic contains 9 replies, has 2 voices.

Last updated by Christian Cox 5 years, 9 months ago.

Assisted by: Christian Cox.

Author
Posts
#1207019
2.png
1.png

Tell us what you are trying to do?

I'm trying to create a multi-language content slider that displays recommended articles.

My problem:

1. There is a "next" arrow and a "previous" arrow in the pagination. I would like them both to appear on the first and last instances of the slider.

2. This is a multi-language site, but the main language of the site is Hebrew - an RTL direction language. The pagination arrows appear accordingly. Is there a way to switch the pagination arrows for LTR languages?

Please see the attached screenshots.

Is there any documentation that you are following?

Toolset site.

Is there a similar example that we can see?

This was created using Beaver Themer. I want to recreate it in Toolset so that it will work with WPML:

hidden link

What is the link to your site?

hidden link

User name: lawoffice
Password: lawoffice

#1207220
Screen Shot 2019-02-27 at 12.45.47 PM.png

1. There is a "next" arrow and a "previous" arrow in the pagination. I would like them both to appear on the first and last instances of the slider.
Hi, you can add the "force" attribute to your pager shortcodes to force them to appear on all pages of the slider:

[wpv-pager-prev-page force="true"]
[wpv-pager-next-page force="true"]

However, the "previous" arrow will be deactivated on page 1 unless you enable the "Pagination enabled with automatic AJAX transition" pagination option in the View. You can activate the "Pause pagination transition on mouse hover" option for more User control. Unfortunately there is not currently a way to use Manual AJAX pagination and allow Users to cycle freely backwards and forwards past the end of the results.


2. This is a multi-language site, but the main language of the site is Hebrew - an RTL direction language. The pagination arrows appear accordingly. Is there a way to switch the pagination arrows for LTR languages?

You can use wpml-string shortcodes to translate the arrow icon strings as needed in WPML String Translation. Search for "angle" to see the icon strings. I am attaching a screenshot here that shows these strings available for translation. The "Next" arrow in Hebrew and any other RTL language should probably use "fa-angle-left". The "Previous" arrow in RTL should probably use fa-angle-right. Similarly, "Next" in LTR languages should use fa-angle-right, and "Previous" in LTR languages should use fa-angle-left. You may need to switch these icons in the View so you can translate them into other languages effectively, or adjust the string language in String Translation to reflect the primary language.

This will change the direction of the arrow icon, but not its placement. Your custom CSS handles the arrow placement, so you may need to use the wpml-string shortcode to adjust the CSS classes applied to these elements.

#1216845

Hi, please don't close this thread. I had to attend to other things, but I will get back to this, thanks.

#1217138

I will stand by for your update. Thanks for letting me know.

#1224372

Hi, please don't close this thread. I had to attend to other things, but I will get back to this, thanks.

#1224623

Sure, thanks.

#1232599

Hi, please don't close this thread.

#1233538

Thanks for the update.

#1237028

Thanks for your instructions on Feb. 27th. I finally got around to working with them. Unfortunately, as I follow them, I'm having new problems with the slider.

I'm not sure if Toolset is the right solution for me.

Do you have a link to a good tutorial for creating multi-language content sliders?

#1237289

I'm not aware of one specific for Views, but there are a couple of tutorials on the WPML site for working with 3rd-party slider plugins:
- https://wpml.org/documentation/plugins-compatibility/creating-multilingual-sliders-with-revolution-slider-and-wpml/
- https://wpml.org/documentation/plugins-compatibility/creating-multilingual-sliders-using-layerslider-and-wpml/

If something isn't working as expected with Views sliders and WPML, please do create a ticket so we can investigate and fix it.