[Assigned] Translating Page Links in LayerSlider

Hi,

I'm Ashraf from the WPML Dev team, I'm here to try to help you resolve your issue.

I would like to ask you please for access to your site's admin panel so that can start looking into the issue more closely and try to understand and fix it.

I've marked your next message to be "private" to secure the login credentials you're going to share.

Looking forward to your reply, Regards!
Ashraf.

Hi again!

Thank you for your patience.

I've investigated the issue you mentioned here about the link translating inside LayerSlider layers. It appeared that the author of the plugin is not including link URLs in their compatibility layer, so we are recommending that you communicate with the author of the plugin and make a request to add links translation compatibility with WPML from their side. From our side we'll communicate with the author too.

As for now, I can assist you with a workaround that you can use to translate links for your Sliders until the feature is supported in LayerSlider plugin, the workaround is as follows:

1. You need to register the URL strings to WPML string translation and translate them

To do that you need to:
- Go to "/wp-content/themes/enfold/config-layerslider/LayerSlider/assets/wp/actions.php"
- Search for a function with name "layerslider_do_register_wpml_strings"
- Inside this function find "foreach($data['layers'] as $slideIndex => $slide) {"
- Inside this foreach loop add the following code:

foreach ( $slide['sublayers'] as $index => $sublayer ) {
  if ( ! empty( $sublayer['url'] ) ) {
    $string_name = "slider-{$sliderID}-sublayer_link-{$sublayer['url']}";
    do_action( 'wpml_register_single_string', 'LayerSlider Sliders', $string_name, $sublayer['url'] );
  }
}

- This way you're registering each URL string added into a slide sub-layer to WPML's string translation

2. You need to edit and re-save the slider
- Go to your slider
- Make a minor change to text/s of the layers
- Publish the slider
- This way the strings registration is completed under the "LayerSlider Sliders" domain

3. You need to translate the registered strings
- Go to WPML > String Translation
- Filter for "LayerSlider Sliders" domain
- Find the registered URLs and translate each one accordingly

4. You need to change how the URL is going to be rendered on frontend
- Go to "wp-content/themes/enfold/config-layerslider/LayerSlider/assets/includes/slider_markup_html.php"
- At line #700 inside this existing code block:

// Add layers
if(!empty($slide['layers']) && is_array($slide['layers'])) {
...

Add the following code block:

if( ! empty( $layer['props']['url'] ) ) {
  $layer['props']['url'] = apply_filters( 'wpml_translate_single_string', $layer['props']['url'], 'LayerSlider Sliders', "slider-{$id}-sublayer_link-{$layer['props']['url']}");
}

5. Test on frontend
- Now go and test your slider link in frontend after switching languages
----
To summarize
- I have followed and tested the same steps on my local site and it worked fine. Please test it on your side too.
- You need to contact the author of the LayerSlider plugin to add links translation compatibility, and our compatibility team will contact the author too.

If you need any further help please don't hesitate t ask.
Looking forward to your feedback.
Best regards!
Ashraf.

Hi!

Well for the code inside "actions.php" the string registration hook fires when the slider is saved in the admin, I think you can replicate this in "functions.php" of your child theme by hooking into LayerSlider's save action:

// In enfold-child/functions.php
add_action('layerslider_pre_parse_data', function($sliderID, $data) {
    if (!empty($data['layers'])) {
        foreach ($data['layers'] as $slide) {
            if (!empty($slide['sublayers']) && is_array($slide['sublayers'])) {
                foreach ($slide['sublayers'] as $sublayer) {
                    if (!empty($sublayer['url'])) {
                        $string_name = "slider-{$sliderID}-sublayer_link-{$sublayer['url']}";
                        do_action('wpml_register_single_string', 'LayerSlider Sliders', $string_name, $sublayer['url']);
                    }
                }
            }
        }
    }
}, 10, 2);

But for the edits in "slider_markup_html.php" it would be hard, it requires a direct edit to slider_markup_html.php because LayerSlider doesn't provide a filter hook at the point where layer URLs are rendered. This means the slider_markup_html.php change will need to be re-applied after each LayerSlider update.

In the end I think it's better to ask the plugin's author to provide the most relevant and safe way to apply the workaround.

Regards!