esc_html__("Icon box", "keydesign"), "description" => esc_html__("Simple text box with icon.", "keydesign"), "base" => "tek_iconbox", "class" => "", "icon" => plugins_url('assets/element_icons/icon-box.png', dirname(__FILE__)), "category" => esc_html__("KeyDesign Elements", "keydesign"), "params" => array( array( "type" => "textarea", "class" => "kd-back-desc", "heading" => esc_html__("Box title", "keydesign"), "param_name" => "title", "holder" => "div", "value" => "", "description" => esc_html__("Enter box title here.", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Title size","keydesign"), "param_name" => "title_size", "value" => array( "Large" => "large-title", "Small title" => "small-title", ), "save_always" => true, "description" => esc_html__("Select title size.", "keydesign"), ), array( "type" => "colorpicker", "class" => "", "heading" => esc_html__("Title color", "keydesign"), "param_name" => "title_color", "value" => "", "description" => esc_html__("Choose title color. If none selected, the default theme color will be used.", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Box content type","keydesign"), "param_name" => "box_content_type", "value" => array( "Simple text" => "simple_text", "HTML content" => "html_content", ), "save_always" => true, "description" => esc_html__("Select box content type.", "keydesign"), ), array( "type" => "textarea", "class" => "", "heading" => esc_html__("Box description - simple text", "keydesign"), "param_name" => "text_box", "value" => "", "description" => esc_html__("Enter box content text here.", "keydesign"), "dependency" => array( "element" => "box_content_type", "value" => array("simple_text") ), ), array( "type" => "textarea_html", "class" => "", "heading" => esc_html__("Box description - HTML content", "keydesign"), "param_name" => "content", "value" => "", "description" => esc_html__("Enter box content text here.", "keydesign"), "dependency" => array( "element" => "box_content_type", "value" => array("html_content") ), ), array( "type" => "colorpicker", "class" => "", "heading" => esc_html__("Content text color", "keydesign"), "param_name" => "text_color", "value" => "", "description" => esc_html__("Choose content text color. If none selected, the default theme color will be used.", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Display icon","keydesign"), "param_name" => "icon_type", "value" => array( "Icon browser" => "icon_browser", "Custom image" => "custom_icon", "No icon" => "no_icon", ), "save_always" => true, "description" => esc_html__("Select icon source.", "keydesign"), ), array( "type" => "iconpicker", "heading" => esc_html__( "Icon", "keydesign" ), "param_name" => "icon_iconsmind", "settings" => array( "type" => "iconsmind", "iconsPerPage" => 50, ), "dependency" => array( "element" => "icon_type", "value" => "icon_browser", ), "description" => esc_html__( "Select icon from library.", "keydesign" ), ), array( "type" => "colorpicker", "class" => "", "heading" => esc_html__("Icon color", "keydesign"), "param_name" => "icon_color", "value" => "", "dependency" => array( "element" => "icon_type", "value" => array("icon_browser") ), "description" => esc_html__("Choose icon color. If none selected, the default theme color will be used.", "keydesign"), ), array( "type" => "textfield", "class" => "", "heading" => esc_html__("Icon size", "keydesign"), "param_name" => "icon_size", "value" => "", "dependency" => array( "element" => "icon_type", "value" => array("icon_browser") ), "description" => esc_html__("Enter icon size. (eg. 10px, 1em, 1rem)", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Custom image source", "keydesign"), "param_name" => "ib_image_source", "value" => array( "Media library" => "media_library", "External link" => "external_link", ), "dependency" => array( "element" => "icon_type", "value" => array("custom_icon"), ), "description" => esc_html__("Select image source.", "keydesign"), "save_always" => true, ), array( "type" => "attach_image", "class" => "", "heading" => esc_html__("Image", "keydesign"), "param_name" => "icon_img", "value" => "", "description" => esc_html__("Upload custom image.", "keydesign"), "dependency" => array( "element" => "ib_image_source", "value" => array("media_library"), ), "save_always" => true, ), array( "type" => "textfield", "class" => "", "heading" => esc_html__("Image external source", "keydesign"), "param_name" => "ib_ext_image", "value" => "", "description" => esc_html__("Enter image external link.", "keydesign"), "dependency" => array( "element" => "ib_image_source", "value" => array("external_link"), ), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Image size","keydesign"), "param_name" => "icon_img_size", "value" => array( "Small size" => "img_small_size", "Medium size" => "img_medium_size", "Big size" => "img_big_size", ), "save_always" => true, "dependency" => array( "element" => "icon_type", "value" => array("custom_icon"), ), "description" => esc_html__("Select image size.", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Icon/image position","keydesign"), "param_name" => "icon_position", "value" => array( "Top" => "icon_top", "Left" => "icon_left", ), "save_always" => true, "dependency" => array( "element" => "icon_type", "value" => array("icon_browser", "custom_icon"), ), "description" => esc_html__("Select icon/image position relative to the content.", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Content alignment", "keydesign"), "param_name" => "content_alignment", "value" => array( "Align center" => "content_center", "Align left" => "content_left", "Align right" => "content_right" ), "save_always" => true, "description" => esc_html__("Choose content alignment.", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Link settings", "keydesign"), "param_name" => "custom_link", "value" => array( esc_html__( "No link", "keydesign" ) => "ib-no-link", esc_html__( "Text link", "keydesign" ) => "ib-text-link", esc_html__( "Box link", "keydesign" ) => "ib-box-link", esc_html__( "Icon/image link", "keydesign" ) => "ib-icon-link", ), "save_always" => true, "description" => esc_html__("You can add/remove custom link", "keydesign"), ), array( "type" => "textfield", "class" => "", "heading" => esc_html__("Link text", "keydesign"), "param_name" => "link_text", "value" => "", "description" => esc_html__("Enter link text here.", "keydesign"), "dependency" => array( "element" => "custom_link", "value" => array( "ib-text-link" ), ), ), array( "type" => "colorpicker", "class" => "", "heading" => esc_html__("Link color", "keydesign"), "param_name" => "link_color", "value" => "", "description" => esc_html__("Choose link color. If none selected, the default theme color will be used.", "keydesign"), "dependency" => array( "element" => "custom_link", "value" => array( "ib-text-link" ), ), ), array( "type" => "href", "class" => "", "heading" => esc_html__("Link URL", "keydesign"), "param_name" => "iconbox_link", "value" => "", "description" => esc_html__("Enter URL (Note: parameters like \"mailto:\" are also accepted).", "keydesign"), "dependency" => array( "element" => "custom_link", "value" => array( "ib-text-link", "ib-box-link", "ib-icon-link" ), ), ), array( 'type' => 'dropdown', 'heading' => __( 'Link target', 'keydesign' ), 'param_name' => 'iconbox_link_target', "value" => array( esc_html__( 'Same window', 'keydesign' ) => '_self', esc_html__( 'New window', 'keydesign' ) => '_blank', ), "dependency" => array( "element" => "custom_link", "value" => array( "ib-text-link", "ib-box-link", "ib-icon-link" ), ), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Box background type", "keydesign"), "param_name" => "background_type", "value" => array( esc_html__( 'None', 'keydesign' ) => 'none', esc_html__( 'Select color', 'keydesign' ) => 'custom_bg_color', ), "save_always" => true, "description" => esc_html__("Select box background type.", "keydesign"), ), array( "type" => "colorpicker", "class" => "", "heading" => esc_html__("Background color", "keydesign"), "param_name" => "background_color", "value" => "", "dependency" => array( "element" => "background_type", "value" => array( "custom_bg_color" ), ), "description" => esc_html__("Choose box background color.", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Hover effect", "keydesign"), "param_name" => "hover_effect", "value" => array( "No effect" => "ib-no-effect", "Effect 1" => "ib-hover-1", "Effect 2" => "ib-hover-2" ), "save_always" => true, "description" => esc_html__("Select box hover effect.", "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" => "ib_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" => "ib_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" ), ), ) )); } } // Render the element on front-end public function kd_iconbox_shrt($atts, $content = null) { // Declare empty vars $output = $content_icon = $icons = $icon_position_class = $content_alignment_class = $link_title = $link_target = $icon_color_style = $icon_size_style = $normal_bg = $theme_primary_color = $bg_extra_class = $animation_delay = $wrapper_class = $link = $width = $height = $image = ''; extract(shortcode_atts(array( 'icon_type' => '', 'title' => '', 'title_size' => '', 'title_color' => '', 'box_content_type' => '', 'text_box' => '', 'text_color' => '', 'icon_type' => '', 'icon_iconsmind' => '', 'icon_color' => '', 'icon_size' => '', 'ib_image_source' => '', 'ib_ext_image' => '', 'icon_img' => '', 'icon_img_size' => '', 'icon_position' => '', 'content_alignment' => '', 'custom_link' => '', 'link_text'=> '', 'link_color' => '', 'iconbox_link' => '', 'iconbox_link_target' => '', 'background_type'=> '', 'background_color' => '', 'hover_effect' => '', 'css_animation' => '', 'ib_animation_delay' => '', 'ib_extra_class' => '', ), $atts)); if( $icon_type == 'icon_browser' ) { // Enqueue needed icon font. // vc_icon_element_fonts_enqueue( $icon_library ); wp_enqueue_style( 'kd_iconsmind' ); } if (strlen($icon_iconsmind) > 0) { $icons = $icon_iconsmind; } if ($icon_color !== '') { $icon_color_style = 'color: '.$icon_color.';'; } if ($icon_size !== '') { $icon_size_style = 'font-size: '.$icon_size.';'; } $a_attrs['href'] = $iconbox_link; $a_attrs['target'] = $iconbox_link_target; $image = wpb_getImageBySize($params = array( 'post_id' => NULL, 'attach_id' => $icon_img, 'thumb_size' => 'full', 'class' => "" )); if ($ib_image_source == 'external_link' && !empty($ib_ext_image)) { $src = $ib_ext_image; list($width, $height) = getimagesize($src); } elseif ($ib_image_source == 'media_library' && !empty($icon_img)) { $link = wp_get_attachment_image_src( $icon_img, 'large' ); $link = $link[0]; $src = $link; } if ( $icon_type == 'icon_browser' ) { $content_icon = ' '; } elseif ( $icon_type == 'custom_icon') { if ($ib_image_source == 'external_link' && $ib_ext_image != '') { $content_icon = '
'; } elseif ($ib_image_source == 'media_library' && !empty($icon_img)) { $content_icon = '
'.$image['thumbnail'].'
'; } } // Content alignment in box if( $content_alignment == 'content_center' ) { $content_alignment_class = 'cont-center'; } elseif ( $content_alignment == 'content_left' ) { $content_alignment_class = 'cont-left'; } elseif ( $content_alignment == 'content_right' ) { $content_alignment_class = 'cont-right'; } // Icon position class if ( $icon_position == 'icon_top' ) { $icon_position_class = 'icon-top'; } elseif ( $icon_position == 'icon_left' ) { $icon_position_class = 'icon-left'; } //Background type switch($background_type){ case 'none': $normal_bg = 'none'; break; case 'custom_bg_color': if ($background_color != '') { $normal_bg = $background_color; } else { $normal_bg = 'transparent'; } break; default: } //CSS Animation if ($css_animation == "no_animation") { $css_animation = ""; } // Animation delay if ($ib_animation_delay) { $animation_delay = 'data-animation-delay='.$ib_animation_delay; } // Check if background color matches theme primary colorpicker $redux_ThemeTek = get_option( 'redux_ThemeTek' ); $theme_primary_color = $redux_ThemeTek['tek-main-color']; if ($theme_primary_color == $background_color) { $bg_extra_class = "iconbox-main-color"; } $wrapper_class = implode(' ', array('key-icon-box', 'icon-default', $icon_position_class, $content_alignment_class, $hover_effect, $css_animation, $ib_extra_class)); $output .= '
'; if ($custom_link == "ib-box-link") { $output .= ''; } if ($hover_effect != "ib-no-effect") { $output .= '
'; } if ($icon_type != "no_icon") { if ($custom_link == "ib-icon-link") { $output .= '' . $content_icon . ''; } else { $output .= $content_icon; } } if ( !empty($title) && ($title_size == "small-title") ) { $output .= '
'.$title.'
'; } elseif ( !empty($title) ) { $output .= '
'.$title.'
'; } if ($box_content_type == "html_content") { if($content != '') { $output .= '

'.do_shortcode($content).'

'; } } else { if ( !empty($text_box) ) { $output .= '

'.$text_box.'

'; } } if ($custom_link == "ib-text-link") { $output .= '

'.$link_text.'

'; } if ($hover_effect != "ib-no-effect") { $output .= '
'; } if ($custom_link == "ib-box-link") { $output .= ''; } $output .= '
'; return $output; } } } if (class_exists('KD_ELEM_ICON_BOX')) { $KD_ELEM_ICON_BOX = new KD_ELEM_ICON_BOX; } ?>