The LayerSlider plugin allows you to create sliders that can display images, videos, and posts. It features a multitude of animation effects and allows the layering of contents in each slide. The integration of LayerSlider with WPML allows the user to create and run multilingual sliders.

Contents

Getting started

If you are a developer, ensure that the LayerSlider, plugin is activated.

To get started, make sure that the following plugins are activated: WPML Multilingual CMS, WPML String Translation, WPML Translation Management, and WPML Media Translation plugins. Follow the steps described in the WPML Beginner’s Guide to verify that your setup is correct.

If you own a website and are working with a developer, please ask for the developer’s assistance in managing these settings.

For a better translation experience, activate the WPML Translation Editor. To do this, go to WPML -> Translation Management page and click on the tab titled Multilingual Content Setup. In the section titled How to translate posts and pages, check the Use the translation editor option and click on the Save button.

Use the Translation Editor for a better multilingual experience

Creating the default language slider

This example demonstrates the steps for creating a simple slider:

  1. From the WordPress dashboard navigate to LayerSlider WP -> All Sliders and then click on Add New Slider.
  2. Click on “Add New Slider”

  3. Fill in the slider name and then click on the Add slider
  4. Add your slider name

  5. Click on the SLIDES In the section titled Slide Background Image, click on the CLICK TO SET button to add an image to your slide.
  6. Set the slide background image

  7. Choose the image that you want to add as a slider background and then click on the Insert
  8. Choose the image

  9. Scroll to the Content tab and click on the Text button for adding text to the slide. After adding the text, click on the Save changes
  10. Add text to your slider

  11. Click on the “+” icon for adding more slides to your slider.
  12. Adding new slides to your slider

  13. Add the slider to your desired page. In this example, for the purpose of demonstration, a new page has been created and the slider has been added to it. Remember to update the page after adding the slider.
  14. Insert the slider to the default language page

    The figure below depicts the slider being displayed on the front end.

    The default language slider on the front-end

Translating the slider

To translate the text written on the slides, follow these steps:

  1. From your WordPress dashboard, navigate to WPML -> String Translation. Choose the LayerSlider Sliders text domain from the drop-down menu titled Select strings within domain. A list can then be seen with all the texts that you added to the slides.
  2. Choose the “LayerSlider Sliders” text domain on the String Translation page

  3. Click on the translations link and then add your translated text. Check the Translation is complete option and click on the Save
  4. Translate the slider text and save

  5. To display the translated slider on the front end, translate the page that includes the slider by clicking on the “+” icon in the Language meta-box.
  6. Click on the plus icon to translate the slider page

  7. Translate the texts on the page and check the Translation is complete option for each field. Ensure that you copy the slider’s short-code into the translation field and then click on the Save & Close
  8. Translate the page and ensure that the slider short-code is copied

    The figure below depicts the translated slider being displayed on the front end.

    The translated slider on the front-end

    Disable the use slider markup caching option

Translating LayerSlider texts

In addition to the contents of posts and pages in your website, there may be some texts originating from other web elements such as themes and plugins.

To learn how to translate these texts, go through the documentation page about translating these texts manually or sending them to others for translation.

Getting help – WPML translation support forum

The members of our support forum, who are trained in using WPML with LayerSlider, are available for six days a week to assist you.

If you are working with a developer for your website, please use our Translation support forum to get assistance in translating your website’s content.

If you are setting up your website and WPML yourself, please use our Technical support forum.