Hello @jasonixr,
Thanks for writing in!
By default, the slider will autoplay from left to right. If you want to change this setting, you will need to customized the slider code. And because what you are trying to accomplish requires a template customization, we would highly to suggest that you use a child theme. This allows you to make code changes that won’t be overwritten when an X update is released.
After the child theme is set up, please add the following code in your child theme’s functions.php file
// RTL support for Classic Slider
// =============================================================================
function rtl_x_shortcode_slider( $atts, $content = null ) {
extract( shortcode_atts( array(
'id' => '',
'class' => '',
'style' => '',
'animation' => '',
'slide_time' => '',
'slide_speed' => '',
'slideshow' => '',
'random' => '',
'control_nav' => '',
'prev_next_nav' => '',
'no_container' => '',
'touch' => '',
'pause_on_hover' => '',
), $atts, 'x_slider' ) );
static $count = 0; $count++;
$id = ( $id != '' ) ? 'id="' . esc_attr( $id ) . '"' : '';
$class = ( $class != '' ) ? "x-flexslider-shortcode-container " . esc_attr( $class ) : "x-flexslider-shortcode-container";
$style = ( $style != '' ) ? 'style="' . $style . '"' : '';
$no_container = ( $no_container == 'true' ) ? '' : ' with-container';
$js_params = array(
'animation' => ( $animation == 'fade' ) ? 'fade' : 'slide',
'slideTime' => ( $slide_time != '' ) ? $slide_time : '7000',
'slideSpeed' => ( $slide_speed != '' ) ? $slide_speed : '600',
'controlNav' => ( $control_nav == 'true' ),
'prevNextNav' => ( $prev_next_nav == 'true' ),
'slideshow' => ( $slideshow == 'true' ),
'random' => ( $random == 'true' ),
'touch' => ( $touch != 'false' ),
'pauseOnHover' => ( $pause_on_hover == 'true' ),
'rtl' => true
);
$data = cs_generate_data_attributes( 'slider', $js_params );
$output = "<div class=\"{$class}{$no_container}\">"
. "<div {$id} class=\"x-flexslider x-flexslider-shortcode x-flexslider-shortcode-{$count}\" {$data} {$style}>"
. '<ul class="x-slides">'
. do_shortcode( $content )
. '</ul>'
. '</div>'
. '</div>';
return $output;
}
add_action('wp_head', 'change_x_shortcode_slider');
function change_x_shortcode_slider() {
remove_shortcode( 'x_slider' );
add_shortcode( 'x_slider', 'rtl_x_shortcode_slider' );
}
// =============================================================================
We would love to know if this has worked for you. Thank you.