esc_html__("Extended tabs", "keydesign"), "description" => __("Vertical tabs with extended features.", "keydesign"), "base" => "tek_extended_tabs", "class" => "", "show_settings_on_create" => true, "content_element" => true, "as_parent" => array('only' => 'tek_extended_tabs_single'), "icon" => plugins_url('assets/element_icons/extended-tabs.png', dirname(__FILE__)), "category" => esc_html__("KeyDesign Elements", "keydesign"), "js_view" => 'VcColumnView', "params" => array( array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Tabs alignment","keydesign"), "param_name" => "extended_tabs_alignment", "value" => array( "Left image" => "tabs-image-left", "Right image" => "tabs-image-right", ), "save_always" => true, "description" => esc_html__("Select tabs image alignment.", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Image layout","keydesign"), "param_name" => "extended_tabs_img_layout", "value" => array( "Contained" => "tab-img-contained", "Full width" => "tab-img-fullwidth", ), "save_always" => true, "description" => esc_html__("Select tabs image alignment.", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("CSS animation", "keydesign"), "param_name" => "css_animation", "value" => array( "None" => "", "Fade In" => "kd-animated fadeIn", "Fade In Down" => "kd-animated fadeInDown", "Fade In Left" => "kd-animated fadeInLeft", "Fade In Right" => "kd-animated fadeInRight", "Fade In Up" => "kd-animated fadeInUp", "Zoom In" => "kd-animated zoomIn", ), "save_always" => true, "admin_label" => true, "description" => esc_html__("Select type of animation for element to be animated when it enters the browsers viewport (Note: works only in modern browsers).", "keydesign"), "group" => esc_html__( "Extras", "keydesign" ), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Animation delay", "keydesign"), "param_name" => "et_animation_delay", "value" => array( "0 ms" => "", "200 ms" => "200", "400 ms" => "400", "600 ms" => "600", "800 ms" => "800", "1 s" => "1000", ), "save_always" => true, "admin_label" => true, "dependency" => array( "element" => "css_animation", "value" => array("kd-animated fadeIn", "kd-animated fadeInDown", "kd-animated fadeInLeft", "kd-animated fadeInRight", "kd-animated fadeInUp", "kd-animated zoomIn") ), "description" => esc_html__("Enter animation delay in ms.", "keydesign"), "group" => esc_html__( "Extras", "keydesign" ), ), array( "type" => "textfield", "class" => "", "heading" => esc_html__("Extra class name", "keydesign"), "param_name" => "extended_tabs_extra_class", "value" => "", "description" => esc_html__("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.", "keydesign"), "group" => esc_html__( "Extras", "keydesign" ), ), ) ) ); vc_map(array( "name" => esc_html__("Tab", "keydesign"), "base" => "tek_extended_tabs_single", "content_element" => true, "as_child" => array('only' => 'tek_extended_tabs'), "icon" => plugins_url('assets/element_icons/child-tabs.png', dirname(__FILE__)), "params" => array( array( "type" => "textfield", "heading" => esc_html__("Tab title", "keydesign"), "param_name" => "tab_title", "value" => "", "admin_label" => true, "description" => esc_html__("Add the tab title here.", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Display tab icon","keydesign"), "param_name" => "tab_icon_type", "value" => array( "No icon" => "no_icon", "Icon browser" => "icon_browser", ), "save_always" => true, "description" => esc_html__("Select icon source.", "keydesign"), ), array( "type" => "iconpicker", "heading" => esc_html__( "Tab Icon", "keydesign" ), "param_name" => "tab_icon_iconsmind", "settings" => array( "type" => "iconsmind", "iconsPerPage" => 50, ), "dependency" => array( "element" => "tab_icon_type", "value" => "icon_browser", ), "description" => esc_html__( "Select icon from library.", "keydesign" ), ), array( "type" => "textarea_html", "heading" => esc_html__("Tab content", "keydesign"), "param_name" => "content", "value" => "", "description" => esc_html__("Add the tab description here. This field accepts HTML tags.", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Image source", "keydesign"), "param_name" => "image_source", "value" => array( "Media library" => "media_library", "External link" => "external_link", ), "description" => esc_html__("Select image source.", "keydesign"), "save_always" => true, ), array( "type" => "attach_image", "heading" => esc_html__("Image", "keydesign"), "param_name" => "tab_image", "value" => "", "description" => esc_html__("Select or upload your image using the media library.", "keydesign"), "dependency" => array( "element" => "image_source", "value" => array("media_library") ), ), array( "type" => "textfield", "class" => "", "heading" => esc_html__("Image external source", "keydesign"), "param_name" => "ext_image", "value" => "", "description" => esc_html__("Enter image external link.", "keydesign"), "dependency" => array( "element" => "image_source", "value" => array("external_link") ), ), array( "type" => "textfield", "class" => "", "heading" => esc_html__("Image size", "keydesign"), "param_name" => "ext_image_size", "value" => "", "description" => esc_html__("Enter image size in pixels. Example: 750x500 (Width x Height).", "keydesign"), "dependency" => array( "element" => "image_source", "value" => array("external_link") ), ), ) )); } } public function kd_extended_tabs_container($atts, $content = null) { extract(shortcode_atts(array( 'extended_tabs_alignment' => '', 'extended_tabs_img_layout' => '', 'css_animation' => '', 'et_animation_delay' => '', 'extended_tabs_extra_class' => '', ), $atts)); $output = $animation_delay = $wrapper_class = ''; $kd_tabs_id = "kd-tabswrapper-".uniqid(rand(10000,99999)); // Animation delay if ($et_animation_delay) { $animation_delay = 'data-animation-delay='.$et_animation_delay; } $wrapper_class = implode(' ', array('features-tabs', $kd_tabs_id, $extended_tabs_alignment, $extended_tabs_img_layout, $css_animation, $extended_tabs_extra_class)); $output = '
' . do_shortcode($content) . '
'; $output .= ''; if ($content != '') { return $output; } } public function kd_extended_tabs_single($atts, $content = null) { extract(shortcode_atts(array( 'tab_title' => '', 'tab_icon_type' => '', 'tab_icon_iconsmind' => '', 'image_source' => '', 'tab_image' => '', 'ext_image' => '', 'ext_image_size' => '', ), $atts)); $output = $default_src = $dimensions = $hwstring = $kd_extendtabs_id = $content_icon = ''; if( $tab_icon_type == 'icon_browser' ) { // Enqueue needed icon font. // vc_icon_element_fonts_enqueue( $icon_library ); wp_enqueue_style( 'kd_iconsmind' ); } if (strlen($tab_icon_iconsmind) > 0) { $icons = $tab_icon_iconsmind; } if ( $tab_icon_type == 'icon_browser' ) { $content_icon = ' '; } $image = wpb_getImageBySize($params = array( 'post_id' => NULL, 'attach_id' => $tab_image, 'thumb_size' => 'full', 'class' => "" )); $default_src = vc_asset_url( 'vc/no_image.png' ); $dimensions = vc_extract_dimensions( $ext_image_size ); $hwstring = $dimensions ? image_hwstring( $dimensions[0], $dimensions[1] ) : ''; $ext_image = $ext_image ? esc_attr( $ext_image ) : $default_src; $kd_extendtabs_id = "kd-extab-".uniqid(rand(10000,99999)); $output .= '
'; if ($image_source == 'external_link') { if (!$ext_image) { $output .=''; } else { $output .=''; } } else { if (!$image) { $output .=''; } else { $output .= $image['thumbnail']; } } $output .= '

' . $tab_title . '

'; if ($content != '') { $output .= '

'.do_shortcode($content).'

'; } $output .= '
  • '.$content_icon.' ' . $tab_title . '
    • '; return $output; } } } if (class_exists('tek_extended_tabs')) { $tek_extended_tabs = new tek_extended_tabs; } ?>