Universal Slider Shortcode

Below, you’ll find a detailed guide on how to add the Universal Slider Shortcode to your WordPress website, including its parameters, examples, and PHP function code. Additionally, we’ll assist you with common issues that might cause the Universal Slider Plugin shortcode not to show or not to work correctly.

Before starting, here is an overview of the Universal Slider Plugin and the shortcodes it provides:

Plugin Icon
Universal Slider

"Universal Slider is a versatile WordPress plugin that allows you to create responsive, fully customizable sliders. With Fusion Slider, make your website more engaging and interactive."

★★★★★ (5) Active Installs: 2000+ Tested with: 5.3.16 PHP Version: 5.2.4
Included Shortcodes:
  • [FSL]

Universal Slider [FSL] Shortcode

The Fusion Slider shortcode enables dynamic slider creation on your WordPress site. It fetches the slider ID and total image count, checks the existence and content of the slider, then enqueues necessary scripts and styles. It retrieves slider settings and requires the ‘responsive-slider.php’ file to display the slider.

Shortcode: [FSL]


Here is a list of all possible FSL shortcode parameters and attributes:

  • id – The unique identifier for the Fusion Slider

Examples and Usage

Basic example – The shortcode is used to display a Fusion Slider by referencing its ID.

[FSL id=1 /]

Advanced examples

Using the shortcode to display a Fusion Slider by referencing its ID and customizing its settings. The slider will load with the specified settings.

[FSL id=1 fsl_type="fullWidth" fsl_width="100%" fsl_height="500px" fsl_autoPlay="true" fsl_delay="3000" fsl_animationSpeed="1000" /]

Using the shortcode to display a Fusion Slider by referencing its ID and customizing its text style. The slider will load with the specified text style settings.

[FSL id=1 fsl_tfontstyle="{'bgcolor':'#000', 'fontfamily':'Arial', 'color':'#fff', 'size':'14px', 'lineheight':'1.5em'}" fsl_dfontstyle="{'bgcolor':'#000', 'fontfamily':'Arial', 'color':'#fff', 'size':'14px', 'lineheight':'1.5em'}" /]

PHP Function Code

In case you have difficulties debugging what causing issues with [FSL] shortcode, check below the related PHP functions code.

Shortcode line:

add_shortcode( 'FSL', 'FusionSliderShortCode' );

Shortcode PHP function:

function FusionSliderShortCode( $Id ) {
	$FSL_Id = $Id['id'];
	$TotalImages =  get_post_meta( $FSL_Id, 'FSL_total_images_count', true );
	if( $TotalImages == "" ){
		printf( __( "Slider with ID %s doesn't exist.","FSL_TEXT_DOMAIN" ), $FSL_Id );
		return ob_get_clean();
	if( $TotalImages == 0 ){
		printf( __( "Slider with ID %s is empty.","FSL_TEXT_DOMAIN" ), $FSL_Id );
		return ob_get_clean();
	// slider js css scripts
	wp_enqueue_script('FSL-responsiveslides-js', FSL_PLUGIN_URL.'assets/sliders/responsive/responsiveslides.js', array('jquery'));
	wp_enqueue_style('FSL-responsiveslides-css', FSL_PLUGIN_URL.'assets/sliders/responsive/responsiveslides.css');
	$FSL_Settings = fsl_get_gallery_value($FSL_Id);
	if(count($FSL_Settings)) {
		$fsl_type  			= $FSL_Settings['fsl_type'];
		$fsl_fullWidth	   	= $FSL_Settings['fsl_fullWidth'];
		$fsl_width 			= $FSL_Settings['fsl_width'];
		$fsl_height 		= $FSL_Settings['fsl_height'];
		$fsl_openLink 		= $FSL_Settings['fsl_openLink'];
		$fsl_links      	= $FSL_Settings['fsl_links'];
		$fsl_arrowcolor     = $FSL_Settings['fsl_arrowcolor'];
		$fsl_prevText       = $FSL_Settings['fsl_prevText'];
		$fsl_nextText       = $FSL_Settings['fsl_nextText'];
		$fsl_navigation     = $FSL_Settings['fsl_navigation'];
		$fsl_navibgcolor	= $FSL_Settings['fsl_navibgcolor'];
		$fsl_textstyle     	= $FSL_Settings['fsl_textstyle'];
		$fsl_tbgcolor		= $FSL_Settings['fsl_tfontstyle']['bgcolor'];
		$fsl_tfontfamily	= $FSL_Settings['fsl_tfontstyle']['fontfamily'];
		$fsl_tfontcolor		= $FSL_Settings['fsl_tfontstyle']['color'];
		$fsl_tfontsize		= $FSL_Settings['fsl_tfontstyle']['size'];
		$fsl_tlineheight	= $FSL_Settings['fsl_tfontstyle']['lineheight'];
		$fsl_tspacetop		= $FSL_Settings['fsl_tspacetop'];
		$fsl_tspaceleft		= $FSL_Settings['fsl_tspaceleft'];
		$fsl_dbgcolor		= $FSL_Settings['fsl_dfontstyle']['bgcolor'];
		$fsl_dfontfamily	= $FSL_Settings['fsl_dfontstyle']['fontfamily'];
		$fsl_dfontcolor		= $FSL_Settings['fsl_dfontstyle']['color'];
		$fsl_dfontsize		= $FSL_Settings['fsl_dfontstyle']['size'];
		$fsl_dlineheight	= $FSL_Settings['fsl_dfontstyle']['lineheight'];
		$fsl_dspacetop		= $FSL_Settings['fsl_dspacetop'];
		$fsl_dspaceleft		= $FSL_Settings['fsl_dspaceleft'];
		$fsl_dtextalign		= $FSL_Settings['fsl_dtextalign'];
		$fsl_center	   		= $FSL_Settings['fsl_center'];
		$fsl_autoPlay       = $FSL_Settings['fsl_autoPlay'];
		$fsl_random      	= $FSL_Settings['fsl_random'] ;
		$fsl_hoverPause     = $FSL_Settings['fsl_hoverPause'];
		$fsl_delay          = $FSL_Settings['fsl_delay'];
		$fsl_animationSpeed = $FSL_Settings['fsl_animationSpeed'];
		$fsl_customCss      = $FSL_Settings['fsl_customCss'];
	return ob_get_clean();

Code file location:



Now that you’ve learned how to embed the Universal Slider Plugin shortcode, understood the parameters, and seen code examples, it’s easy to use and debug any issue that might cause it to ‘not work’. If you still have difficulties with it, don’t hesitate to leave a comment below.


Leave a Reply

Your email address will not be published. Required fields are marked *