[WP] Using Slide Markup Editor

With Slide Markup Editor you can modify the base template of a slide. To enter it click on "Edit slide markup" in General Options of the slider. Correct HTML markup for slide can be found in documentation of jQuery version of plugin. Please note that all elements of the slider, like captions, thumbnails and tabs grab data from the slide markup, so make sure that they are included.

Note, that if you change template of a slide - slide markup will be changed to default too., so you can always "reset to default".

Lists of supported {{variables}}

About editor

Editor it's powered by Mustache template engine and supports everything what Mustache can do (like chaining and statements).
For example, the code below will output A tag only when {{link_url}} is defined.

{{#link_url}}
<a href="{{link_url}}">Learn more...</a>
{{/link_url}}

Or when {{link_url}} is NOT defined:

{{^link_url}}
This text will be displayed only when link_url is not defined.
{{/link_url}}

Variables in slide, like {{animated_blocks}} and {{html}} are only used for Custom Slider type.

Please note that there should be only one root element of a slide

If you wish to add your custom {{variables}}, please refer to this article.

Feel free to request a feautre

If you think that plugin is missing some tag, feel free to open a ticket and request it.

Example 1 (custom caption)

Let's assume that you want your slide title and description be displayed inside slider caption. At first make sure that caption option is enabled and then click on Edit Slide Markup to open editor. Add somewhere after {{image_tag}} such code:

Please note that if you do not define rsImg class on <img> element, default JS-based scaling options won't work, but you can use CSS to align the image (here is an example of 'fit" scale mode implemented just via CSS).