add_map( array( 'akc_hover' => array( 'name' => 'Hover Effects', 'description' => __('best hover effects', 'kingcomposer'), 'icon' => 'akc_hover_effects_icon', 'css_box' => true, 'category' => 'Addons KingComposer', 'params' => array( 'general' => array( array( "type" => "select", "label" => __( "Select Style", "kingcomposer" ), "name" => "style", 'options' => array( 'circle' => 'Circle', 'square' => 'Square', 'square2' => 'Square 2', 'caption' => 'Caption', 'jibon' => 'Jibon', 'others' => 'Others', ), "admin_label" => true, "description" => __( "Select the style for the hover effect.", "kingcomposer" ), ), array( "type" => "select", "label" => __( "Select Effect", "kingcomposer" ), "name" => "circle_effects", 'options' => array( 'effect1' => 'Effect 1', 'effect2' => 'Effect 2', 'effect3' => 'Effect 3', 'effect4' => 'Effect 4', 'effect5' => 'Effect 5', 'effect6' => 'Effect 6', 'effect7' => 'Effect 7', 'effect8' => 'Effect 8', 'effect9' => 'Effect 9', 'effect10' => 'Effect 10', 'effect11' => 'Effect 11', 'effect12' => 'Effect 12', 'effect13' => 'Effect 13', 'effect14' => 'Effect 14', 'effect15' => 'Effect 15', 'effect16' => 'Effect 16', 'effect17' => 'Effect 17', 'effect18' => 'Effect 18', 'effect19' => 'Effect 19', 'effect20' => 'Effect 20', ), 'relation' => array( 'parent' => 'style', 'show_when' => 'circle', ), ), array( "type" => "select", "label" => __( "Select Effect", "kingcomposer" ), "name" => "square_effects", 'options' => array( 'effect1' => 'Effect 1', 'effect2' => 'Effect 2', 'effect3' => 'Effect 3', 'effect4' => 'Effect 4', 'effect5' => 'Effect 5', 'effect6' => 'Effect 6', 'effect7' => 'Effect 7', 'effect8' => 'Effect 8', 'effect9' => 'Effect 9', 'effect10' => 'Effect 10', 'effect11' => 'Effect 11', 'effect12' => 'Effect 12', 'effect13' => 'Effect 13', 'effect14' => 'Effect 14', 'effect15' => 'Effect 15', ), 'relation' => array( 'parent' => 'style', 'show_when' => 'square', ), ), array( "type" => "select", "label" => __( "Select Effect", "kingcomposer" ), "name" => "square2_effects", 'options' => array( 'effect1' => 'Effect 1', 'effect2' => 'Effect 2', 'effect3' => 'Effect 3', 'effect4' => 'Effect 4', 'effect5' => 'Effect 5', 'effect6' => 'Effect 6', 'effect7' => 'Effect 7', 'effect8' => 'Effect 8', 'effect9' => 'Effect 9', 'effect10' => 'Effect 10', 'effect11' => 'Effect 11', 'effect12' => 'Effect 12', 'effect13' => 'Effect 13', 'effect14' => 'Effect 14', 'effect15' => 'Effect 15', 'effect16' => 'Effect 16', 'effect17' => 'Effect 17', 'effect18' => 'Effect 18', 'effect19' => 'Effect 19', 'effect20' => 'Effect 20', ), 'relation' => array( 'parent' => 'style', 'show_when' => 'square2', ), ), array( "type" => "select", "label" => __( "Select Effect", "kingcomposer" ), "name" => "caption_effects", 'options' => array( 'effect1' => 'Effect 1', 'effect2' => 'Effect 2', 'effect3' => 'Effect 3', 'effect4' => 'Effect 4', 'effect5' => 'Effect 5', 'effect6' => 'Effect 6', 'effect7' => 'Effect 7', 'effect8' => 'Effect 8', 'effect9' => 'Effect 9', 'effect10' => 'Effect 10', 'effect11' => 'Effect 11', 'effect12' => 'Effect 12', 'effect13' => 'Effect 13', 'effect14' => 'Effect 14', 'effect15' => 'Effect 15', 'effect16' => 'Effect 16', 'effect17' => 'Effect 17', 'effect18' => 'Effect 18', 'effect19' => 'Effect 19', 'effect20' => 'Effect 20', ), 'relation' => array( 'parent' => 'style', 'show_when' => 'caption', ), ), array( "type" => "select", "label" => __( "Select Effect", "kingcomposer" ), "name" => "jibon_effects", 'options' => array( 'effect1' => 'Effect 1', 'effect2' => 'Effect 2', 'effect3' => 'Effect 3', 'effect4' => 'Effect 4', 'effect5' => 'Effect 5', 'effect6' => 'Effect 6', 'effect7' => 'Effect 7', 'effect8' => 'Effect 8', 'effect9' => 'Effect 9', 'effect10' => 'Effect 10', 'effect11' => 'Effect 11', 'effect12' => 'Effect 12', ), 'relation' => array( 'parent' => 'style', 'show_when' => 'jibon', ), ), array( "type" => "select", "label" => __( "Select Animation Direction", "kingcomposer" ), "name" => "animation", 'options' => array( 'left_to_right' => 'Left To Right', 'right_to_left' => 'Right To Left', 'top_to_bottom' => 'Top To Bottom', 'bottom_to_top' => 'Bottom To Top', ), 'relation' => array( 'parent' => 'style', 'show_when' => array('square', 'circle'), ), ), array( "type" => "attach_image", "label" => __("Image", "kingcomposer"), "name" => "image", ), array( "type" => "text", "label" => __("Heading", "kingcomposer"), "name" => "title", ), array( "type" => "textarea", "label" => __("Description", "kingcomposer"), "name" => "description", 'relation' => array( 'parent' => 'style', 'show_when' => array('square', 'circle', 'caption', 'jibon'), ), ), array( "type" => "link", "label" => __("Link", "kingcomposer"), "name" => "link", "description" => __("keep blank if you don't want", "kingcomposer"), ), array( 'type' => 'text', 'label' => __('Extra class name', 'kingcomposer'), 'name' => 'css_class', 'description' => __('If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.', 'kingcomposer') ), ), 'Settings' => array( array( "type" => "text", "label" => __( "Custom Image Width", "kingcomposer" ), "name" => "image_width", "value" => '216', "description" => __("custom image width in px, default value is 216px ", "kingcomposer"), ), array( "type" => "text", "label" => __( "Custom Image Height", "kingcomposer" ), "name" => "image_height", "value" => '216', "description" => __("custom image height in px, default value is 216px ", "kingcomposer"), 'relation' => array( 'parent' => 'style', 'show_when' => array('square', 'square2', 'caption','jibon'), ), ), array( "type" => "text", "label" => __( "Heading Font Size", "kingcomposer" ), "name" => "heading_font_size", "value" => '16', "description" => __("default value is 16px", "kingcomposer"), ), array( "type" => "color_picker", "label" => __( "Heading Color", "kingcomposer" ), "name" => "heading_color", "value" => '#ffffff', "description" => __("default color is #ffffff", "kingcomposer"), ), array( "type" => "text", "label" => __( "Description Font Size", "kingcomposer" ), "name" => "desc_font_size", "value" => '12', "description" => __("default value is 12px", "kingcomposer"), ), array( "type" => "color_picker", "label" => __( "Description Color", "kingcomposer" ), "name" => "desc_color", "value" => '#ffffff', "description" => __("default color is #ffffff", "kingcomposer"), ), array( "type" => "color_picker", "label" => __( "Background Color", "kingcomposer" ), "name" => "color", "description" => __("use Alpha/rgba color for transperant bg", "kingcomposer"), 'relation' => array( 'parent' => 'style', 'show_when' => array('circle', 'square', 'caption'), ), ), array( "type" => "checkbox", "label" => __("Remove Border", "kingcomposer"), "name" => "remove_border", "admin_label" => true, 'options' => array( 'yes' => 'Yes', ), 'relation' => array( 'parent' => 'style', 'show_when' => array('circle', 'square'), ), ), array( "type" => "checkbox", "label" => __("Remove Underline", "kingcomposer"), "name" => "remove_underline", 'options' => array( 'yes' => 'Yes', ), 'relation' => array( 'parent' => 'style', 'show_when' => array('circle'), ), ), array( "type" => "text", "label" => __( "Move Texts to Bottom", "kingcomposer" ), "name" => "move_texts", "value" => '0', "description" => __("moving heading & desc texts to bottom. default value is 0px", "kingcomposer"), 'relation' => array( 'parent' => 'style', 'show_when' => array('circle', 'square', 'caption'), ), ), array( "type" => "checkbox", "label" => __("Description Text to Normal", "kingcomposer"), "name" => "desc_normal", 'options' => array( 'yes' => 'Yes', ), 'relation' => array( 'parent' => 'style', 'show_when' => array('circle', 'square'), ), ), ), ) ) ) ); } function akc_hover_effects( $atts, $content = null, $tag ) { extract(shortcode_atts(array( "style" => 'circle', "circle_effects" => 'effect1', "square_effects" => 'effect1', "square2_effects" => 'effect1', "caption_effects" => 'effect1', "jibon_effects" => 'effect1', "animation" => 'left_to_right', "image" => '', "title" => 'Heading Goes Here', "description" => 'description goes here', "link" => '', "image_width" => '216', "image_height" => '216', //"move_texts_topbottom" => '15', //"move_texts_leftright" => '15', "font" => 'Open+Sans', "heading_font_size" => '16', "heading_color" => '#ffffff', "desc_font_size" => '12', "desc_color" => '#ffffff', "color" => '', "remove_border" => '', "remove_underline" => '', "open_link" => '', "move_texts" => '', "desc_normal" => '', "css_class" => '', ), $atts)); wp_register_style('hvc_ihover', plugins_url( 'css/ihover.css' , __FILE__ ) ); wp_enqueue_style( 'hvc_ihover' ); wp_register_style('hvc_square2', plugins_url( 'css/square2.css' , __FILE__ ) ); wp_enqueue_style( 'hvc_square2' ); wp_register_style('hvc_caption', plugins_url( 'css/caption.css' , __FILE__ ) ); wp_enqueue_style( 'hvc_caption' ); wp_register_style('hvc_othersFour', plugins_url( 'css/othersFour.css' , __FILE__ ) ); wp_enqueue_style( 'hvc_othersFour' ); wp_register_style('hvc_custom', plugins_url( 'css/custom.css' , __FILE__ ) ); wp_enqueue_style( 'hvc_custom' ); $image = wp_get_attachment_image_src( $image, 'full' ); $link = kc_parse_link($link); $output = ''; if ($remove_underline=='yes') { $remove_underline = 'none'; } if ($desc_normal=='yes') { $output .=''; } if ( $style=='circle' && $circle_effects=='effect1' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='circle' && $circle_effects=='effect2' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='circle' && $circle_effects=='effect3' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='circle' && $circle_effects=='effect4' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='circle' && $circle_effects=='effect5' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='circle' && $circle_effects=='effect6' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='circle' && $circle_effects=='effect7' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='circle' && $circle_effects=='effect8' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='circle' && $circle_effects=='effect9' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='circle' && $circle_effects=='effect10' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='circle' && $circle_effects=='effect11' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='circle' && $circle_effects=='effect12' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='circle' && $circle_effects=='effect13' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='circle' && $circle_effects=='effect14' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='circle' && $circle_effects=='effect15' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='circle' && $circle_effects=='effect16' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='circle' && $circle_effects=='effect17' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='circle' && $circle_effects=='effect18' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='circle' && $circle_effects=='effect19' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='circle' && $circle_effects=='effect20' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='square' && $square_effects=='effect1' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='square' && $square_effects=='effect2' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='square' && $square_effects=='effect3' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='square' && $square_effects=='effect4' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='square' && $square_effects=='effect5' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='square' && $square_effects=='effect6' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='square' && $square_effects=='effect7' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='square' && $square_effects=='effect8' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='square' && $square_effects=='effect9' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='square' && $square_effects=='effect10' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='square' && $square_effects=='effect11' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='square' && $square_effects=='effect12' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='square' && $square_effects=='effect13' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='square' && $square_effects=='effect14' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='square' && $square_effects=='effect15' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='square2' && $square2_effects=='effect1' ){ $output .= '

'.$title.'

'; } if ( $style=='square2' && $square2_effects=='effect2' ){ $output .= '

'.$title.'

'; } if ( $style=='square2' && $square2_effects=='effect3' ){ $output .= '

'.$title.'

'; } if ( $style=='square2' && $square2_effects=='effect4' ){ $output .= '

'.$title.'

'; } if ( $style=='square2' && $square2_effects=='effect5' ){ $output .= '

'.$title.'

'; } if ( $style=='square2' && $square2_effects=='effect6' ){ $output .= '

'.$title.'

'; } if ( $style=='square2' && $square2_effects=='effect7' ){ $output .= '

'.$title.'

'; } if ( $style=='square2' && $square2_effects=='effect8' ){ $output .= '

'.$title.'

'; } if ( $style=='square2' && $square2_effects=='effect9' ){ $output .= '

'.$title.'

'; } if ( $style=='square2' && $square2_effects=='effect10' ){ $output .= '

'.$title.'

'; } if ( $style=='square2' && $square2_effects=='effect11' ){ $output .= '

'.$title.'

'; } if ( $style=='square2' && $square2_effects=='effect12' ){ $output .= '

'.$title.'

'; } if ( $style=='square2' && $square2_effects=='effect13' ){ $output .= '

'.$title.'

'; } if ( $style=='square2' && $square2_effects=='effect14' ){ $output .= '

'.$title.'

'; } if ( $style=='square2' && $square2_effects=='effect15' ){ $output .= '

'.$title.'

'; } if ( $style=='square2' && $square2_effects=='effect16' ){ $output .= '

'.$title.'

'; } if ( $style=='square2' && $square2_effects=='effect17' ){ $output .= '

'.$title.'

'; } if ( $style=='square2' && $square2_effects=='effect18' ){ $output .= '

'.$title.'

'; } if ( $style=='square2' && $square2_effects=='effect19' ){ $output .= '

'.$title.'

'; } if ( $style=='square2' && $square2_effects=='effect20' ){ $output .= '

'.$title.'

'; } if ( $style=='caption' && $caption_effects=='effect1' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='caption' && $caption_effects=='effect2' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='caption' && $caption_effects=='effect3' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='caption' && $caption_effects=='effect4' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='caption' && $caption_effects=='effect5' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='caption' && $caption_effects=='effect6' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='caption' && $caption_effects=='effect7' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='caption' && $caption_effects=='effect8' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='caption' && $caption_effects=='effect9' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='caption' && $caption_effects=='effect10' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='caption' && $caption_effects=='effect11' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='caption' && $caption_effects=='effect12' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='caption' && $caption_effects=='effect13' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='caption' && $caption_effects=='effect14' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='caption' && $caption_effects=='effect15' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='caption' && $caption_effects=='effect16' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='caption' && $caption_effects=='effect17' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='caption' && $caption_effects=='effect18' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='caption' && $caption_effects=='effect19' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='caption' && $caption_effects=='effect20' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='jibon' && $jibon_effects=='effect1' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='jibon' && $jibon_effects=='effect2' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='jibon' && $jibon_effects=='effect3' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='jibon' && $jibon_effects=='effect4' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='jibon' && $jibon_effects=='effect5' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='jibon' && $jibon_effects=='effect6' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='jibon' && $jibon_effects=='effect7' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='jibon' && $jibon_effects=='effect8' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='jibon' && $jibon_effects=='effect9' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='jibon' && $jibon_effects=='effect10' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='jibon' && $jibon_effects=='effect11' ){ $output .= '

'.$title.'

'.$description.'

'; } if ( $style=='jibon' && $jibon_effects=='effect12' ){ $output .= '

'.$title.'

'.$description.'

'; } return $output; } add_shortcode('akc_hover', 'akc_hover_effects');