Skip to main content

[WP] Adding custom {{variables}} to Slide Markup Editor

This tutorial requires PHP knowledge!

Use new_rs_slides_renderer_helper filter to add custom variables to Slide Markup Editor, for example to add variable {{hello_world}}:

function newrs_add_custom_variables($m, $data, $options) {
$m->addHelper('hello_world', function() {
return 'Hello world!';
} );
add_filter('new_rs_slides_renderer_helper', 'newrs_add_custom_variables', 10, 4);

More info about syntax in mustace.php documentation.

Example, get ACF field value for "Posts" slider:

The code below will create a variable, called {{test_variable}}, which will return the value of the custom field with field-name test. ACF get_field documentation

function newrs_add_acf_variable($m, $data, $options) {

$m->addHelper('test_variable', function() use ($data) {

// $data is a WordPress post object (for posts-slider)

// just return value
return get_field( "test", $data->ID ) ;
} );

add_filter('new_rs_slides_renderer_helper','newrs_add_acf_variable', 10, 4);

Example, get ALT attribute of image in "Custom" slider

Creates {{alt_custom}} variable that returns alt field of media library image object.

function newrs_add_custom_alt_variable($m, $data, $options) {
$m->addHelper('alt_custom', function() use ($data) {
// $data object holds all data about slide
if(isset($data['image']) && isset($data['image']['attachment_id'])) {
$attachment_id = $data['image']['attachment_id'];
return get_post_meta($attachment_id, '_wp_attachment_image_alt', true);
return '';
} );
add_filter('new_rs_slides_renderer_helper','newrs_add_custom_alt_variable', 10, 4);