{"id":443,"date":"2023-10-21T06:31:45","date_gmt":"2023-10-21T06:31:45","guid":{"rendered":"https:\/\/wpshortcode.org\/?p=443"},"modified":"2023-10-21T06:31:46","modified_gmt":"2023-10-21T06:31:46","slug":"master-slider","status":"publish","type":"post","link":"https:\/\/wpshortcode.org\/master-slider\/","title":{"rendered":"Master Slider Shortcodes"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Below, you&#8217;ll find a detailed guide on how to add the <strong>Master Slider \u2013 Responsive Touch Slider Shortcodes<\/strong> to your WordPress website, including their <strong>parameters<\/strong>, <strong>examples<\/strong>, and <strong>PHP function code<\/strong>. Additionally, we&#8217;ll assist you with common issues that might cause the Master Slider \u2013 Responsive Touch Slider Plugin shortcodes not to show or not to work correctly.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Before starting, here is an overview of the Master Slider \u2013 Responsive Touch Slider Plugin and the shortcodes it provides:<\/p>\n\n\n<p>    <div class=\"plugin-info-box\">\n        <div class=\"top-main\">\n            <!-- SVG Image -->\n            <div class=\"plugin-image\">\n                <img decoding=\"async\" src=\"https:\/\/ps.w.org\/master-slider\/assets\/icon-128x128.png?rev=1638064\" alt=\"Plugin Icon\" \/>\n            <\/div>\n            \n            <div class=\"plugin-descriptive-part\">\n                <!-- Plugin Name with Link -->\n\n                    <a class=\"plugin-title\" href=\"https:\/\/wordpress.org\/plugins\/master-slider\" target=\"_blank\" rel=\"noopener\">\n                        Master Slider &#8211; Responsive Touch Slider                    <\/a>\n\n\n                <!-- Plugin Description -->\n                <p class=\"plugin-description\">\n                    &quot;Master Slider &#8211; Responsive Touch Slider is a WordPress plugin designed to create stunning, touch-friendly slideshows. Its user-friendly interface makes it easy to build interactive slideshows with no coding required.&quot;                <\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Rating and Additional Info -->\n        <div class=\"plugin-meta\">\n            <span class=\"plugin-rating\">\n                <span class='stars'>\u2605\u2605\u2605\u2605\u2606<\/span> (465)\n            <\/span>\n            <span class=\"plugin-active-installs\">\n                <strong>Active Installs<\/strong>: 100000+\n            <\/span>\n            <span class=\"plugin-tested\">\n                <strong>Tested with<\/strong>: 6.2.3            <\/span>\n            <span class=\"plugin-php-version\">\n                <strong>PHP Version<\/strong>: 5.4            <\/span>\n        <\/div>\n\n        <!-- List of Included Shortcodes -->\n        <div class=\"plugin-shortcodes\">\n            <strong>Included Shortcodes:<\/strong>\n            <ul>\n                <li>[msp-stats]<\/li><li>[masterslider]<\/li><li>[masterslider_pb]<\/li><li>[ms_slider]<\/li><li>[ms_slide]<\/li><li>[ms_layer]<\/li><li>[ms_slide_info]<\/li><li>[ms_slide_flickr]<\/li>            <\/ul>\n        <\/div>\n    <\/div>\n    <\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Master Slider [msp-stats] Shortcode<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Master Slider shortcode &#8216;msp-stats&#8217; retrieves data from the Averta API. It accepts parameters like &#8216;branch&#8217;, &#8216;group&#8217;, &#8216;cat&#8217;, &#8216;action&#8217;, &#8216;item-id&#8217;, &#8216;item-name&#8217;, &#8216;item-param&#8217;, &#8216;format&#8217;, and &#8216;cache_in_minutes&#8217;. \n\nThe shortcode ensures either &#8216;item-id&#8217; or &#8216;item-name&#8217; is provided. It sanitizes the &#8216;cache_in_minutes&#8217; attribute and creates a transient id. If cache exists, it returns the cached data. Otherwise, it sends a request to the Averta API and caches the response if caching is enabled.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[msp-stats]<\/code><\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Parameters<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Here is a list of all possible msp-stats shortcode parameters and attributes:<\/p>\n\n\n<ul>\n<li><code>branch<\/code> &#8211; Defines the source of data, default is &#8216;envato&#8217;<\/li>\n<li><code>group<\/code> &#8211; Specifies the group of items, default is &#8216;items&#8217;<\/li>\n<li><code>cat<\/code> &#8211; Category of the data, default is &#8216;info&#8217;<\/li>\n<li><code>action<\/code> &#8211; Action to perform, default is &#8216;stats&#8217;<\/li>\n<li><code>item-id<\/code> &#8211; The unique id of the item<\/li>\n<li><code>item-name<\/code> &#8211; The name or slug of the item<\/li>\n<li><code>item-param<\/code> &#8211; The specific parameter of the item, default is &#8216;sales_number&#8217;<\/li>\n<li><code>format<\/code> &#8211; Defines the format of the returned data<\/li>\n<li><code>cache_in_minutes<\/code> &#8211; Time to cache the data, default is 1440 minutes<\/li>\n<\/ul>\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n\n\n<p><strong>Basic example<\/strong> &#8211; Displaying the sales number of a specific item by using its ID.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[msp-stats item-id=\"123\" item-param=\"sales_number\"]<\/code><\/pre>\n\n\n<p><strong>Advanced examples<\/strong><\/p>\n<p>Displaying the sales number of a specific item by using its name, with a cache period of 300 minutes.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[msp-stats item-name=\"master-slider\" item-param=\"sales_number\" cache_in_minutes=\"300\"]<\/code><\/pre>\n\n\n<p>Displaying the sales number of a specific item by using its ID, with a different branch, group, and category.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[msp-stats branch=\"wordpress\" group=\"plugins\" cat=\"sales\" item-id=\"123\" item-param=\"sales_number\"]<\/code><\/pre>\n\n\n<p>Displaying the sales number of a specific item by using its name, with a different format and a cache period of 1440 minutes.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[msp-stats item-name=\"master-slider\" item-param=\"sales_number\" format=\"json\" cache_in_minutes=\"1440\"]<\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">PHP Function Code<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In case you have difficulties debugging what causing issues with <code>[msp-stats]<\/code> shortcode, check below the related PHP functions code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode line<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">add_shortcode( 'msp-stats', 'msp_api_stats_shortcode' );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode PHP function<\/strong>:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; light: false; title: ; toolbar: true; notranslate\" title=\"\">\nfunction msp_api_stats_shortcode( $atts , $content = null ) {\n\n    \/\/ parse attributes\n    $atts = shortcode_atts(\n        array(\n            &#039;branch&#039;            =&gt; &#039;envato&#039;,\n            &#039;group&#039;             =&gt; &#039;items&#039;,\n            &#039;cat&#039;               =&gt; &#039;info&#039;,\n            &#039;action&#039;            =&gt; &#039;stats&#039;,\n            &#039;item-id&#039;           =&gt; &#039;&#039;, \/\/ item id\n            &#039;item-name&#039;         =&gt; &#039;&#039;, \/\/ item name or slug\n            &#039;item-param&#039;        =&gt; &#039;sales_number&#039;, \/\/ item param\n            &#039;format&#039;            =&gt; &#039;&#039;,\n            &#039;cache_in_minutes&#039;  =&gt; 1440\n        ),\n        $atts,\n        &#039;averta-api&#039;\n    );\n\n    if( empty( $atts&#91;&#039;item-id&#039;] ) &amp;&amp; empty( $atts&#91;&#039;item-name&#039;] ) ){\n        return &#039;item-id or item-name is required&#039;;\n    }\n\n    \/\/ sanitize the cache period\n    $atts&#91;&#039;cache_in_minutes&#039;] = is_numeric( $atts&#91;&#039;cache_in_minutes&#039;] ) ? (int) $atts&#91;&#039;cache_in_minutes&#039;] : 180;\n\n    \/\/ create a transient id base on the passed options\n    $options_string_id = implode( &#039;_&#039; , $atts );\n\n    if( $atts&#91;&#039;cache_in_minutes&#039;] &gt; 0 &amp;&amp; false !== ( $result = msp_get_transient( $options_string_id ) ) ){\n        return $result;\n    }\n\n    \/\/ request data\n    $remote_url   = &#039;https:\/\/api.averta.net\/&#039;;\n    $request_args = $atts;\n    unset( $request_args&#91;&#039;cache_in_minutes&#039;] );\n\n    $result = msp_get_averta_remote_api_data( $remote_url, $request_args );\n    $result = apply_filters( &#039;auxin_averta_api_shortcode_result&#039;, $result, $atts );\n\n    if( $atts&#91;&#039;cache_in_minutes&#039;] &gt; 0 ){\n        msp_set_transient( $options_string_id, $result, $atts&#91;&#039;cache_in_minutes&#039;] * MINUTE_IN_SECONDS );\n    }\n\n    return $result;\n}\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">master-slider\/master-slider\/admin\/includes\/msp-admin-functions.php<\/code><\/pre>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Master Slider [masterslider] Shortcode<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The MasterSlider shortcode allows you to embed a specific slider into your WordPress site. \n\n\n\nThe shortcode uses the &#8216;id&#8217; parameter to identify which slider to display. It extracts this &#8216;id&#8217; from the shortcode attributes, then calls the &#8216;get_masterslider&#8217; function with the &#8216;id&#8217; to retrieve the correct slider.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[masterslider]<\/code><\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Parameters<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Here is a list of all possible masterslider shortcode parameters and attributes:<\/p>\n\n\n<ul>\n<li><code>id<\/code> &#8211; Unique identifier for the specific slider<\/li>\n<\/ul>\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n\n\n<p><strong>Basic example<\/strong> &#8211; The Master Slider shortcode allows you to display a specific slider on your page by referencing its unique ID.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[masterslider id=1 \/]<\/code><\/pre>\n\n\n<p><strong>Advanced examples<\/strong><\/p>\n<p>1. To display multiple sliders on the same page, you can use the Master Slider shortcode with different IDs. Each ID should correspond to a different slider that you&#8217;ve created in your Master Slider settings.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[masterslider id=1 \/]\n[masterslider id=2 \/]\n[masterslider id=3 \/]<\/code><\/pre>\n\n\n<p>2. If you want to display a slider but also have backup content in case the slider doesn&#8217;t load properly, you can include the backup content within the shortcode. In this example, if the slider with ID 1 doesn&#8217;t load, the text &#8220;Sorry, the slider didn&#8217;t load.&#8221; will be displayed instead.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[masterslider id=1]Sorry, the slider didn't load.[\/masterslider]<\/code><\/pre>\n\n\n<p>Please note that the shortcode will only work if the slider with the specified ID exists and is properly configured in your Master Slider settings.<\/p>\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">PHP Function Code<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In case you have difficulties debugging what causing issues with <code>[masterslider]<\/code> shortcode, check below the related PHP functions code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode line<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">add_shortcode( 'masterslider'\t, 'msp_masterslider_shortcode' );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode PHP function<\/strong>:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; light: false; title: ; toolbar: true; notranslate\" title=\"\">\nfunction msp_masterslider_shortcode( $atts, $content = null ) {\n\textract( shortcode_atts(\n\t\t\t\t\tarray( &#039;id&#039; =&gt; &#039;&#039;),\n\t\t\t\t\t$atts,\n\t\t\t\t\t&#039;masterslider&#039;\n\t\t\t\t)\n\t);\n\n\treturn get_masterslider( $id );\n}\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">master-slider\/master-slider\/includes\/msp-shortcodes.php<\/code><\/pre>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Master Slider [masterslider_pb] Shortcode<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Master Slider shortcode is a powerful tool that allows you to insert a slider into your WordPress posts or pages. \n\n\n\nThe shortcode takes three parameters: &#8216;id&#8217;, &#8216;title&#8217;, and &#8216;class&#8217;. The &#8216;id&#8217; specifies the slider to display, &#8216;title&#8217; adds a heading above the slider, and &#8216;class&#8217; allows for custom styling. The output is a styled div containing the slider and optional title.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[masterslider_pb]<\/code><\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Parameters<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Here is a list of all possible masterslider_pb shortcode parameters and attributes:<\/p>\n\n\n<ul>\n<li><code>id<\/code> &#8211; The unique identifier of the master slider.<\/li>\n<li><code>title<\/code> &#8211; The title that displays above the slider.<\/li>\n<li><code>class<\/code> &#8211; The CSS class name for additional styling.<\/li>\n<\/ul>\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n\n\n<p><strong>Basic Example<\/strong> &#8211; A shortcode to display a master slider with a specific id.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[masterslider_pb id=\"1\" \/]<\/code><\/pre>\n\n\n<p><strong>Advanced Examples<\/strong><\/p>\n<p>Adding a title to the master slider. The title will be displayed above the slider.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[masterslider_pb id=\"1\" title=\"My Awesome Slider\" \/]<\/code><\/pre>\n\n\n<p>Adding a custom CSS class to the master slider. This can be used to apply custom styles to the slider.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[masterslider_pb id=\"1\" class=\"my-custom-class\" \/]<\/code><\/pre>\n\n\n<p>Combining all the parameters to create a shortcode that displays a master slider with a specific id, a title, and a custom CSS class.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[masterslider_pb id=\"1\" title=\"My Awesome Slider\" class=\"my-custom-class\" \/]<\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">PHP Function Code<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In case you have difficulties debugging what causing issues with <code>[masterslider_pb]<\/code> shortcode, check below the related PHP functions code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode line<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">add_shortcode( 'masterslider_pb', 'msp_masterslider_pb_shortcode' );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode PHP function<\/strong>:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; light: false; title: ; toolbar: true; notranslate\" title=\"\">\nfunction msp_masterslider_pb_shortcode( $atts, $content = null ) {\n\t$mixed = shortcode_atts(\n\t\tarray(\n\t\t      &#039;id&#039; \t  =&gt; &#039;&#039;,\n\t\t      &#039;title&#039; =&gt; &#039;&#039;,\n\t\t      &#039;class&#039; =&gt; &#039;&#039;\n\t\t),\n\t\t$atts,\n\t\t&#039;masterslider_pb&#039;\n\t);\n\n\textract( $mixed );\n\n\t$wrapper_open_tag  = sprintf( &#039;&lt;div class=&quot;avt_masterslider_el %s&quot; &gt;&#039;, esc_attr( $class ) );\n\t$the_title_tag     = empty( $title ) ? &#039;&#039; : sprintf( &#039;&lt;h2&gt;%s&lt;\/h2&gt;&#039;, $title );\n\t$wrapper_close_tag = &#039;&lt;\/div&gt;&#039;;\n\t$slider_markup     = get_masterslider( $id );\n\t$output \t\t   = $wrapper_open_tag . $the_title_tag . $slider_markup . $wrapper_close_tag;\n\n\treturn apply_filters( &#039;masterslider_pb_shortcode&#039;, $output, $slider_markup, $wrapper_open_tag, $the_title_tag, $wrapper_close_tag );\n}\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">master-slider\/master-slider\/includes\/msp-shortcodes.php<\/code><\/pre>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Master Slider [ms_slider] Shortcode<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Master Slider shortcode is a powerful tool that allows you to customize a slider on your WordPress website. It provides a wide range of customization options including slider dimensions, navigation controls, autoplay settings, and more. \n\n\n\nThis shortcode takes numerous parameters to fine-tune the slider&#8217;s behavior and appearance. For instance, you can define the slider&#8217;s width, height, autoplay functionality, navigation controls, and much more. \n\nThrough this shortcode, you can also enable or disable features like mouse drag navigation, autoplay slideshow, loop, shuffle slide order, and many others. This makes the Master Slider shortcode a comprehensive solution for all your slider needs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[ms_slider]<\/code><\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">PHP Function Code<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In case you have difficulties debugging what causing issues with <code>[ms_slider]<\/code> shortcode, check below the related PHP functions code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode line<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">add_shortcode( 'ms_slider', 'msp_masterslider_wrapper_shortcode' );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode PHP function<\/strong>:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; light: false; title: ; toolbar: true; notranslate\" title=\"\">\nfunction msp_masterslider_wrapper_shortcode( $atts, $content = null ) {\n\n\t $mixed = shortcode_atts(\n\n\t\t\t\tarray(\n\t\t\t\t\t&#039;id&#039;            =&gt; &#039;1&#039;,     \/\/ slider id\n\t\t\t\t\t&#039;uid&#039;           =&gt; &#039;&#039;,      \/\/ an unique and temporary id\n\t\t\t\t\t&#039;class&#039;         =&gt; &#039;&#039;,      \/\/ a class that adds to slider wrapper\n\t\t\t\t\t&#039;margin&#039;        =&gt; 0,\n\n\t\t\t\t\t&#039;inline_style&#039;  =&gt; &#039;&#039;,\n\t\t\t\t\t&#039;bg_color&#039;      =&gt; &#039;&#039;,\n\t\t\t\t\t&#039;bg_image&#039;      =&gt; &#039;&#039;,\n\n\t\t\t\t\t&#039;slider_type&#039;   =&gt; &#039;custom&#039;,   \/\/ values: custom, flickr, facebook, post\n\n\t\t\t\t\t&#039;width&#039;         =&gt; 300,     \/\/ base width of slides. It helps the slider to resize in correct ratio.\n\t\t\t\t\t&#039;height&#039;        =&gt; 150,     \/\/ base height of slides, It helps the slider to resize in correct ratio.\n\t\t\t\t\t&#039;min_height&#039; \t=&gt; 0,\n\n\t\t\t\t\t&#039;start&#039;         =&gt; 1,\n\t\t\t\t\t&#039;space&#039;         =&gt; 0,\n\n\t\t\t\t\t&#039;grab_cursor&#039;   =&gt; &#039;true&#039;,  \/\/ Whether the slider uses grab mouse cursor\n\t\t\t\t\t&#039;swipe&#039;         =&gt; &#039;true&#039;,  \/\/ Whether the drag\/swipe navigation is enabled\n\n\t\t\t\t\t&#039;wheel&#039;         =&gt; &#039;false&#039;, \/\/ Enables mouse scroll wheel navigation\n\t\t\t\t\t&#039;mouse&#039;         =&gt; &#039;true&#039;,  \/\/ Whether the user can use mouse drag navigation\n\n\t\t\t\t\t&#039;crop&#039; \t\t\t =&gt; &#039;false&#039;, \/\/ Automatically crop slide images?\n\n\t\t\t\t\t&#039;autoplay&#039;      =&gt; &#039;false&#039;, \/\/ Enables the autoplay slideshow\n\t\t\t\t\t&#039;loop&#039;          =&gt; &#039;false&#039;, \/\/\n\t\t\t\t\t&#039;shuffle&#039;       =&gt; &#039;false&#039;, \/\/ Enables the shuffle slide order\n\t\t\t\t\t&#039;preload&#039;       =&gt;  0,\n\n\t\t\t\t\t&#039;wrapper_width&#039; =&gt; &#039;&#039;,\n\t        \t\t&#039;wrapper_width_unit&#039; =&gt; &#039;px&#039;,\n\n\t\t\t\t\t&#039;fullwidth&#039;     =&gt; &#039;false&#039;, \/\/ It enables the slider to adapt width to its parent element\n\t\t\t\t\t&#039;fullheight&#039;    =&gt; &#039;false&#039;, \/\/ It enables the slider to adapt height to its parent element\n\t\t\t\t\t&#039;autofill&#039;      =&gt; &#039;false&#039;, \/\/ It enables the slider to adapt width and height to its parent element\n\n\t\t\t\t\t&#039;layout&#039;        =&gt; &#039;fillwidth&#039;,\n\n\t\t\t\t\t&#039;fullscreen_margin&#039; =&gt; 0,\n\n\t\t\t\t\t&#039;height_limit&#039;  =&gt; &#039;false&#039;, \/\/ It force the slide to use max height value as its base specified height value.\n\t\t\t\t\t&#039;auto_height&#039;   =&gt; &#039;false&#039;,\n\t\t\t\t\t&#039;smooth_height&#039; =&gt; &#039;true&#039;,\n\n\t\t\t\t\t&#039;end_pause&#039;     =&gt; &#039;false&#039;,\n\t\t\t\t\t&#039;over_pause&#039;    =&gt; &#039;false&#039;,\n\n\t\t\t\t\t&#039;fill_mode&#039;     =&gt; &#039;fill&#039;,\n\t\t\t\t\t&#039;center_controls&#039;=&gt; &#039;true&#039;,\n\n\t\t\t\t\t&#039;layers_mode&#039;   =&gt; &#039;center&#039;,\/\/ It accepts two values &quot;center&quot; and &quot;full&quot;\n\t\t\t\t\t&#039;hide_layers&#039;   =&gt; &#039;false&#039;,\n\n\t\t\t\t\t&#039;instant_show_layers&#039; =&gt; &#039;false&#039;,\n\n\t\t\t\t\t&#039;speed&#039;         =&gt; 17,\n\n\t\t\t\t\t&#039;skin&#039;          =&gt; &#039;ms-skin-default&#039;, \/\/ slider skin. should be seperated by space - should be started by ms-skin\n\t\t\t\t\t&#039;template&#039;      =&gt; &#039;&#039;,\n\t\t\t\t\t&#039;template_class&#039;=&gt; &#039;&#039;,\n\t\t\t\t\t&#039;direction&#039;     =&gt; &#039;h&#039;,\n\t\t\t\t\t&#039;view&#039;          =&gt; &#039;basic&#039;,\n\n\t\t\t\t\t&#039;gfonts&#039; \t\t=&gt; &#039;&#039;,\n\n\t        \t\t&#039;parallax_mode&#039; =&gt; &#039;swipe&#039;,\n\n\t        \t\t&#039;start_on_appear&#039;=&gt; &#039;false&#039;,\n\n\t\t\t\t\t&#039;flickr_key&#039;    =&gt; &#039;&#039;,\n\t\t\t\t\t&#039;flickr_id&#039;     =&gt; &#039;&#039;,\n\t\t      \t\t&#039;flickr_count&#039;  =&gt; 10,\n\t\t      \t\t&#039;flickr_type&#039;   =&gt; &#039;photos&#039;,\n\t\t      \t\t&#039;flickr_size&#039;   =&gt; &#039;c&#039;,\n\t\t      \t\t&#039;flickr_thumb_size&#039; =&gt; &#039;q&#039;,\n\n\n\t\t\t\t\t&#039;facebook_username&#039; =&gt; &#039;&#039;,\n\t\t\t\t\t&#039;facebook_albumid&#039;  =&gt; &#039;&#039;,\n\t\t\t\t\t&#039;facebook_count&#039;\t=&gt; 10,\n\t\t\t\t\t&#039;facebook_type&#039; \t=&gt; &#039;album&#039;,\n\t\t\t\t\t&#039;facebook_size&#039; \t=&gt; &#039;orginal&#039;,\n\t\t\t\t\t&#039;facebook_thumb_size&#039; =&gt; &#039;320&#039;,\n\n\t\t\t\t\t&#039;ps_post_type&#039; \t\t=&gt; &#039;&#039;,\n\t\t\t\t\t&#039;ps_tax_term_ids&#039; \t=&gt; &#039;&#039;,\n\t\t\t\t\t&#039;ps_post_count&#039; \t=&gt; 10,\n\t\t\t\t\t&#039;ps_image_from&#039; \t=&gt; &#039;auto&#039;,\n\t\t\t\t\t&#039;ps_order&#039; \t\t\t=&gt; &#039;DESC&#039;,\n\t\t\t\t\t&#039;ps_orderby&#039; \t\t=&gt; &#039;menu_order date&#039;,\n\t\t\t\t\t&#039;ps_posts_not_in&#039;   =&gt; &#039;&#039;,\n\t\t\t\t\t&#039;ps_excerpt_len&#039; \t=&gt; 100,\n\t\t\t\t\t&#039;ps_offset&#039; \t\t=&gt; 0,\n\t\t\t\t\t&#039;ps_link_slide&#039; \t=&gt; false,\n\t\t\t\t\t&#039;ps_link_target&#039; \t=&gt; &#039;_self&#039;,\n\t\t\t\t\t&#039;ps_slide_bg&#039;  \t\t=&gt; &#039;&#039;,\n\n\n\t\t\t\t\t&#039;arrows&#039;           =&gt; &#039;true&#039;,   \/\/ display arrows?\n\t\t\t\t\t&#039;arrows_autohide&#039;  =&gt; &#039;true&#039;,   \/\/ auto hide arrows?\n\t\t\t\t\t&#039;arrows_overvideo&#039; =&gt; &#039;true&#039;,   \/\/ visible over slide video while playing?\n\t\t\t\t\t&#039;arrows_hideunder&#039; =&gt; &#039;&#039;,\n\n\t\t\t\t\t&#039;bullets&#039;          =&gt; &#039;false&#039;,  \/\/ display bullets?\n\t\t\t\t\t&#039;bullets_autohide&#039; =&gt; &#039;true&#039;,   \/\/ auto hide bullets?\n\t\t\t\t\t&#039;bullets_overvideo&#039;=&gt; &#039;true&#039;,   \/\/ visible over slide video while playing?\n\t\t\t\t\t&#039;bullets_direction&#039;=&gt; &#039;h&#039;,\n\t\t\t\t\t&#039;bullets_align&#039;    =&gt; &#039;bottom&#039;,\n\t\t\t\t\t&#039;bullets_margin&#039;   =&gt; &#039;&#039;,\n\t\t\t\t\t&#039;bullets_hideunder&#039;=&gt; &#039;&#039;,\n\n\t\t\t\t\t&#039;thumbs&#039;           =&gt; &#039;false&#039;,  \/\/ display thumbnails?\n\t\t\t\t\t&#039;thumbs_autohide&#039;  =&gt; &#039;true&#039;,   \/\/ auto hide thumbs?\n\t\t\t\t\t&#039;thumbs_overvideo&#039; =&gt; &#039;true&#039;,   \/\/ visible over slide video while playing?\n\t\t\t\t\t&#039;thumbs_direction&#039; =&gt; &#039;h&#039;,      \/\/ direction of control\n\t\t\t\t\t&#039;thumbs_type&#039;      =&gt; &#039;thumbs&#039;,\n\t\t\t\t\t&#039;thumbs_speed&#039;     =&gt; 17,       \/\/ scrolling speed. It accepts float values between 0 and 100\n\t\t\t\t\t&#039;thumbs_inset&#039;     =&gt; &#039;true&#039;,   \/\/ insert thumbs inside slider\n\t\t\t\t\t&#039;thumbs_align&#039;     =&gt; &#039;bottom&#039;,\n\t\t\t\t\t&#039;thumbs_margin&#039;    =&gt; 0,\n\t\t\t\t\t&#039;thumbs_width&#039;     =&gt; 100,\n\t\t\t\t\t&#039;thumbs_height&#039;    =&gt; 80,\n\t\t\t\t\t&#039;thumbs_space&#039;     =&gt; 5,\n\t\t\t\t\t&#039;thumbs_hideunder&#039; =&gt; &#039;&#039;,\n\t\t\t\t\t&#039;thumbs_fillmode&#039;  =&gt; &#039;fill&#039;,\n\t\t\t\t\t&#039;thumbs_arrows&#039;    =&gt; &#039;false&#039;,\n\t\t\t\t\t&#039;thumbs_in_tab&#039;    =&gt; &#039;false&#039;,\n\t\t\t\t\t&#039;thumbs_hoverchange&#039;=&gt; &#039;false&#039;,\n\n\t\t\t\t\t&#039;scroll&#039;           =&gt; &#039;false&#039;,  \/\/ display scrollbar?\n\t\t\t\t\t&#039;scroll_autohide&#039;  =&gt; &#039;true&#039;,   \/\/ auto hide scroll?\n\t\t\t\t\t&#039;scroll_overvideo&#039; =&gt; &#039;true&#039;,   \/\/ visible over slide video while playing?\n\t\t\t\t\t&#039;scroll_direction&#039; =&gt; &#039;h&#039;,      \/\/ direction of control\n\t\t\t\t\t&#039;scroll_align&#039;     =&gt; &#039;top&#039;,\n\t\t\t\t\t&#039;scroll_inset&#039;     =&gt; &#039;true&#039;,\n\t\t\t\t\t&#039;scroll_margin&#039;    =&gt; &#039;&#039;,\n\t\t\t\t\t&#039;scroll_color&#039;     =&gt; &#039;#3D3D3D&#039;,\n\t\t\t\t\t&#039;scroll_hideunder&#039; =&gt; &#039;&#039;,\n\t\t\t\t\t&#039;scroll_width&#039; \t =&gt; &#039;&#039;,\n\n\t\t\t\t\t&#039;circletimer&#039;          =&gt; &#039;false&#039;,  \/\/ display circletimer?\n\t\t\t\t\t&#039;circletimer_autohide&#039; =&gt; &#039;true&#039;,   \/\/ auto hide circletimer?\n\t\t\t\t\t&#039;circletimer_overvideo&#039;=&gt; &#039;true&#039;,   \/\/ visible over slide video while playing?\n\t\t\t\t\t&#039;circletimer_color&#039;    =&gt; &#039;#A2A2A2&#039;,\/\/ color of circle timer\n\t\t\t\t\t&#039;circletimer_radius&#039;   =&gt; 4,        \/\/ radius of circle timer in pixels\n\t\t\t\t\t&#039;circletimer_stroke&#039;   =&gt; 10,       \/\/ the stroke of circle timer in pixels\n\t\t\t\t\t&#039;circletimer_margin&#039;   =&gt; &#039;&#039;,\n\t\t\t\t\t&#039;circletimer_hideunder&#039;=&gt; &#039;&#039;,\n\n\t\t\t\t\t&#039;timebar&#039;          =&gt; &#039;false&#039;,   \/\/ display timebar?\n\t\t\t\t\t&#039;timebar_autohide&#039; =&gt; &#039;true&#039;,   \/\/ auto hide timebar?\n\t\t\t\t\t&#039;timebar_overvideo&#039;=&gt; &#039;true&#039;,   \/\/ visible over slide video while playing?\n\t\t\t\t\t&#039;timebar_align&#039;    =&gt; &#039;bottom&#039;,\n\t\t\t\t\t&#039;timebar_color&#039;    =&gt; &#039;#FFFFFF&#039;,\n\t\t\t\t\t&#039;timebar_hideunder&#039;=&gt; &#039;&#039;,\n\t\t\t\t\t&#039;timebar_width&#039; \t =&gt; &#039;&#039;,\n\n\n\t\t\t\t\t&#039;slideinfo&#039;          =&gt; &#039;false&#039;,   \/\/ display timebar?\n\t\t\t\t\t&#039;slideinfo_autohide&#039; =&gt; &#039;true&#039;,   \/\/ auto hide timebar?\n\t\t\t\t\t&#039;slideinfo_overvideo&#039;=&gt; &#039;true&#039;,   \/\/ visible over slide video while playing?\n\t\t\t\t\t&#039;slideinfo_direction&#039;=&gt; &#039;h&#039;,\n\t\t\t\t\t&#039;slideinfo_align&#039;    =&gt; &#039;bottom&#039;,\n\t\t\t\t\t&#039;slideinfo_inset&#039;    =&gt; &#039;false&#039;,\n\t\t\t\t\t&#039;slideinfo_margin&#039;   =&gt; &#039;&#039;,\n\t\t\t\t\t&#039;slideinfo_hideunder&#039;=&gt; &#039;&#039;,\n\t\t\t\t\t&#039;slideinfo_width&#039;\t =&gt; &#039;&#039;,\n\t\t\t\t\t&#039;slideinfo_height&#039;   =&gt; &#039;&#039;,\n\n                    &#039;on_init&#039;            =&gt; &#039;&#039;,\n                    &#039;on_change_start&#039;    =&gt; &#039;&#039;,\n                    &#039;on_change_end&#039;      =&gt; &#039;&#039;,\n                    &#039;on_waiting&#039;         =&gt; &#039;&#039;,\n                    &#039;on_resize&#039;          =&gt; &#039;&#039;,\n                    &#039;on_video_play&#039;      =&gt; &#039;&#039;,\n                    &#039;on_video_close&#039;     =&gt; &#039;&#039;,\n                    &#039;on_swipe_start&#039;     =&gt; &#039;&#039;,\n                    &#039;on_swipe_move&#039;      =&gt; &#039;&#039;,\n                    &#039;on_swipe_end&#039;       =&gt; &#039;&#039;\n\t\t\t\t)\n\t\t\t\t, $atts , &#039;ms_slider&#039;\n\t );\n\n\t extract( $mixed );\n\n\t \/\/ load masterslider script\n\t wp_enqueue_style ( &#039;masterslider-main&#039;);\n\t wp_enqueue_script( &#039;masterslider-core&#039;);\n\t wp_enqueue_script( &#039;prettyPhoto&#039; );\n\n\t\/\/ create an unique id for slider\n\t$uid    = empty($uid ) ? uniqid(&quot;MS&quot;) : $uid;\n\t\/\/ unique id for parant wrapper\n\t$puid   = &#039;P_&#039; . $uid;\n\n\n\t\/\/ class name for slider template\n\t$template_class = empty( $template_class ) ? &#039;&#039; : esc_attr( $template_class );\n\n\t$preload = is_numeric($preload) ? ( (int)$preload + 1 ) : &quot;&#039;$preload&#039;&quot;;\n\n\n\t\/\/ add max-width to wrapper for boxed and partialview layout\n\tif( ! empty( $wrapper_width ) &amp;&amp; ( &#039;boxed&#039; == $layout || &#039;partialview&#039; == $layout ) ) {\n\t\t\/\/ validate wrapper_width_unit\n\t\t$wrapper_width_unit = in_array( $wrapper_width_unit, array( &#039;px&#039;, &#039;%&#039;, &#039;em&#039; ) ) ? $wrapper_width_unit : &#039;px&#039;;\n\t\t$inline_style .= sprintf( &#039;max-width:%s%s;&#039;, $wrapper_width, $wrapper_width_unit );\n\n\t\/\/ if wrapper_width is not set use slider width as default\n\t} elseif ( &#039;boxed&#039; == $layout ) {\n\t\t$inline_style .= sprintf( &#039;max-width:%spx;&#039;, $width );\n\n\t\/\/ if wrapper_width is not set the value to 100%\n\t} elseif ( &#039;partialview&#039; == $layout ) {\n\t\t$inline_style .= &#039;max-width:100%;&#039;;\n\t}\n\n\n\t$arrows_hideunder   = empty( $arrows_hideunder  ) ? &#039;&#039; : sprintf( &#039;, hideUnder:%s&#039;, $arrows_hideunder  );\n\t$bullets_hideunder  = empty( $bullets_hideunder ) ? &#039;&#039; : sprintf( &#039;, hideUnder:%s&#039;, $bullets_hideunder );\n\t$thumbs_hideunder   = empty( $thumbs_hideunder  ) ? &#039;&#039; : sprintf( &#039;, hideUnder:%s&#039;, $thumbs_hideunder  );\n\t$scroll_hideunder   = empty( $scroll_hideunder  ) ? &#039;&#039; : sprintf( &#039;, hideUnder:%s&#039;, $scroll_hideunder  );\n\t$timebar_hideunder  = empty( $timebar_hideunder ) ? &#039;&#039; : sprintf( &#039;, hideUnder:%s&#039;, $timebar_hideunder );\n\t$slideinfo_hideunder   = empty( $slideinfo_hideunder    ) ? &#039;&#039; : sprintf( &#039;, hideUnder:%s&#039;, $slideinfo_hideunder   );\n\t$circletimer_hideunder = empty( $circletimer_hideunder  ) ? &#039;&#039; : sprintf( &#039;, hideUnder:%s&#039;, $circletimer_hideunder );\n\n\t$bullets_margin     = empty( $bullets_margin )    ? &#039;&#039; : sprintf( &#039;, margin:%s&#039;, $bullets_margin     );\n\t$circletimer_margin = empty( $circletimer_margin )? &#039;&#039; : sprintf( &#039;, margin:%s&#039;, $circletimer_margin );\n\t$scroll_margin      = empty( $scroll_margin )     ? &#039;&#039; : sprintf( &#039;, margin:%s&#039;, $scroll_margin      );\n\t$slideinfo_margin   = empty( $slideinfo_margin )  ? &#039;&#039; : sprintf( &#039;, margin:%s&#039;, $slideinfo_margin   );\n\n\t$timebar_width      = empty( $timebar_width )     ? &#039;&#039; : sprintf( &#039;, width:%s&#039;, $timebar_width );\n\t$scroll_width       = empty( $scroll_width  )     ? &#039;&#039; : sprintf( &#039;, width:%s&#039;, $scroll_width );\n\n\n\tif ( in_array( $bullets_align, array(&#039;left&#039;, &#039;right&#039;) ) )\n\t\t$bullets_direction = &#039;v&#039;;\n\tif ( in_array( $bullets_align, array(&#039;top&#039;, &#039;bottom&#039;) ) )\n\t\t$bullets_direction = &#039;h&#039;;\n\n\tif ( in_array( $thumbs_align, array(&#039;left&#039;, &#039;right&#039;) ) )\n\t\t$thumbs_direction = &#039;v&#039;;\n\tif ( in_array( $thumbs_align, array(&#039;top&#039;, &#039;bottom&#039;) ) )\n\t\t$thumbs_direction = &#039;h&#039;;\n\n\tif ( in_array( $scroll_align, array(&#039;left&#039;, &#039;right&#039;) ) )\n\t\t$scroll_direction = &#039;v&#039;;\n\tif ( in_array( $scroll_align, array(&#039;top&#039;, &#039;bottom&#039;) ) )\n\t\t$scroll_direction = &#039;h&#039;;\n\n\tif ( in_array( $slideinfo_align, array(&#039;left&#039;, &#039;right&#039;) ) )\n\t\t$slideinfo_direction = &#039;v&#039;;\n\tif ( in_array( $slideinfo_align, array(&#039;top&#039;, &#039;bottom&#039;) ) )\n\t\t$slideinfo_direction = &#039;h&#039;;\n\n\t\/\/ set slideinfo size to spefified height is direction is horizontal, else set it to width\n\tif( empty( $slideinfo_width ) &amp;&amp; empty( $slideinfo_height ) ) {\n\t\t$slideinfo_size = &#039;&#039;;\n\t} elseif( &#039;h&#039; == $slideinfo_direction ){\n\t\t$slideinfo_size = sprintf( &#039;, size:%s&#039;, $slideinfo_height );\n\t} else {\n\t\t$slideinfo_size = sprintf( &#039;, size:%s&#039;, $slideinfo_width );\n\t}\n\n\t$instance_suffix = substr($uid, -4);\n\t\/\/ slider javascript instance name\n\t$instance_name = &quot;masterslider_&quot;.$instance_suffix;\n\n\t\/\/ stores inner markup for some spesific templates\n\t$inner_template_container_open_tags  = &#039;&#039;;\n\t$inner_template_container_close_tags = &#039;&#039;;\n\n\n\tif( &#039;laptop&#039; == $template ){\n\t\t$inner_template_container_open_tags  = sprintf( &#039;&lt;div class=&quot;ms-laptop-cont&quot;&gt;&lt;img src=&quot;%s&quot; class=&quot;ms-laptop-bg&quot; \/&gt;&lt;div class=&quot;ms-lt-slider-cont&quot;&gt;&#039;, MSWP_AVERTA_PUB_URL.&#039;\/assets\/css\/templates\/laptop.png&#039; );\n\t\t$inner_template_container_close_tags = &#039;&lt;\/div&gt;&lt;\/div&gt;&#039;;\n\n\t} elseif( &#039;display&#039; == $template ){\n\t\t$inner_template_container_open_tags  = sprintf( &#039;&lt;div class=&quot;ms-display-cont&quot;&gt;&lt;img src=&quot;%s&quot; class=&quot;ms-display-bg&quot; \/&gt;&lt;div class=&quot;ms-dis-slider-cont&quot;&gt;&#039;, MSWP_AVERTA_PUB_URL.&#039;\/assets\/css\/templates\/display.png&#039; );\n\t\t$inner_template_container_close_tags = &#039;&lt;\/div&gt;&lt;\/div&gt;&#039;;\n\n\t} elseif( &#039;flat-laptop&#039; == $template ){\n\t\t$inner_template_container_open_tags  = sprintf( &#039;&lt;div class=&quot;ms-laptop-cont&quot;&gt;&lt;img src=&quot;%s&quot; class=&quot;ms-laptop-bg&quot; \/&gt;&lt;div class=&quot;ms-lt-slider-cont&quot;&gt;&#039;, MSWP_AVERTA_PUB_URL.&#039;\/assets\/css\/templates\/flat-laptop.png&#039; );\n\t\t$inner_template_container_close_tags = &#039;&lt;\/div&gt;&lt;\/div&gt;&#039;;\n\n\t} elseif( &#039;flat-display&#039; == $template ){\n\t\t$inner_template_container_open_tags  = sprintf( &#039;&lt;div class=&quot;ms-display-cont&quot;&gt;&lt;img src=&quot;%s&quot; class=&quot;ms-display-bg&quot; \/&gt;&lt;div class=&quot;ms-dis-slider-cont&quot;&gt;&#039;, MSWP_AVERTA_PUB_URL.&#039;\/assets\/css\/templates\/flat-display.png&#039; );\n\t\t$inner_template_container_close_tags = &#039;&lt;\/div&gt;&lt;\/div&gt;&#039;;\n\n\t} elseif( &#039;tablet&#039; == $template ){\n\t\t$inner_template_container_open_tags  = sprintf( &#039;&lt;div class=&quot;ms-tablet-cont&quot;&gt;&lt;img src=&quot;%s&quot; class=&quot;ms-tablet-bg&quot; \/&gt;&lt;div class=&quot;ms-lt-slider-cont&quot;&gt;&#039;, MSWP_AVERTA_PUB_URL.&#039;\/assets\/css\/templates\/tablet.png&#039; );\n\t\t$inner_template_container_close_tags = &#039;&lt;\/div&gt;&lt;\/div&gt;&#039;;\n\n\t} elseif( &#039;flat-tablet&#039; == $template ){\n\t\t$inner_template_container_open_tags  = sprintf( &#039;&lt;div class=&quot;ms-tablet-cont&quot;&gt;&lt;img src=&quot;%s&quot; class=&quot;ms-tablet-bg&quot; \/&gt;&lt;div class=&quot;ms-lt-slider-cont&quot;&gt;&#039;, MSWP_AVERTA_PUB_URL.&#039;\/assets\/css\/templates\/flat-tablet.png&#039; );\n\t\t$inner_template_container_close_tags = &#039;&lt;\/div&gt;&lt;\/div&gt;&#039;;\n\n\t} elseif( &#039;tablet-land&#039; == $template ){\n\t\t$inner_template_container_open_tags  = sprintf( &#039;&lt;div class=&quot;ms-tablet-cont&quot;&gt;&lt;img src=&quot;%s&quot; class=&quot;ms-tablet-bg&quot; \/&gt;&lt;div class=&quot;ms-lt-slider-cont&quot;&gt;&#039;, MSWP_AVERTA_PUB_URL.&#039;\/assets\/css\/templates\/tablet-land.png&#039; );\n\t\t$inner_template_container_close_tags = &#039;&lt;\/div&gt;&lt;\/div&gt;&#039;;\n\n\t} elseif( &#039;flat-tablet-land&#039; == $template ){\n\t\t$inner_template_container_open_tags  = sprintf( &#039;&lt;div class=&quot;ms-tablet-cont&quot;&gt;&lt;img src=&quot;%s&quot; class=&quot;ms-tablet-bg&quot; \/&gt;&lt;div class=&quot;ms-lt-slider-cont&quot;&gt;&#039;, MSWP_AVERTA_PUB_URL.&#039;\/assets\/css\/templates\/flat-tablet-land.png&#039; );\n\t\t$inner_template_container_close_tags = &#039;&lt;\/div&gt;&lt;\/div&gt;&#039;;\n\n\t} elseif( &#039;phone&#039; == $template ){\n\t\t$inner_template_container_open_tags  = sprintf( &#039;&lt;div class=&quot;ms-phone-cont&quot;&gt;&lt;img src=&quot;%s&quot; class=&quot;ms-phone-bg&quot; \/&gt;&lt;div class=&quot;ms-lt-slider-cont&quot;&gt;&#039;, MSWP_AVERTA_PUB_URL.&#039;\/assets\/css\/templates\/phone.png&#039; );\n\t\t$inner_template_container_close_tags = &#039;&lt;\/div&gt;&lt;\/div&gt;&#039;;\n\n\t} elseif( &#039;flat-phone&#039; == $template ){\n\t\t$inner_template_container_open_tags  = sprintf( &#039;&lt;div class=&quot;ms-phone-cont&quot;&gt;&lt;img src=&quot;%s&quot; class=&quot;ms-phone-bg&quot; \/&gt;&lt;div class=&quot;ms-lt-slider-cont&quot;&gt;&#039;, MSWP_AVERTA_PUB_URL.&#039;\/assets\/css\/templates\/flat-phone.png&#039; );\n\t\t$inner_template_container_close_tags = &#039;&lt;\/div&gt;&lt;\/div&gt;&#039;;\n\n\t} elseif( &#039;phone-land&#039; == $template ){\n\t\t$inner_template_container_open_tags  = sprintf( &#039;&lt;div class=&quot;ms-phone-cont&quot;&gt;&lt;img src=&quot;%s&quot; class=&quot;ms-phone-bg&quot; \/&gt;&lt;div class=&quot;ms-lt-slider-cont&quot;&gt;&#039;, MSWP_AVERTA_PUB_URL.&#039;\/assets\/css\/templates\/phone-land.png&#039; );\n\t\t$inner_template_container_close_tags = &#039;&lt;\/div&gt;&lt;\/div&gt;&#039;;\n\n\t} elseif( &#039;flat-phone-land&#039; == $template ){\n\t\t$inner_template_container_open_tags  = sprintf( &#039;&lt;div class=&quot;ms-phone-cont&quot;&gt;&lt;img src=&quot;%s&quot; class=&quot;ms-phone-bg&quot; \/&gt;&lt;div class=&quot;ms-lt-slider-cont&quot;&gt;&#039;, MSWP_AVERTA_PUB_URL.&#039;\/assets\/css\/templates\/flat-phone-land.png&#039; );\n\t\t$inner_template_container_close_tags = &#039;&lt;\/div&gt;&lt;\/div&gt;&#039;;\n\t}\n\n\n\t$inner_template_container_open_tags  = apply_filters( &#039;masterslider_ms_slider_inner_template_container_open_tags&#039; , $inner_template_container_open_tags , $template, $mixed );\n\t$inner_template_container_close_tags = apply_filters( &#039;masterslider_ms_slider_inner_template_container_close_tags&#039;, $inner_template_container_close_tags, $template, $mixed );\n\n\t\/\/ class names for master slider wrapper\n\t$wrapper_classes = $class.&#039; &#039;.$template_class.&#039; &#039;.&#039;ms-parent-id-&#039;.$id;\n\n\tob_start();\n ?&gt;\n\n\t\t&lt;!-- MasterSlider --&gt;\n\t\t&lt;div id=&quot;&lt;?php echo esc_attr( $puid ); ?&gt;&quot; class=&quot;master-slider-parent msl &lt;?php echo esc_attr( trim( $wrapper_classes ) ); ?&gt;&quot; style=&quot;&lt;?php echo esc_attr( $inline_style ); ?&gt;&quot;&gt;\n\n\t\t\t&lt;?php echo wp_kses_post( $inner_template_container_open_tags ); ?&gt;\n\n\t\t\t&lt;!-- MasterSlider Main --&gt;\n\t\t\t&lt;div id=&quot;&lt;?php echo esc_attr( $uid ); ?&gt;&quot; class=&quot;master-slider &lt;?php echo esc_attr( $skin ); ?&gt;&quot; &gt;\n\t\t\t\t &lt;?php \/\/ generate all ms slide shortcodes ?&gt;\n\t\t\t\t &lt;?php echo do_shortcode($content); ?&gt;\n\n\t\t\t&lt;\/div&gt;\n\t\t\t&lt;!-- END MasterSlider Main --&gt;\n\n\t\t\t &lt;?php echo wp_kses_post( $inner_template_container_close_tags ); ?&gt;\n\n\t\t&lt;\/div&gt;\n\t\t&lt;!-- END MasterSlider --&gt;\n\n\t\t&lt;script&gt;\n\t\t(function ( $ ) {\n\t\t\t&quot;use strict&quot;;\n\n\t\t\t$(function () {\n\t\t\t\tvar &lt;?php echo esc_js( $instance_name ); ?&gt; = new MasterSlider();\n\n\t\t\t\t\/\/ slider controls\n&lt;?php if($arrows  == &#039;true&#039; || &#039;image-gallery&#039; == $template ){\n\t\t\t\t\t\tprintf( &quot;\\t\\t\\t\\t$instance_name.control(&#039;%s&#039;     ,{ autohide:%s, overVideo:%s %s });&quot;,\n\t\t\t\t\t\t\t\t\t&#039;arrows&#039;,\n\t\t\t\t\t\t\t\t\tmsp_is_true($arrows_autohide ),\n\t\t\t\t\t\t\t\t\tmsp_is_true($arrows_overvideo ),\n\t\t\t\t\t\t\t\t\t$arrows_hideunder\n\t\t\t\t\t\t\t\t);\n} ?&gt;\n&lt;?php if($bullets == &#039;true&#039;){\n\t\t\t\t\t\tprintf( &quot;\\t\\t\\t\\t$instance_name.control(&#039;%s&#039;    ,{ autohide:%s, overVideo:%s, dir:&#039;%s&#039;, align:&#039;%s&#039; %s %s });\\n&quot;,\n\t\t\t\t\t\t\t\t\t&#039;bullets&#039;  ,\n\t\t\t\t\t\t\t\t\tmsp_is_true($bullets_autohide ),\n\t\t\t\t\t\t\t\t\tmsp_is_true($bullets_overvideo ),\n\t\t\t\t\t\t\t\t\t$bullets_direction,\n\t\t\t\t\t\t\t\t\t$bullets_align,\n\t\t\t\t\t\t\t\t\t$bullets_margin,\n\t\t\t\t\t\t\t\t\t$bullets_hideunder\n\t\t\t\t\t\t\t\t);\n} ?&gt;\n\n&lt;?php if($thumbs  == &#039;true&#039;){\n\t\t\t\t\t\t$thumbs_custom_class = &#039;true&#039; == $thumbs_in_tab ? &#039;ms-has-thumb&#039; : &#039;&#039;;\n\t\t\t\t\t\tprintf( &quot;\\t\\t\\t\\t$instance_name.control(&#039;%s&#039;  ,{ autohide:%s, overVideo:%s, dir:&#039;%s&#039;, speed:%d, inset:%s, arrows:%s, hover:%s, customClass:&#039;%s&#039;, align:&#039;%s&#039;,type:&#039;%s&#039;, margin:%d, width:%d, height:%d, space:%d, fillMode:&#039;%s&#039; %s });\\n&quot;,\n\t\t\t\t\t\t\t\t\t&#039;thumblist&#039;,\n\t\t\t\t\t\t\t\t\tmsp_is_true( $thumbs_autohide  ),\n\t\t\t\t\t\t\t\t\tmsp_is_true( $thumbs_overvideo ),\n\t\t\t\t\t\t\t\t\t$thumbs_direction,\n\t\t\t\t\t\t\t\t\t(int)$thumbs_speed,\n\t\t\t\t\t\t\t\t\tmsp_is_true( $thumbs_inset ),\n\t\t\t\t\t\t\t\t\tmsp_is_true( $thumbs_arrows ),\n\t\t\t\t\t\t\t\t\tmsp_is_true( $thumbs_hoverchange ),\n\t\t\t\t\t\t\t\t\t$thumbs_custom_class,\n\t\t\t\t\t\t\t\t\t$thumbs_align,\n\t\t\t\t\t\t\t\t\t$thumbs_type,\n\t\t\t\t\t\t\t\t\t(int)$thumbs_margin,\n\t\t\t\t\t\t\t\t\t(int)$thumbs_width,\n\t\t\t\t\t\t\t\t\t(int)$thumbs_height,\n\t\t\t\t\t\t\t\t\t(int)$thumbs_space,\n\t\t\t\t\t\t\t\t\t$thumbs_fillmode,\n\t\t\t\t\t\t\t\t\t$thumbs_hideunder\n\t\t\t\t\t\t\t\t);\n\n\n} ?&gt;\n&lt;?php if($scroll  == &#039;true&#039;){\n\t\t\t\t\t\tprintf( &quot;\\t\\t\\t\\t$instance_name.control(&#039;%s&#039;  ,{ autohide:%s, overVideo:%s, dir:&#039;%s&#039;, inset:%s, align:&#039;%s&#039;, color:&#039;%s&#039; %s %s %s });\\n&quot;,\n\t\t\t\t\t\t\t\t  &#039;scrollbar&#039;,\n\t\t\t\t\t\t\t\t\tmsp_is_true($scroll_autohide  ),\n\t\t\t\t\t\t\t\t\tmsp_is_true($scroll_overvideo ),\n\t\t\t\t\t\t\t\t\t$scroll_direction,\n\t\t\t\t\t\t\t\t\tmsp_is_true($scroll_inset ),\n\t\t\t\t\t\t\t\t\t$scroll_align,\n\t\t\t\t\t\t\t\t\t$scroll_color,\n\t\t\t\t\t\t\t\t\t$scroll_margin,\n\t\t\t\t\t\t\t\t\t$scroll_hideunder,\n\t\t\t\t\t\t\t\t\t$scroll_width\n\t\t\t\t\t\t\t\t);\n} ?&gt;\n&lt;?php if($circletimer == &#039;true&#039;){\n\t\t\t\t\t\tprintf( &quot;\\t\\t\\t\\t$instance_name.control(&#039;%s&#039;,{ autohide:%s, overVideo:%s, color:&#039;%s&#039;, radius:%d, stroke:%d %s %s });\\n&quot;,\n\t\t\t\t\t\t\t\t  &quot;circletimer&quot;,\n\t\t\t\t\t\t\t\t\tmsp_is_true($circletimer_autohide ),\n\t\t\t\t\t\t\t\t\tmsp_is_true($circletimer_overvideo ),\n\t\t\t\t\t\t\t\t\t$circletimer_color,\n\t\t\t\t\t\t\t\t\t$circletimer_radius,\n\t\t\t\t\t\t\t\t\t$circletimer_stroke,\n\t\t\t\t\t\t\t\t\t$circletimer_margin,\n\t\t\t\t\t\t\t\t\t$circletimer_hideunder\n\t\t\t\t\t\t\t\t);\n} ?&gt;\n&lt;?php if($timebar == &#039;true&#039;){\n\t\t\t\t\t\tprintf( &quot;\\t\\t\\t\\t$instance_name.control(&#039;%s&#039;    ,{ autohide:%s, overVideo:%s, align:&#039;%s&#039;, color:&#039;%s&#039; %s %s });\\n&quot;,\n\t\t\t\t\t\t\t\t  &quot;timebar&quot;,\n\t\t\t\t\t\t\t\t\tmsp_is_true($timebar_autohide  ),\n\t\t\t\t\t\t\t\t\tmsp_is_true($timebar_overvideo ),\n\t\t\t\t\t\t\t\t\t$timebar_align,\n\t\t\t\t\t\t\t\t\t$timebar_color,\n\t\t\t\t\t\t\t\t\t$timebar_hideunder,\n\t\t\t\t\t\t\t\t\t$timebar_width\n\t\t\t\t\t\t\t\t);\n} ?&gt;\n&lt;?php if($slideinfo == &#039;true&#039;){\n\t\t\t\t\t\tprintf( &quot;\\t\\t\\t\\t$instance_name.control(&#039;%s&#039;  ,{ autohide:%s, overVideo:%s, dir:&#039;%s&#039;, align:&#039;%s&#039;,inset:%s %s %s %s });\\n&quot;,\n\t\t\t\t\t\t\t\t  &quot;slideinfo&quot;,\n\t\t\t\t\t\t\t\t\tmsp_is_true($slideinfo_autohide  ),\n\t\t\t\t\t\t\t\t\tmsp_is_true($slideinfo_overvideo ),\n\t\t\t\t\t\t\t\t\t$slideinfo_direction,\n\t\t\t\t\t\t\t\t\t$slideinfo_align,\n\t\t\t\t\t\t\t\t\tmsp_is_true( $slideinfo_inset ),\n\t\t\t\t\t\t\t\t\t$slideinfo_margin,\n\t\t\t\t\t\t\t\t\t$slideinfo_hideunder,\n\t\t\t\t\t\t\t\t\t$slideinfo_size\n\t\t\t\t\t\t\t\t);\n} ?&gt;\n\t\t\t\t\/\/ slider setup\n\t\t\t\t&lt;?php echo esc_js( $instance_name ); ?&gt;.setup(&quot;&lt;?php echo $uid; ?&gt;&quot;, {\n\t\t\t\t\t\twidth           : &lt;?php echo (int)$width; ?&gt;,\n\t\t\t\t\t\theight          : &lt;?php echo (int) $height; ?&gt;,\n\t\t\t\t\t\tminHeight       : &lt;?php echo (int) $min_height; ?&gt;,\n\t\t\t\t\t\tspace           : &lt;?php echo (int) $space;  ?&gt;,\n\t\t\t\t\t\tstart           : &lt;?php echo (int) $start;  ?&gt;,\n\t\t\t\t\t\tgrabCursor      : &lt;?php msp_is_true_e($grab_cursor); ?&gt;,\n\t\t\t\t\t\tswipe           : &lt;?php msp_is_true_e($swipe); ?&gt;,\n\t\t\t\t\t\tmouse           : &lt;?php msp_is_true_e($mouse); ?&gt;,\n\t\t\t\t\t\tlayout          : &quot;&lt;?php echo $layout; ?&gt;&quot;,\n\t\t\t\t\t\twheel           : &lt;?php msp_is_true_e($wheel); ?&gt;,\n\t\t\t\t\t\tautoplay        : &lt;?php msp_is_true_e($autoplay); ?&gt;,\n\t\t\t\t\t\tinstantStartLayers:&lt;?php msp_is_true_e( $instant_show_layers ); ?&gt;,\n\t\t\t\t\t\tloop            : &lt;?php msp_is_true_e($loop); ?&gt;,\n\t\t\t\t\t\tshuffle         : &lt;?php msp_is_true_e($shuffle); ?&gt;,\n\t\t\t\t\t\tpreload         : &lt;?php echo $preload; ?&gt;,\n\t\t\t\t\t\theightLimit     : &lt;?php msp_is_true_e($height_limit); ?&gt;,\n\t\t\t\t\t\tautoHeight      : &lt;?php msp_is_true_e($auto_height); ?&gt;,\n\t\t\t\t\t\tsmoothHeight    : &lt;?php msp_is_true_e($smooth_height); ?&gt;,\n\t\t\t\t\t\tendPause        : &lt;?php msp_is_true_e($end_pause); ?&gt;,\n\t\t\t\t\t\toverPause       : &lt;?php msp_is_true_e($over_pause); ?&gt;,\n\t\t\t\t\t\tfillMode        : &quot;&lt;?php echo $fill_mode; ?&gt;&quot;,\n\t\t\t\t\t\tcenterControls  : &lt;?php msp_is_true_e($center_controls); ?&gt;,\n\t\t\t\t\t\tstartOnAppear   : &lt;?php msp_is_true_e($start_on_appear); ?&gt;,\n\t\t\t\t\t\tlayersMode      : &quot;&lt;?php echo $layers_mode; ?&gt;&quot;,\n\t\t\t\t\t\thideLayers      : &lt;?php msp_is_true_e($hide_layers); ?&gt;,\n\t\t\t\t\t\tfullscreenMargin: &lt;?php echo (int) $fullscreen_margin;  ?&gt;,\n\t\t\t\t\t\tspeed           : &lt;?php echo (int)$speed; ?&gt;,\n\t\t\t\t\t\tdir             : &quot;&lt;?php echo $direction; ?&gt;&quot;,\n&lt;?php if( &#039;staff-3&#039; == $template      ) { echo &quot;viewOption      : { centerSpace:1.6 },\\n&quot;; } ?&gt;\n&lt;?php if( &#039;off&#039;     != $parallax_mode ) { echo &quot;\\t\\t\\t\\t\\t\\tparallaxMode    : &#039;$parallax_mode&#039;,\\n&quot;; } ?&gt;\n\t\t\t\t\t\tview            : &quot;&lt;?php echo $view; ?&gt;&quot;\n\t\t\t\t});\n\n\t\t\t\t&lt;?php\n                if( ! empty( $on_init ) )\n                    printf( &quot;$instance_name.api.addEventListener(MSSliderEvent.INIT, %s );\\n&quot;        , msp_maybe_base64_decode( $on_init ) ) ;\n\n\t\t\t\tif( ! empty( $on_change_start ) )\n\t\t\t\t\tprintf( &quot;$instance_name.api.addEventListener(MSSliderEvent.CHANGE_START, %s );\\n&quot;\t\t  , msp_maybe_base64_decode( $on_change_start ) ) ;\n\n\t\t\t\tif( ! empty( $on_change_end ) )\n\t\t\t\t\tprintf( &quot;\\t\\t\\t\\t$instance_name.api.addEventListener(MSSliderEvent.CHANGE_END, %s );\\n&quot;  , msp_maybe_base64_decode( $on_change_end ) ) ;\n\n\t\t\t\tif( ! empty( $on_waiting ) )\n\t\t\t\t\tprintf( &quot;\\t\\t\\t\\t$instance_name.api.addEventListener(MSSliderEvent.WAITING, %s );\\n&quot;     , msp_maybe_base64_decode( $on_waiting ) ) ;\n\n\t\t\t\tif( ! empty( $on_resize ) )\n\t\t\t\t\tprintf( &quot;\\t\\t\\t\\t$instance_name.api.addEventListener(MSSliderEvent.RESIZE, %s );\\n&quot;      , msp_maybe_base64_decode( $on_resize ) ) ;\n\n\t\t\t\tif( ! empty( $on_video_play ) )\n\t\t\t\t\tprintf( &quot;\\t\\t\\t\\t$instance_name.api.addEventListener(MSSliderEvent.VIDEO_PLAY, %s );\\n&quot;  , msp_maybe_base64_decode( $on_video_play ) ) ;\n\n\t\t\t\tif( ! empty( $on_video_close ) )\n\t\t\t\t\tprintf( &quot;\\t\\t\\t\\t$instance_name.api.addEventListener(MSSliderEvent.VIDEO_CLOSE, %s );\\n&quot; , msp_maybe_base64_decode( $on_video_close ) ) ;\n\n\t\t\t\tif( $on_swipe_start || $on_swipe_move || $on_swipe_end ){\n\n                    echo &quot;\\t\\t\\t$instance_name.api.addEventListener(MSSliderEvent.INIT, function(){\\n&quot;;\n\n                    if( ! empty( $on_swipe_start ) ){\n                        printf( &quot;\\t\\t\\t\\t$instance_name.api.view.addEventListener(MSViewEvents.SWIPE_START, %s );\\n&quot; , msp_maybe_base64_decode( $on_swipe_start ) ) ;\n                    }\n\n                    if( ! empty( $on_swipe_move ) ){\n                        printf( &quot;\\t\\t\\t\\t$instance_name.api.view.addEventListener(MSViewEvents.SWIPE_MOVE, %s );\\n&quot;  , msp_maybe_base64_decode( $on_swipe_move ) ) ;\n                    }\n\n                    if( ! empty( $on_swipe_end ) ){\n                        printf( &quot;\\t\\t\\t\\t$instance_name.api.view.addEventListener(MSViewEvents.SWIPE_END, %s );\\n&quot;   , msp_maybe_base64_decode( $on_swipe_end ) ) ;\n                    }\n\n                    echo &quot;\\t\\t\\t});\\n&quot;;\n                }\n\n\t\t\t\tif ( &#039;image-gallery&#039; == $template ) {\n\t\t\t\t\tprintf( &quot;new MSGallery( &#039;%s&#039; , %s).setup();&quot;, $puid, $instance_name );\n\t\t\t\t}\n\n\t\t\t\tif ( &#039;flickr&#039; == $slider_type ) {\n\t\t\t\t\tprintf( &quot;new MSFlickrV2( %s, { key:&#039;%s&#039;, id:&#039;%s&#039;, count:%d, thumbSize:&#039;%s&#039;,imgSize:&#039;%s&#039;, type:&#039;%s&#039; });&quot;, $instance_name, $flickr_key, $flickr_id, $flickr_count, $flickr_thumb_size, $flickr_size, $flickr_type );\n\t\t\t\t}\n\n\t\t\t\tif ( &#039;facebook&#039; == $slider_type ) {\n\t\t\t\t\t$facebook_username_prop   = empty( $facebook_username ) ? &#039;&#039; : sprintf( &quot;username:&#039;%s&#039;, &quot; , $facebook_username  );\n\t\t\t\t\t$facebook_albumid_prop    = empty( $facebook_albumid  ) ? &#039;&#039; : sprintf( &quot;albumId :&#039;%s&#039;, &quot; , $facebook_albumid   );\n\n\t\t\t\t\tprintf( &quot;new MSFacebookGallery( %s, { %s %s count:%d, thumbSize:&#039;%s&#039;,imgSize:&#039;%s&#039;, type:&#039;%s&#039; });&quot;,\n\t\t\t\t\t        $instance_name, $facebook_username_prop, $facebook_albumid_prop, $facebook_count, $facebook_thumb_size, $facebook_size, $facebook_type );\n\t\t\t\t}\n\n\t\t\t\t\/\/ add slider instance to global scope\n\t\t\t\techo &quot;\\n\\t\\t\\t\\twindow.masterslider_instances = window.masterslider_instances || &#91;];&quot;;\n\t\t\t\techo &quot;\\n\\t\\t\\t\\twindow.masterslider_instances.push( $instance_name );\\n&quot;;\n\t\t\t\t?&gt;\n\t\t\t });\n\n\t\t})(jQuery);\n\t\t&lt;\/script&gt;\n\n&lt;?php\n\tif ( ! empty( $gfonts ) ) {\n\t\t$response = wp_remote_get( &#039;http:\/\/fonts.googleapis.com\/css?family=&#039; . $gfonts );\n\t\tif ( !is_wp_error( $response ) ) {\n\t\t\twp_add_inline_style( &#039;ms-fonts&#039;, $response&#91;&#039;body&#039;] );\n\t\t}\n\t}\n\treturn apply_filters( &quot;masterslider_ms_slider_shortcode&quot;, ob_get_clean(), $mixed );\n}\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">master-slider\/master-slider\/includes\/msp-shortcodes.php<\/code><\/pre>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Master Slider [ms_slide] Shortcode<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Master Slider shortcode allows you to customize the appearance and functionality of your slides. It enables you to set parameters like source, CSS class, style, link attributes, video settings, autoplay, and more.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[ms_slide]<\/code><\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Parameters<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Here is a list of all possible ms_slide shortcode parameters and attributes:<\/p>\n\n\n<ul>\n<li><code>src<\/code> &#8211; URL of the slide image<\/li>\n<li><code>src_full<\/code> &#8211; URL of the full-size slide image<\/li>\n<li><code>css_class<\/code> &#8211; CSS class for the slide<\/li>\n<li><code>css_id<\/code> &#8211; CSS ID for the slide<\/li>\n<li><code>style<\/code> &#8211; CSS styles for the slide<\/li>\n<li><code>src_blank<\/code> &#8211; URL of blank image for preloading<\/li>\n<li><code>title<\/code> &#8211; Title of the slide image<\/li>\n<li><code>alt<\/code> &#8211; Alternative text for the slide image<\/li>\n<li><code>link<\/code> &#8211; URL the slide image links to<\/li>\n<li><code>link_title<\/code> &#8211; Title of the link<\/li>\n<li><code>link_class<\/code> &#8211; CSS class of the link<\/li>\n<li><code>link_id<\/code> &#8211; CSS ID of the link<\/li>\n<li><code>link_rel<\/code> &#8211; Relationship of the link<\/li>\n<li><code>target<\/code> &#8211; Target of the link<\/li>\n<li><code>video<\/code> &#8211; YouTube or Vimeo video link<\/li>\n<li><code>auto_play_video<\/code> &#8211; Autoplay for YouTube or Vimeo videos<\/li>\n<li><code>mp4<\/code> &#8211; Self-hosted video background in MP4<\/li>\n<li><code>webm<\/code> &#8211; Self-hosted video background in WEBM<\/li>\n<li><code>ogg<\/code> &#8211; Self-hosted video background in OGG<\/li>\n<li><code>info<\/code> &#8211; Additional info for the slide<\/li>\n<li><code>autopause<\/code> &#8211; Autopause setting for the slide<\/li>\n<li><code>mute<\/code> &#8211; Mute setting for the slide<\/li>\n<li><code>loop<\/code> &#8211; Loop setting for the slide<\/li>\n<li><code>vbgalign<\/code> &#8211; Alignment of the video background<\/li>\n<li><code>crop_width<\/code> &#8211; Width of the cropped image<\/li>\n<li><code>crop_height<\/code> &#8211; Height of the cropped image<\/li>\n<li><code>thumb<\/code> &#8211; URL of the slide thumbnail<\/li>\n<li><code>tab<\/code> &#8211; Tab content for the slide<\/li>\n<li><code>tab_thumb<\/code> &#8211; URL of the tab thumbnail<\/li>\n<li><code>delay<\/code> &#8211; Delay before the slide shows<\/li>\n<li><code>bgalign<\/code> &#8211; Alignment of the slide background<\/li>\n<li><code>bgcolor<\/code> &#8211; Color of the slide background<\/li>\n<li><code>pattern<\/code> &#8211; Pattern for the slide background<\/li>\n<li><code>tintcolor<\/code> &#8211; Tint color for the slide background<\/li>\n<\/ul>\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n\n\n<p><strong>Basic example<\/strong> &#8211; Display a simple slide with an image source and a title.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[ms_slide src=\"image.jpg\" title=\"My Slide\" \/]<\/code><\/pre>\n\n\n<p><strong>Advanced examples<\/strong><\/p>\n<p>Display a slide with an image, title, and a link that opens in a new tab.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[ms_slide src=\"image.jpg\" title=\"My Slide\" link=\"http:\/\/example.com\" target=\"_blank\" \/]<\/code><\/pre>\n\n\n<p>Display a slide with a background video, autoplay enabled, and a custom CSS class.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[ms_slide video=\"video.mp4\" auto_play_video=\"true\" css_class=\"my-custom-class\" \/]<\/code><\/pre>\n\n\n<p>Display a slide with an image, a delay before the slide appears, and a specific alignment for the background.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[ms_slide src=\"image.jpg\" delay=\"5000\" bgalign=\"center\" \/]<\/code><\/pre>\n\n\n<p>Display a slide with a self-hosted video background, specifying the MP4, WebM, and OGG sources.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[ms_slide mp4=\"video.mp4\" webm=\"video.webm\" ogg=\"video.ogg\" \/]<\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">PHP Function Code<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In case you have difficulties debugging what causing issues with <code>[ms_slide]<\/code> shortcode, check below the related PHP functions code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode line<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">add_shortcode( 'ms_slide', 'msp_masterslider_slide_shortcode' );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode PHP function<\/strong>:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; light: false; title: ; toolbar: true; notranslate\" title=\"\">\nfunction msp_masterslider_slide_shortcode( $atts, $content = null ) {\n\textract( shortcode_atts(\n\t\t\t\tarray(\n\t\t\t\t\t&#039;src&#039;       =&gt; &#039;&#039;,\n\t\t\t\t\t&#039;src_full&#039;  =&gt; &#039;&#039;,\n\n\t\t\t\t\t&#039;css_class&#039; =&gt; &#039;&#039;,\n\t\t\t\t\t&#039;css_id&#039;    =&gt; &#039;&#039;,\n\t\t\t\t\t&#039;style&#039; \t=&gt; &#039;&#039;,\n\n\t\t\t\t\t&#039;src_blank&#039;\t=&gt; MSWP_BLANK_IMG, \/\/ url to black image for preloading job\n\n\t\t\t\t\t&#039;title&#039;     =&gt; &#039;&#039;, \/\/ image title\n\t\t\t\t\t&#039;alt&#039;       =&gt; &#039;&#039;, \/\/ image alternative text\n\n\t\t\t\t\t&#039;link&#039;       =&gt; &#039;&#039;,\n\t\t            &#039;link_title&#039; =&gt; &#039;&#039;,\n\t\t            &#039;link_class&#039; =&gt; &#039;&#039;,\n\t\t            &#039;link_id&#039;    =&gt; &#039;&#039;,\n\t\t            &#039;link_rel&#039;   =&gt; &#039;&#039;,\n\n\t\t\t\t\t&#039;target&#039;    =&gt; &#039;_blank&#039;,\n\t\t\t\t\t&#039;video&#039;     =&gt; &#039;&#039;, \/\/ youtube or vimeo video link\n\t\t\t\t\t&#039;auto_play_video&#039; =&gt; &#039;&#039;, \/\/ autoplay for youtube or vimeo videos\n\n\t\t\t\t\t&#039;mp4&#039;\t\t=&gt; &#039;&#039;, \/\/ self host video bg\n\t\t\t\t\t&#039;webm&#039;\t\t=&gt; &#039;&#039;, \/\/ self host video bg\n\t\t\t\t\t&#039;ogg&#039;\t\t=&gt; &#039;&#039;, \/\/ self host video bg\n\n\t\t\t\t\t&#039;info&#039;      =&gt; &#039;&#039;,\n\n\t\t\t\t\t&#039;autopause&#039; =&gt; &#039;false&#039;,\n\t\t\t\t\t&#039;mute&#039;\t\t=&gt; &#039;true&#039;,\n\t\t\t\t\t&#039;loop&#039; \t\t=&gt; &#039;true&#039;,\n\t\t\t\t\t&#039;vbgalign&#039; \t=&gt; &#039;fill&#039;,\n\n\t\t\t\t\t&#039;crop_width&#039;  =&gt; &#039;&#039;, \/\/ empty means auto\n\t\t\t\t\t&#039;crop_height&#039; =&gt; &#039;&#039;, \/\/ empty means auto\n\n\t\t\t\t\t&#039;thumb&#039; \t=&gt; &#039;&#039;,\n\t\t\t\t\t&#039;tab&#039; \t\t=&gt; &#039;&#039;,\n\t\t\t\t\t&#039;tab_thumb&#039; =&gt; &#039;&#039;,\n\t\t\t\t\t&#039;delay&#039;     =&gt; &#039;&#039;, \/\/ data-delay\n\t\t\t\t\t&#039;bgalign&#039;\t=&gt; &#039;&#039;,  \/\/ data-fill-mode\n\t\t\t\t\t&#039;bgcolor&#039; \t=&gt; &#039;&#039;,\n\t\t\t\t\t&#039;pattern&#039;   =&gt; &#039;&#039;,\n\t\t\t\t\t&#039;tintcolor&#039; =&gt; &#039;&#039;\n\t\t\t\t)\n\t\t\t\t, $atts, &#039;masterslider_slide&#039; )\n\t\t\t );\n\n\t$css_class = empty( $css_class ) ? &#039;&#039; : &#039; &#039;.$css_class;\n\n\t$css_id    = empty( $css_id ) ? &#039;&#039; : &#039;id=&quot;&#039;.$css_id.&#039;&quot;&#039;;\n\n\t$style     = esc_attr( $style );\n\t$style    .= empty( $bgcolor ) ? &#039;&#039; : &#039;background-color:&#039; . $bgcolor . &#039;;&#039;;\n\t$style_attr= empty( $style ) ? &#039;&#039; : &#039;style=&quot;&#039;. $style .&#039;&quot;&#039;;\n\n\t\t\/\/ create delay attr if is set\n\t$data_delay = empty( $delay ) ? &#039;&#039; : &#039;data-delay=&quot;&#039;.( (float) $delay ).&#039;&quot;&#039;;\n\n\t\/\/ create bg align attr if is set\n\t$data_align = empty( $bgalign )?&#039;&#039;:&#039;data-fill-mode=&quot;&#039;. $bgalign .&#039;&quot;&#039;;\n\n\t\/\/ add slide starter tag\n\t$slide_start_tag = sprintf( &#039;&lt;div %s class=&quot;ms-slide%s&quot; %s %s %s &gt;&#039;, $css_id, $css_class, $data_delay, $data_align, $style_attr ).&quot;\\n&quot;;\n\n\t\/\/ making start tag filterable for extend purposes\n\t$slide_start_tag = apply_filters( &#039;msp_masterslider_slide_start_tag&#039;, &quot;\\t\\t\\t\\t&quot;.$slide_start_tag, $atts );\n\n\t\/\/ parse slide content \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\n\n\t$slide_content = &quot;&quot;;\n\n\t\/\/ if blank image is not set use original img instead\n\t$src_blank \t= empty( $src_blank ) ? $src : $src_blank;\n\n    if( ! empty( $pattern ) || ! empty( $tintcolor ) ){\n        $inline_style   = ! empty( $tintcolor ) ? esc_attr( &#039;background-color:&#039; . $tintcolor . &#039;;&#039;) : &#039;&#039;;\n        $slide_content .= &quot;\\t\\t\\t\\t\\t&quot; . sprintf(&#039;&lt;div class=&quot;ms-pattern %s&quot; style=&quot;%s&quot;&gt;&lt;\/div&gt;&#039;, $pattern, $inline_style ).&quot;\\n&quot;;\n    }\n\n\t\/\/ decode escaped square brackets\n\t$title \t\t= str_replace( array( &quot;%5B&quot;, &quot;%5D&quot; ), array(&#039;&#91;&#039;, &#039;]&#039;), $title \t\t);\n\t$alt   \t\t= str_replace( array( &quot;%5B&quot;, &quot;%5D&quot; ), array(&#039;&#91;&#039;, &#039;]&#039;), $alt   \t\t);\n\t$link_title = str_replace( array( &quot;%5B&quot;, &quot;%5D&quot; ), array(&#039;&#91;&#039;, &#039;]&#039;), $link_title  );\n\t$link_rel   = str_replace( array( &quot;%5B&quot;, &quot;%5D&quot; ), array(&#039;&#91;&#039;, &#039;]&#039;), $link_rel    );\n\n\t\/\/ main image markup\n\tif( ! empty( $src ) ) {\n\t\t$crop_width  = empty( $crop_width  ) || ! is_numeric( $crop_width  ) ? NULL : (int)$crop_width;\n\t\t$crop_height = empty( $crop_height ) || ! is_numeric( $crop_height ) ? NULL : (int)$crop_height;\n\n\t\tif( strpos( $src, &#039;{{image}}&#039; ) === false )\n\t\t\t$src = msp_get_the_absolute_media_url( $src );\n\n\t\tif( $crop_width ||  $crop_height )\n\t\t\t$src = msp_get_the_resized_image_src( $src, $crop_width, $crop_height, true );\n\n\t\t$slide_content .= &quot;\\t\\t\\t\\t\\t&quot; . sprintf(&#039;&lt;img src=&quot;%s&quot; alt=&quot;%s&quot; title=&quot;%s&quot; data-src=&quot;%s&quot; \/&gt;&#039;, $src_blank, $alt, $title, $src ).&quot;\\n&quot;;\n\t}\n\n\t$self_video_markup = &#039;&#039;;\n\t\/\/ self host video background\n\tif( ! empty( $mp4 ) )\n\t\t $self_video_markup .= &quot;\\t\\t&quot;.sprintf(&#039;&lt;source src=&quot;%s&quot; type=&quot;video\/mp4&quot;\/&gt;&#039;, $mp4 ).&quot;\\n&quot;;\n\n\tif( ! empty( $webm ) )\n\t\t $self_video_markup .= &quot;\\t\\t&quot;.sprintf(&#039;&lt;source src=&quot;%s&quot; type=&quot;video\/webm&quot;\/&gt;&#039;, $webm ).&quot;\\n&quot;;\n\n\tif( ! empty( $ogg ) )\n\t\t $self_video_markup .= &quot;\\t\\t&quot;.sprintf(&#039;&lt;source src=&quot;%s&quot; type=&quot;video\/ogg&quot;\/&gt;&#039;, $ogg ).&quot;\\n&quot;;\n\n\n\tif( ! empty( $self_video_markup ) ) {\n\t\t$slide_content .= &quot;\\t&quot;.sprintf(\t&#039;&lt;video data-autopause=&quot;%s&quot; data-mute=&quot;%s&quot; data-loop=&quot;%s&quot; data-fill-mode=&quot;%s&quot; &gt;%s%s%s&lt;\/video&gt;&#039;,\n\t\t\t\t\t\t\t\t\tmsp_is_true( $autopause ), $mute, $loop, $vbgalign, &quot;\\n&quot;, $self_video_markup, &quot;\\t&quot; ).&quot;\\n&quot;;\n\t}\n\n\n\t\/\/ link markup\n\tif( ! empty( $link ) ){\n\t\t$link = &#039;{{slide-image-url}}&#039; == $link ? msp_get_the_absolute_media_url( $src_full ) : esc_url($link);\n\n\t\t$att_link_target = $target     ? &#039;target=&quot;&#039;. $target .&#039;&quot;&#039; : &#039;&#039;;\n\t\t$att_link_rel    = $link_rel   ? &#039;rel=&quot;&#039;.    $link_rel .&#039;&quot;&#039; : &#039;&#039;;\n\t\t$att_link_title  = $link_title ? &#039;title=&quot;&#039;.  $link_title .&#039;&quot;&#039; : &#039;&#039;;\n\t\t$att_link_class  = $link_class ? &#039;class=&quot;&#039;.  $link_class .&#039;&quot;&#039; : &#039;&#039;;\n\t\t$att_link_id     = $link_id    ? &#039;id=&quot;&#039;.     $link_id .&#039;&quot;&#039; : &#039;&#039;;\n\n\t\t$slide_content .= &quot;\\t&quot;.sprintf(&#039;&lt;a href=&quot;%s&quot; %s %s %s %s %s&gt;%s&lt;\/a&gt;&#039;, $link, $att_link_target,\n\t\t                               \t\t\t$att_link_rel, $att_link_title, $att_link_class,\n\t\t                               \t\t\t$att_link_id, $title ).&quot;\\n&quot;;\n\t}\n\n\t\/\/ add layers that passed as content\n\tif( ! empty( $content ) )\n\t\t $slide_content .= $content.&quot;\\n&quot;;\n\n\t\/\/ thumb markup\n\tif( ! empty( $thumb ) ) {\n\n\t\tif( strpos( $thumb, &#039;{{thumb}}&#039; ) === false )\n\t\t\t$thumb = msp_get_the_absolute_media_url( $thumb );\n\n\t\t$slide_content .= &quot;\\t&quot;.sprintf(&#039;&lt;img class=&quot;ms-thumb&quot; src=&quot;%s&quot; alt=&quot;%s&quot; \/&gt;&#039;, $thumb, $alt ).&quot;\\n&quot;;\n\t}\n\n\t\/\/ markup for thumb in tab\n\t$tab_image   = empty( $tab_thumb ) ? &#039;&#039; : sprintf(&#039;&lt;img class=&quot;ms-tab-thumb&quot; src=&quot;%s&quot; alt=&quot;%s&quot; \/&gt;&#039;, msp_get_the_absolute_media_url( $tab_thumb ), $alt ).&quot;\\n&quot;;\n\t$tab_context = empty( $tab )       ? &#039;&#039; : sprintf(&#039;&lt;div class=&quot;ms-tab-context&quot;&gt;%s&lt;\/div&gt;&#039;, str_replace( &#039;&amp;quote;&#039;, &#039;&quot;&#039;, wp_specialchars_decode( $tab ) ), $alt ).&quot;\\n&quot;;\n\n\t\/\/ tab markup\n\tif( ! empty( $tab_image ) || ! empty( $tab_context ) ) {\n\t\t$slide_content .= &quot;\\t&quot;.sprintf( &#039;&lt;div class=&quot;ms-thumb&quot; &gt;%s%s&lt;\/div&gt;&#039;, $tab_image, $tab_context).&quot;\\n&quot;;\n\t}\n\n\t\/\/ video markup\n\tif( ! empty( $video ) )\n\t\t $slide_content .= &quot;\\t&quot;.sprintf(&#039;&lt;a href=&quot;%s&quot; data-type=&quot;video&quot;&gt;&lt;\/a&gt;&#039;, $video ).&quot;\\n&quot;;\n\n\t\/\/ end slide content \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\n\n\t$slide_end_tag  = &quot;\\t\\t\\t\\t&lt;\/div&gt;&quot;;\n\n\t\/\/ making end tag filterable for extend purposes\n\t$slide_end_tag = apply_filters(&quot;msp_masterslider_slide_end_tag&quot;, $slide_end_tag, $atts );\n\n\t$slide_content = do_shortcode( $slide_content );\n\n\t$output = empty( $slide_content ) ? &#039;&#039; : $slide_start_tag.$slide_content.$slide_end_tag;\n\n\treturn apply_filters( &#039;masterslider_slide_content&#039;, $output, $slide_start_tag, $slide_content, $slide_end_tag );\n}\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">master-slider\/master-slider\/includes\/msp-shortcodes.php<\/code><\/pre>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Master Slider [ms_layer] Shortcode<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Master Slider shortcode is an efficient tool for customizing WordPress slideshows. It allows users to define various aspects of a slider layer, such as type, size, position, and transition effects.\n\n\n\nThe shortcode&#8217;s PHP function, &#8216;msp_masterslider_layer_shortcode&#8217;, merges default and user-defined attributes to customize the layer. It supports text, image, video, and hotspot layer types with options for link actions, parallax effects, and tooltip properties.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[ms_layer]<\/code><\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Parameters<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Here is a list of all possible ms_layer shortcode parameters and attributes:<\/p>\n\n\n<ul>\n<li><code>src<\/code> &#8211; Specifies the image layer source or video cover image.<\/li>\n<li><code>src_blank<\/code> &#8211; Provides URL to a blank image for preloading purposes.<\/li>\n<li><code>widthlimit<\/code> &#8211; Defines the maximum width limit of the layer.<\/li>\n<li><code>type<\/code> &#8211; Sets the layer type which can be text, image, video, or hotspot.<\/li>\n<li><code>resize<\/code> &#8211; Determines if the layer can be resized or not. <\/li>\n<li><code>css_class<\/code> &#8211; Assigns a specific CSS class to the layer.<\/li>\n<li><code>btn_class<\/code> &#8211; Specifies a CSS class for the button in the layer.<\/li>\n<li><code>css_id<\/code> &#8211; Assigns a specific CSS ID to the layer.<\/li>\n<li><code>style_id<\/code> &#8211; Sets a specific style ID for the layer.<\/li>\n<li><code>action<\/code> &#8211; Defines the action to be performed when the layer is clicked.<\/li>\n<li><code>use_action<\/code> &#8211; Determines if the layer&#8217;s action should be used or not.<\/li>\n<li><code>to_slide<\/code> &#8211; Specifies the slide to go to when the layer is clicked.<\/li>\n<li><code>offsetx<\/code> &#8211; Sets the horizontal offset of the layer.<\/li>\n<li><code>offsety<\/code> &#8211; Sets the vertical offset of the layer.<\/li>\n<li><code>origin<\/code> &#8211; Determines the origin point of the layer.<\/li>\n<li><code>fixed<\/code> &#8211; Specifies whether the layer&#8217;s position is fixed or not.<\/li>\n<li><code>show_effect<\/code> &#8211; Sets the effect to be used when the layer is shown.<\/li>\n<li><code>show_duration<\/code> &#8211; Determines the duration of the show effect.<\/li>\n<li><code>show_delay<\/code> &#8211; Sets the delay before the show effect starts.<\/li>\n<li><code>show_ease<\/code> &#8211; Specifies the easing function for the show effect.<\/li>\n<li><code>style<\/code> &#8211; Applies a specific style to the layer.<\/li>\n<li><code>use_hide<\/code> &#8211; Determines if the layer should be hidden or not.<\/li>\n<li><code>hide_effect<\/code> &#8211; Sets the effect to be used when the layer is hidden.<\/li>\n<li><code>hide_duration<\/code> &#8211; Determines the duration of the hide effect.<\/li>\n<li><code>hide_delay<\/code> &#8211; Sets the delay before the hide effect starts.<\/li>\n<li><code>hide_ease<\/code> &#8211; Specifies the easing function for the hide effect.<\/li>\n<li><code>title<\/code> &#8211; Sets the title of the layer.<\/li>\n<li><code>tooltip_align<\/code> &#8211; Determines the alignment of the tooltip.<\/li>\n<li><code>tooltip_stay_hover<\/code> &#8211; Specifies if the tooltip should remain visible on hover.<\/li>\n<li><code>tooltip_width<\/code> &#8211; Sets the width of the tooltip.<\/li>\n<li><code>parallax<\/code> &#8211; Applies a parallax effect to the layer.<\/li>\n<li><code>rel<\/code> &#8211; Sets the rel attribute for the layer&#8217;s link.<\/li>\n<li><code>alt<\/code> &#8211; Specifies the alternative text for the image.<\/li>\n<li><code>link<\/code> &#8211; Provides an external link for the image.<\/li>\n<li><code>target<\/code> &#8211; Sets the target attribute for the layer&#8217;s link.<\/li>\n<li><code>video<\/code> &#8211; Provides a YouTube or Vimeo video link for the layer.<\/li>\n<li><code>width<\/code> &#8211; Sets the width of the layer.<\/li>\n<li><code>height<\/code> &#8211; Sets the height of the layer.<\/li>\n<\/ul>\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n\n\n<p><strong>Basic example<\/strong> &#8211; Displaying a simple text layer with the shortcode.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[ms_layer type=\"text\" css_class=\"my-text-layer\" css_id=\"text-layer-1\"]Hello World![\/ms_layer]<\/code><\/pre>\n\n\n<p><strong>Advanced examples<\/strong><\/p>\n<p>Displaying an image layer with a specific offset, show effect, and duration.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[ms_layer type=\"image\" src=\"my-image-url.jpg\" offsetx=\"50\" offsety=\"100\" show_effect=\"fade\" show_duration=\"2000\"]<\/code><\/pre>\n\n\n<p>Creating a video layer with a YouTube link, specific width and height, and a fade-in effect with a duration of 2000 milliseconds.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[ms_layer type=\"video\" video=\"https:\/\/www.youtube.com\/watch?v=dQw4w9WgXcQ\" width=\"640\" height=\"480\" show_effect=\"fade\" show_duration=\"2000\"]<\/code><\/pre>\n\n\n<p>Displaying a button layer with a link that opens in a new tab, a specific CSS class for styling, and a fade-in effect with a duration of 1000 milliseconds.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[ms_layer type=\"button\" link=\"https:\/\/www.example.com\" target=\"_blank\" btn_class=\"my-button-class\" show_effect=\"fade\" show_duration=\"1000\"]Click Here[\/ms_layer]<\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">PHP Function Code<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In case you have difficulties debugging what causing issues with <code>[ms_layer]<\/code> shortcode, check below the related PHP functions code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode line<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">add_shortcode( 'ms_layer', 'msp_masterslider_layer_shortcode' );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode PHP function<\/strong>:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; light: false; title: ; toolbar: true; notranslate\" title=\"\">\nfunction msp_masterslider_layer_shortcode( $atts, $content = null ) {\n\n\t\/\/ merge input and default attrs\n\t$merged = shortcode_atts(\n\t\t\t\t  array(\n\t\t\t\t\t&#039;src&#039;       =&gt; &#039;&#039;, \/\/ image layer src or video cover image\n\t\t\t\t\t&#039;src_blank&#039;\t=&gt; MSWP_BLANK_IMG, \/\/ url to black image for preloading job\n\n\t\t\t\t\t&#039;widthlimit&#039;=&gt; &#039;-1&#039;,\n\n\t\t\t\t\t&#039;type&#039;\t\t=&gt; &#039;text&#039;, \/\/ layer type : text, image, video, hotspot\n\t\t\t\t\t&#039;resize&#039;\t=&gt; &#039;true&#039;,\n\n\t\t\t\t\t&#039;css_class&#039; =&gt; &#039;&#039;,\n            \t\t&#039;btn_class&#039; =&gt; &#039;ms-default-btn&#039;,\n\t\t\t\t\t&#039;css_id&#039;    =&gt; &#039;&#039;,\n\t\t\t\t\t&#039;style_id&#039;  =&gt; &#039;&#039;,\n\n\t\t\t\t\t&#039;action&#039;    =&gt; &#039;next&#039;,\n            \t\t&#039;use_action&#039;=&gt; &#039;false&#039;,\n            \t\t&#039;to_slide&#039;  =&gt; 1,\n\n\t\t\t\t\t&#039;offsetx&#039;   =&gt; &#039;&#039;,\n\t\t\t\t\t&#039;offsety&#039;   =&gt; &#039;&#039;,\n\t\t\t\t\t&#039;origin&#039;    =&gt; &#039;tl&#039;,\n\t\t\t\t\t&#039;fixed&#039;     =&gt; &#039;false&#039;,\n\n\t\t\t\t\t&#039;show_effect&#039;\t=&gt; &#039;fade&#039;,\n\t\t\t\t\t&#039;show_duration&#039;\t=&gt; &#039;1000&#039;,\n\t\t\t\t\t&#039;show_delay&#039;    =&gt; &#039;0&#039;, \/\/ when the show transition effect starts, in milliseconds\n\t\t\t\t\t&#039;show_ease&#039;\t\t=&gt; &#039;linear&#039;,\n\n\t\t\t\t\t&#039;style&#039;\t\t\t=&gt; &#039;&#039;,\n\n\t\t\t\t\t&#039;use_hide&#039;      =&gt; &#039;false&#039;,\n\t\t\t\t\t&#039;hide_effect&#039;   =&gt; &#039;&#039;,\n\t\t\t\t\t&#039;hide_duration&#039; =&gt; &#039;1000&#039;,\n\t\t\t\t\t&#039;hide_delay&#039;    =&gt; &#039;1000&#039;,\n\t\t\t\t\t&#039;hide_ease&#039;     =&gt; &#039;&#039;,\n\t\t\t\t\t&#039;title&#039;     \t=&gt; &#039;&#039;,\n\n            \t\t&#039;tooltip_align&#039; =&gt; &#039;top&#039;,\n            \t\t&#039;tooltip_stay_hover&#039; =&gt; &#039;true&#039;,\n            \t\t&#039;tooltip_width&#039; \t =&gt; &#039;&#039;,\n\n            \t\t&#039;parallax&#039; \t=&gt; &#039;&#039;,\n\n\t\t\t\t\t&#039;rel&#039;       =&gt; &#039;&#039;, \/\/ image alternative text\n\t\t\t\t\t&#039;alt&#039;       =&gt; &#039;&#039;, \/\/ image alternative text\n\t\t\t\t\t&#039;link&#039;      =&gt; &#039;&#039;, \/\/ image external url\n\t\t\t\t\t&#039;target&#039;    =&gt; &#039;_blank&#039;,\n\n\t\t\t\t\t&#039;video&#039;     =&gt; &#039;&#039;, \/\/ youtube or vimeo video link\n\t\t\t\t\t&#039;width&#039;\t    =&gt; &#039;&#039;,\n\t\t\t\t\t&#039;height&#039;    =&gt; &#039;&#039;\n\t\t\t\t  )\n\t\t\t\t  , $atts, &#039;masterslider_layer&#039; );\n\n\t\textract( $merged );\n\n\n\t$wrapper_class = trim( &#039;ms-layer &#039;. $css_class.&#039; &#039;. $style_id );\n\t$id_attr = empty( $css_id ) ? &#039;&#039; : &#039;id=&quot;&#039;.$css_id.&#039;&quot;&#039;;\n\n\n\t\/\/ position attrs\n\t$data_offset_x  = empty( $offsetx ) ? &#039;data-offset-x=&quot;0&quot;&#039; : &#039;data-offset-x=&quot;&#039;.rtrim( $offsetx, &#039;px&#039; ).&#039;&quot;&#039; ;\n\t$data_offset_y  = empty( $offsety ) ? &#039;data-offset-y=&quot;0&quot;&#039; : &#039;data-offset-y=&quot;&#039;.rtrim( $offsety, &#039;px&#039; ).&#039;&quot;&#039; ;\n\t$data_origin    = empty( $origin  ) ? &#039;data-origin=&quot;tl&quot;&#039;  : &#039;data-origin=&quot;&#039;.$origin.&#039;&quot;&#039; ;\n\n\t\/\/ custom style + size styles\n\t$style_size  = $style;\n\n\t\/\/ dont&#039;t add width and height style for hotspot\n\tif( &#039;hotspot&#039; !== $type ) {\n\t \t$style_size .= empty( $width  ) ? &#039;&#039; : &#039;width:&#039; .rtrim( $width , &#039;px&#039; ).&#039;px;&#039; ;\n\t\t$style_size .= empty( $height ) ? &#039;&#039; : &#039;height:&#039;.rtrim( $height, &#039;px&#039; ).&#039;px;&#039; ;\n\t}\n\n\n\t$show_duration = ( ! is_numeric( $show_duration ) || empty( $show_duration ) ) ? 1000 : (int)$show_duration;\n\t$show_delay    = ( ! is_numeric( $show_delay    ) || empty( $show_delay    ) ) ?    0 : (int)$show_delay;\n\n\t$hide_duration = ( ! is_numeric( $hide_duration ) || empty( $hide_duration ) ) ? 1000 : (int)$hide_duration;\n\t$hide_delay    = ( ! is_numeric( $hide_delay    ) || empty( $hide_delay    ) ) ? 1000 : (int)$hide_delay;\n\n\t$hide_start_time = $show_duration + $show_delay + $hide_delay;\n\n\n\n\t\/\/ create widthlimit attr if it&#039;s not default value\n\t$data_widthlimit = ( (int)$widthlimit &lt; 1 ) ? &#039;&#039;: &#039;data-widthlimit=&quot;&#039;.((int)$widthlimit).&#039;&quot;&#039;;\n\n\t\/\/ create type attr if it&#039;s not default value\n\t$data_type = ( &#039;text&#039; === $type ) ? &#039;&#039;: &#039;data-type=&quot;&#039;.$type.&#039;&quot;&#039;;\n\n\t\/\/ create resize attr if it&#039;s not default value\n\t$data_resize = ( &#039;true&#039; == $resize || &#039;yes&#039; == $resize )? &#039;&#039;: &#039;data-resize=&quot;&#039;.$resize.&#039;&quot;&#039;;\n\n\t\/\/ create show_effect attr if it&#039;s not default value\n\t$data_show_effect = ( &#039;fade&#039; === $show_effect ) ? &#039;&#039;: &#039;data-effect=&quot;&#039;.$show_effect.&#039;&quot;&#039;;\n\n\t\/\/ create show_duration attr if it&#039;s not default value\n\t$data_show_duration = ( 1000 === (int)$show_duration ) ?&#039;&#039;:&#039;data-duration=&quot;&#039;.((int)$show_duration).&#039;&quot;&#039;;\n\n\t\/\/ create show_delay attr if it&#039;s not default value\n\t$data_show_delay = ( 0 === (int)$show_delay ) ? &#039;&#039;: &#039;data-delay=&quot;&#039;.((int)$show_delay).&#039;&quot;&#039;;\n\n\t\/\/ create show_ease attr if it&#039;s not default value\n\t$data_show_ease = &#039;data-ease=&quot;&#039;.$show_ease.&#039;&quot;&#039;;\n\n\t\/\/ create parallax attr if it&#039;s not default value\n\t$data_parallax = empty( $parallax ) ? &#039;&#039;: &#039;data-parallax=&quot;&#039;.$parallax.&#039;&quot;&#039;;\n\n\t\/\/ create fixed attr if it&#039;s not default value\n\t$data_fixed = ( &#039;true&#039; === $fixed ) ? &#039;data-fixed=&quot;true&quot;&#039; : &#039;&#039;;\n\n\n\n\tif( &#039;true&#039; != $use_hide ){\n\n\t\t $data_hide_effect = $data_hide_duration = $data_hide_time = $data_hide_ease = $data_hide_delay = &#039;&#039;;\n\n\t} else {\n\n\t\t \/\/ create hide_effect attr if it&#039;s not default value\n\t\t $data_hide_effect = empty( $hide_effect )?&#039;&#039;:&#039;data-hide-effect=&quot;&#039;.$hide_effect.&#039;&quot;&#039;;\n\n\t\t \/\/ create hide_duration attr if it&#039;s not default value\n\t\t $data_hide_duration = empty( $hide_duration )?&#039;&#039;:&#039;data-hide-duration=&quot;&#039;.$hide_duration.&#039;&quot;&#039;;\n\n\t\t \/\/ create hide_time attr if it&#039;s not default value\n\t\t $data_hide_time = empty( $hide_time )?&#039;&#039;:&#039;data-hide-time=&quot;&#039;.$hide_time.&#039;&quot;&#039;;\n\n\t\t \/\/ create hide_ease attr if it&#039;s not default value\n\t\t $data_hide_ease = empty( $hide_ease )?&#039;&#039;:&#039;data-hide-ease=&quot;&#039;.$hide_ease.&#039;&quot;&#039;;\n\n\t\t \/\/ create data-hidedelay ease attr if it&#039;s not default value\n\t\t $data_hide_delay = &#039;data-hide-time=&quot;&#039;.$hide_start_time.&#039;&quot;&#039;;\n\t}\n\n\n\t$rel_attr = empty( $rel ) ? &#039;&#039; : &#039;rel=&quot;&#039;.$rel.&#039;&quot;&#039;;\n\n\t$rel_attr = apply_filters( &#039;masterslider_layer_shortcode_attr_rel&#039;, $rel_attr, $rel );\n\n\t$link     = apply_filters( &#039;masterslider_layer_shortcode_attr_link&#039;, $link );\n\n\t\/\/ create data-link attr if it&#039;s not default value\n\t$data_link = empty( $link ) ? &#039;&#039; : &#039;data-link=&quot;&#039;.$link.&#039;&quot;&#039;;\n\n\t\/\/ create data-action attr if it&#039;s enabled and defined\n\tif( &#039;true&#039; == $use_action ) {\n\t\t$data_action  = &#039;gotoSlide&#039; == $action ? &#039;data-action=&quot;&#039;.$action.&#039;(&#039;.(int)$to_slide.&#039;)&quot;&#039; : &#039;data-action=&quot;&#039;.$action.&#039;&quot;&#039;;\n\t\t$data_link    = &#039;&#039;;\n\t\t$link \t\t  = &#039;#&#039;;\n\n\t} else {\n\t\t$data_action  = &#039;&#039;;\n\t}\n\n\n\t\/\/ convert relative image link to absolute\n\t$src = ! empty( $src ) ? msp_get_the_absolute_media_url( $src ) : $src;\n\n\t\/\/ add data align if layer type is hotspot\n\t$data_align      = &#039;hotspot&#039; == $type ? &#039;data-align=&quot;&#039;.$tooltip_align.&#039;&quot;&#039; : &#039;&#039;;\n\t$data_stay_hover = &#039;hotspot&#039; == $type ? &#039;data-stay-hover=&quot;&#039;.$tooltip_stay_hover.&#039;&quot;&#039; : &#039;&#039;;\n\t$data_tp_width   = &#039;hotspot&#039; == $type ? &#039;data-width=&quot;&#039;.$tooltip_width.&#039;&quot;&#039; : &#039;&#039;;\n\t$data_target     = &#039;hotspot&#039; == $type ? &#039;data-target=&quot;&#039;.$target.&#039;&quot;&#039; : &#039;&#039;;\n\n\t$effect_attrs \t = sprintf( &#039;%s %s %s %s %s %s %s %s %s %s&#039;,\n\t\t\t\t\t\t\t\t\t  $data_show_effect, $data_show_duration, $data_show_delay, $data_show_ease, $data_hide_effect,\n\t\t\t\t\t\t\t\t\t  $data_hide_duration, $data_hide_time, $data_hide_ease, $data_hide_delay, $data_fixed );\n\n\t$common_attrs \t= sprintf( &#039;%s %s %s %s %s %s %s %s&#039;, $data_parallax, $data_type, $data_resize, $data_align, $data_stay_hover, $data_tp_width, $data_target, $data_widthlimit );\n\n\t$position_attrs = sprintf( &#039;%s %s %s&#039;, $data_offset_x, $data_offset_y, $data_origin );\n\n\t \/\/ store layer markup\n\t $layer = &#039;&#039;;\n\n\t \/\/ start layer markup generation \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\n\n\t \/\/ if layer type was image ..\n\t if( &#039;image&#039; == $type ) {\n\n\t \t\/\/ if was linked image\n\t\tif( ! empty( $link ) &amp;&amp; &#039;true&#039; != $use_action ) {\n\n\t\t\t\t$layer_image = &quot;\\n\\t&quot;.sprintf( &#039;&lt;img src=&quot;%s&quot; data-src=&quot;%s&quot; alt=&quot;%s&quot; style=&quot;%s&quot; %s %s %s %s \/&gt;&#039;, $src_blank, $src, $alt, $style_size, $effect_attrs, $data_type, $data_parallax, $position_attrs ).&quot;\\n&quot;;\n\t\t\t\t$layer .= sprintf( &#039;&lt;a %s class=&quot;%s&quot; href=&quot;%s&quot; target=&quot;%s&quot; %s &gt;%s&lt;\/a&gt;&#039;, $id_attr, $wrapper_class, $link, $target, $rel_attr, $layer_image ). &quot;\\n&quot;;\n\n\t\t\/\/ or single image\n\t\t} else {\n\t\t\t$layer .= sprintf( &#039;&lt;img %s class=&quot;%s&quot; src=&quot;%s&quot; data-src=&quot;%s&quot; alt=&quot;%s&quot; style=&quot;%s&quot; %s %s %s %s %s \/&gt;&#039;,\n\t\t\t\t\t\t\t\t\t $id_attr, $wrapper_class, $src_blank, $src, $alt, $style_size, $effect_attrs, $common_attrs, $rel_attr, $data_action, $position_attrs ).&quot;\\n&quot;;\n\t\t}\n\n\t} elseif( &#039;button&#039; == $type ) {\n\n\t\t$layer_content = ! empty( $content ) ? do_shortcode( $content ) : &#039;&#039;;\n\t \t$layer = sprintf( &#039;&lt;a %s href=&quot;%s&quot; target=&quot;%s&quot; class=&quot;%s %s&quot; %s %s %s %s %s &gt;%s&lt;\/a&gt;&#039;,\n\t\t\t\t\t\t\t\t $id_attr, $link, $target, $wrapper_class, $btn_class, $effect_attrs, $common_attrs, $position_attrs, $rel_attr, $data_action, $layer_content ).&quot;\\n&quot;;\n\n\t\/\/ if layer type was text, video or hotspot\n\t} else {\n\n\t\t$layer_content = &#039;&#039;;\n\t\t\/\/ add video iframe as layer content if type was video\n\t\tif( &#039;video&#039; == $type ) {\n\t\t\t\/\/ add cover image if src attr is set\n\t\t\tif( ! empty( $src ) )\n\t\t\t\t$layer_content .= sprintf( &#039;&lt;img src=&quot;%s&quot; data-src=&quot;%s&quot; alt=&quot;%s&quot; \/&gt;&#039;, $src_blank, $src, $alt );\n\t\t\t\/\/ add video iframe markup if video is set\n\t\t\tif( ! empty( $video ) ){\n\t\t\t\t\t$vid_width  = empty( $width  ) ? &#039;460&#039; : rtrim( $width , &#039;px&#039; ) ;\n\t\t\t\t\t$vid_height = empty( $height ) ? &#039;270&#039; : rtrim( $height, &#039;px&#039; ) ;\n\t\t\t\t\t$layer_content .= sprintf( &#039;&lt;iframe src=&quot;%s&quot; width=&quot;%s&quot; height=&quot;%s&quot; &gt; &lt;\/iframe&gt;&#039;, $video, $vid_width, $vid_height );\n\t\t\t}\n\n\t\t\/\/ add shortcode content if layer type was text or hotspot\n\t\t} else {\n\t\t\t$layer_content .= ! empty( $content ) ? do_shortcode( wp_unslash( $content ) ) : &#039;&#039;;\n\t\t}\n\n\t\t$layer = sprintf( &#039;&lt;div %s class=&quot;%s&quot; style=&quot;%s&quot; %s %s %s %s &gt;%s&lt;\/div&gt;&#039;,\n\t\t\t\t\t\t\t\t $id_attr, $wrapper_class, $style_size, $data_link, $effect_attrs, $common_attrs, $position_attrs, $layer_content ).&quot;\\n&quot;;\n\t}\n\n\t\/\/ end layer markup generation \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\n\n\n\t return apply_filters( &quot;masterslider_layer_shortcode&quot;, &quot;\\t\\t\\t\\t\\t&quot;.$layer, $merged, $atts, $content );\n}\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">master-slider\/master-slider\/includes\/msp-shortcodes.php<\/code><\/pre>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Master Slider [ms_slide_info] Shortcode<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Master Slider shortcode, &#8216;ms_slide_info&#8217;, is designed to display slide information. It does this by creating a custom CSS class and tag name for the slide info.\n\n\n\nThe PHP function &#8216;msp_masterslider_slide_info_shortcode&#8217; accepts attributes and content. It extracts the CSS class and tag name from the attributes. If the CSS class is an array, it joins them into a single string. If it&#8217;s empty, it sets it to an empty string.\n\nThe function then creates the slide info markup and applies it to the content. The output is filtered before being returned, allowing further customization.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[ms_slide_info]<\/code><\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Parameters<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Here is a list of all possible ms_slide_info shortcode parameters and attributes:<\/p>\n\n\n<ul>\n<li><code>css_class<\/code> &#8211; Assigns a custom CSS class to the slide.<\/li>\n<li><code>tag_name<\/code> &#8211; Specifies the HTML tag for the slide container.<\/li>\n<\/ul>\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n\n\n<p><strong>Basic example<\/strong> &#8211; A simple usage of the &#8216;ms_slide_info&#8217; shortcode to display slide information without any additional CSS classes or tag alterations.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[ms_slide_info]Your slide information here[\/ms_slide_info]<\/code><\/pre>\n\n\n<p><strong>Advanced examples<\/strong><\/p>\n<p>Using the &#8216;ms_slide_info&#8217; shortcode with a custom CSS class. This can be useful for adding specific styling to the slide information.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[ms_slide_info css_class=\"my_custom_class\"]Your slide information here[\/ms_slide_info]<\/code><\/pre>\n\n\n<p>Using the &#8216;ms_slide_info&#8217; shortcode with the &#8216;tag_name&#8217; parameter to change the HTML tag used for the slide information. In this example, the information is wrapped in a paragraph (&#8216;p&#8217;) tag instead of the default &#8216;div&#8217; tag.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[ms_slide_info tag_name=\"p\"]Your slide information here[\/ms_slide_info]<\/code><\/pre>\n\n\n<p>Using the &#8216;ms_slide_info&#8217; shortcode with both &#8216;css_class&#8217; and &#8216;tag_name&#8217; parameters. This example shows how to combine multiple parameters to customize the slide information display.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[ms_slide_info css_class=\"my_custom_class\" tag_name=\"p\"]Your slide information here[\/ms_slide_info]<\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">PHP Function Code<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In case you have difficulties debugging what causing issues with <code>[ms_slide_info]<\/code> shortcode, check below the related PHP functions code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode line<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">add_shortcode( 'ms_slide_info', 'msp_masterslider_slide_info_shortcode' );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode PHP function<\/strong>:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; light: false; title: ; toolbar: true; notranslate\" title=\"\">\nfunction msp_masterslider_slide_info_shortcode( $atts, $content = null ) {\n\n\t $args = shortcode_atts(\n\t\t  array(\n\t\t\t\t&#039;css_class&#039; =&gt; &#039;&#039;,\n\t\t\t\t&#039;tag_name&#039;  =&gt; &#039;div&#039;\n\t\t  )\n\t\t  , $atts, &#039;masterslider_slide_info&#039; );\n\n\t extract( $args );\n\n     if( is_array( $css_class ) ){\n        $css_class = join( &#039; &#039; , $css_class );\n     } else {\n        $css_class = empty( $css_class ) ? &#039;&#039; : esc_attr( &#039; &#039;.$css_class );\n     }\n\n\t \/\/ create slide info markup\n\t $output = sprintf( &#039;&lt;%1$s class=&quot;ms-info%2$s&quot;&gt;%3$s&lt;\/%1$s&gt;&#039;, $tag_name, $css_class, do_shortcode( wp_unslash( $content ) ) ).&quot;\\n&quot;;\n\n\t return apply_filters( &#039;masterslider_slide_info_shortcode&#039;, &quot;\\t\\t\\t\\t\\t&quot;.$output, $args );\n}\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">master-slider\/master-slider\/includes\/msp-shortcodes.php<\/code><\/pre>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Master Slider [ms_slide_flickr] Shortcode<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The &#8216;ms_slide_flickr&#8217; shortcode from Master-Slider plugin is designed to display Flickr images in a slider. It preloads a blank image for a smoother loading experience.\n\n. It allows the option to display a thumbnail of the image. The shortcode function uses the &#8216;masterslider_slide_flickr&#8217; filter to provide flexibility for customization.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[ms_slide_flickr]<\/code><\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Parameters<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Here is a list of all possible ms_slide_flickr shortcode parameters and attributes:<\/p>\n\n\n<ul>\n<li><code>src_blank<\/code> &#8211; URL to a blank image used for preloading purposes.<\/li>\n<li><code>thumb<\/code> &#8211; Determines if a thumbnail will be displayed, &#8216;yes&#8217; for display, &#8216;no&#8217; for no display.<\/li>\n<\/ul>\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n\n\n<p><strong>Basic Example<\/strong> &#8211; A straightforward use of the shortcode to display an image from Flickr with the default black image for preloading and a thumbnail.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[ms_slide_flickr src_blank=\"url_to_black_image\" thumb=\"yes\"]<\/code><\/pre>\n\n\n<p><strong>Advanced Examples<\/strong><\/p>\n<p>Utilizing the shortcode to display an image from Flickr without a thumbnail. This can be useful when you want to display a cleaner, more minimalistic look without thumbnails.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[ms_slide_flickr src_blank=\"url_to_black_image\" thumb=\"no\"]<\/code><\/pre>\n\n\n<p>Using the shortcode to display an image from Flickr with a custom preloading image. This can be useful when you want to provide a unique user experience while the main image is loading.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[ms_slide_flickr src_blank=\"url_to_custom_preloading_image\" thumb=\"yes\"]<\/code><\/pre>\n\n\n<p>Applying the shortcode to display an image from Flickr with a custom preloading image and without a thumbnail. This combination allows you to create a unique and clean user experience.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[ms_slide_flickr src_blank=\"url_to_custom_preloading_image\" thumb=\"no\"]<\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">PHP Function Code<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In case you have difficulties debugging what causing issues with <code>[ms_slide_flickr]<\/code> shortcode, check below the related PHP functions code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode line<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">add_shortcode( 'ms_slide_flickr', 'msp_masterslider_slide_flickr_shortcode' );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode PHP function<\/strong>:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; light: false; title: ; toolbar: true; notranslate\" title=\"\">\nfunction msp_masterslider_slide_flickr_shortcode( $atts, $content = null ) {\n\n\t $args = shortcode_atts(\n\t\t  array(\n\t\t      &#039;src_blank&#039;\t=&gt; MSWP_BLANK_IMG, \/\/ url to black image for preloading job\n\t\t\t\t&#039;thumb&#039;  =&gt; &#039;yes&#039;\n\t\t  )\n\t\t  , $atts, &#039;masterslider_slide_flickr&#039; );\n\n\textract( $args );\n\n\t$output = sprintf( &#039;&lt;img src=&quot;%s&quot; data-src=&quot;{{image}}&quot; alt=&quot;{{title}}&quot;\/&gt;&#039;, $src_blank ) . &quot;\\n&quot;;\n\n\tif( &#039;yes&#039; == $thumb )\n\t\t$output .= &quot;\\t\\t\\t\\t&quot; . &#039;&lt;img class=&quot;ms-thumb&quot; src=&quot;{{thumb}}&quot; alt=&quot;{{title}}&quot;\/&gt;&#039;;\n\n\n\treturn apply_filters( &#039;masterslider_slide_flickr_shortcode&#039;, &quot;\\t\\t\\t\\t&quot;.$output, $args );\n}\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">master-slider\/master-slider\/includes\/msp-shortcodes.php<\/code><\/pre>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Now that you&#8217;ve learned how to embed the <strong>Master Slider \u2013 Responsive Touch Slider Plugin shortcodes<\/strong>, understood the parameters, and seen code examples, it&#8217;s easy to use and debug any issue that might cause it to &#8216;not work&#8217;. If you still have difficulties with it, don&#8217;t hesitate to leave a comment below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Below, you&#8217;ll find a detailed guide on how to add the Master Slider \u2013 Responsive Touch Slider Shortcodes to your WordPress website, including their parameters, examples, and PHP function code. Additionally, we&#8217;ll assist you with common issues that might cause the Master Slider \u2013 Responsive Touch Slider Plugin shortcodes not to show or not to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"name":"Master Slider &#8211; Responsive Touch Slider","slug":"","version":"3.9.3","author":"<a href=\"https:\/\/averta.net\">averta<\/a>","icons":"https:\/\/ps.w.org\/master-slider\/assets\/icon-128x128.png?rev=1638064","plugin_tags":"{\"best-slider-plugin\":\"best slider plugin\",\"image-slider\":\"image slider\",\"slider\":\"slider\",\"video-slider\":\"video slider\",\"wordpress-slider\":\"wordpress slider\"}","author_profile":"https:\/\/profiles.wordpress.org\/averta\/","requires":"5.0","tested":"6.2.3","requires_php":"5.4","rating":92,"num_ratings":465,"active_installs":100000,"downloaded":2624987,"last_updated":"2023-08-21 2:10pm GMT","added":"2014-07-12","homepage":"https:\/\/wordpress.org\/plugins\/master-slider\/","short_description":"Build SEO friendly sliders fast and easy with Master Slider. The most advanced responsive HTML5 WordPress slider plugin, with touch swipe navigation t &hellip;","description":"\"Master Slider - Responsive Touch Slider is a WordPress plugin designed to create stunning, touch-friendly slideshows. Its user-friendly interface makes it easy to build interactive slideshows with no coding required.\"","shortcodes":"[\"msp-stats\",\"masterslider\",\"masterslider_pb\",\"ms_slider\",\"ms_slide\",\"ms_layer\",\"ms_slide_info\",\"ms_slide_flickr\"]","footnotes":""},"categories":[1],"tags":[],"class_list":["post-443","post","type-post","status-publish","format-standard","hentry","category-plugins"],"_links":{"self":[{"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/posts\/443","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/comments?post=443"}],"version-history":[{"count":1,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/posts\/443\/revisions"}],"predecessor-version":[{"id":585,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/posts\/443\/revisions\/585"}],"wp:attachment":[{"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/media?parent=443"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/categories?post=443"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/tags?post=443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}