wordpress revolution slider problem solution

Revolusion slider is very user and device friendly for any WordPress site, if you can know how to use it. there have so many problem after saving you ca see that it is not saving data or showing the loading image. to solve those problem you to first understand the inside functionality of this slider. then it is very easy to use.

 

you can make different view of the same slider in different device.

Create visual composer component wordpress

paste in your function.php file this function:

// Before VC Init
add_action( 'vc_before_init', 'vc_before_init_actions');
functionvc_before_init_actions() {
    
    //.. Code from other Tutorials ..//
    // Require new custom Element
    require_once( get_template_directory().'/vc-elements/my-first-custom-element.php');
    
}
And paste in your vc_templates/my-first-custom-element.php file this class:
/*
Element Description: VC Info Box
*/
// Element Class
class vcInfoBox extends WPBakeryShortCode {
    
    // Element Init
    function __construct() {
        add_action( 'init', array( $this, 'vc_infobox_mapping' ) );
        add_shortcode( 'vc_infobox', array( $this, 'vc_infobox_html' ) );
    }
    
    // Element Mapping
    public function vc_infobox_mapping() {
        
        // Stop all if VC is not enabled
        if ( !defined( 'WPB_VC_VERSION' ) ) {
            return;
        }
        
        // Map the block with vc_map()
        vc_map(
            array(
                'name' => __('VC Infobox', 'text-domain'),
                'base' => 'vc_infobox',
                'description' => __('Another simple VC box', 'text-domain'),
                'category' => __('My Custom Elements', 'text-domain'),  
                'icon' => get_template_directory_uri().'/assets/img/vc-icon.png',           
                'params' => array(  
                        
                    array(
                        'type' => 'textfield',
                        'holder' => 'h3',
                        'class' => 'title-class',
                        'heading' => __( 'Title', 'text-domain' ),
                        'param_name' => 'title',
                        'value' => __( 'Default value', 'text-domain' ),
                        'description' => __( 'Box Title', 'text-domain' ),
                        'admin_label' => false,
                        'weight' => 0,
                        'group' => 'Custom Group',
                    ), 
                    
                    array(
                        'type' => 'textarea',
                        'holder' => 'div',
                        'class' => 'text-class',
                        'heading' => __( 'Text', 'text-domain' ),
                        'param_name' => 'text',
                        'value' => __( 'Default value', 'text-domain' ),
                        'description' => __( 'Box Text', 'text-domain' ),
                        'admin_label' => false,
                        'weight' => 0,
                        'group' => 'Custom Group',
                    ),                     
                       
                ),
            )
        );                               
       
    }
    
    
    // Element HTML
    public function vc_infobox_html( $atts ) {
        
        // Params extraction
        extract(
            shortcode_atts(
                array(
                    'title'   => '',
                    'text' => '',
                ),
                $atts
            )
        );
        
        // Fill $html var with data
        $html = '
        <div class="vc-infobox-wrap">
        
            <h2 class="vc-infobox-title">' . $title . '</h2>
            
            <div class="vc-infobox-text">' . $text . '</div>
        
        </div>';     
        
        return $html;
        
    }
    
} // End Element Class
// Element Class Init
new vcInfoBox();