shortcode = 'ut_number_counter'; add_action( 'init', array( $this, 'ut_map_shortcode' ) ); } function ut_map_shortcode( $atts, $content = NULL ) { if( function_exists( 'vc_map' ) ) { vc_map( array( 'name' => esc_html__( 'Number Counter Module', 'ut_shortcodes' ), 'description' => esc_html__( 'Animated number counters are a fun and effective way to display stats to your visitors.', 'ut_shortcodes' ), 'base' => $this->shortcode, 'icon' => UT_SHORTCODES_URL . '/admin/img/vc_icons/number-counter.png', 'category' => 'Information', 'class' => 'ut-vc-icon-module ut-information-module', 'content_element' => true, 'params' => array( array( 'type' => 'dropdown', 'heading' => esc_html__( 'Icon library', 'ut_shortcodes' ), 'description' => esc_html__( 'Select icon library.', 'ut_shortcodes' ), 'param_name' => 'icon_type', 'group' => 'General', 'value' => array( esc_html__( 'Brooklyn Icons', 'ut_shortcodes' ) => 'bklynicons', esc_html__( 'Font Awesome', 'ut_shortcodes' ) => 'fontawesome', ), ), array( 'type' => 'iconpicker', 'heading' => esc_html__( 'Choose Icon', 'ut_shortcodes' ), 'param_name' => 'icon', 'group' => 'General', 'dependency' => array( 'element' => 'icon_type', 'value' => 'fontawesome', ), ), array( 'type' => 'iconpicker', 'heading' => esc_html__( 'Choose Icon', 'ut_shortcodes' ), 'param_name' => 'icon_bklyn', 'group' => 'General', 'settings' => array( 'emptyIcon' => true, 'type' => 'bklynicons', ), 'dependency' => array( 'element' => 'icon_type', 'value' => 'bklynicons', ), ), array( 'type' => 'attach_image', 'heading' => esc_html__( 'or upload an own Icon', 'ut_shortcodes' ), 'description' => esc_html__( 'recommended size 48x48', 'ut_shortcodes' ), 'param_name' => 'imageicon', 'group' => 'General', ), array( 'type' => 'range_slider', 'heading' => esc_html__( 'Icon Size', 'ut_shortcodes' ), 'edit_field_class' => 'vc_col-sm-6', 'param_name' => 'icon_font_size', 'group' => 'General', 'value' => array( 'default' => '60', 'min' => '20', 'max' => '200', 'step' => '1', 'unit' => 'px' ), ), array( 'type' => 'range_slider', 'heading' => esc_html__( 'Icon Spacing Bottom', 'ut_shortcodes' ), 'param_name' => 'icon_spacing', 'group' => 'General', 'edit_field_class' => 'vc_col-sm-6', 'value' => array( 'default' => '10', 'min' => '0', 'max' => '100', 'step' => '1', 'unit' => 'px' ), ), array( 'type' => 'dropdown', 'heading' => esc_html__( 'Counter Alignment', 'ut_shortcodes' ), 'param_name' => 'counter_align', 'group' => 'General', 'value' => array( esc_html__( 'center', 'ut_shortcodes' ) => 'center', esc_html__( 'left' , 'ut_shortcodes' ) => 'left', esc_html__( 'right' , 'ut_shortcodes' ) => 'right', ), ), array( 'type' => 'textfield', 'heading' => esc_html__( 'Counter Prefix', 'ut_shortcodes' ), 'param_name' => 'prefix', 'edit_field_class' => 'vc_col-sm-2', 'group' => 'General' ), array( 'type' => 'textfield', 'heading' => esc_html__( 'Count Up to', 'ut_shortcodes' ), 'admin_label' => true, 'edit_field_class' => 'vc_col-sm-8', 'param_name' => 'to', 'group' => 'General' ), array( 'type' => 'textfield', 'heading' => esc_html__( 'Counter Suffix', 'ut_shortcodes' ), 'param_name' => 'suffix', 'edit_field_class' => 'vc_col-sm-2', 'group' => 'General' ), array( 'type' => 'dropdown', 'heading' => esc_html__( 'Add Separator?', 'unitedthemes' ), 'description' => esc_html__( 'Example 3856 becomes 3.856 or 40000 becomes 40.000', 'ut_shortcodes' ), 'param_name' => 'sep', //'edit_field_class' => 'vc_col-sm-6', 'group' => 'General', 'value' => array( esc_html__( 'no, thanks!', 'ut_shortcodes' ) => 'false', esc_html__( 'yes, please!', 'ut_shortcodes' ) => 'true' ) ), array( 'type' => 'range_slider', 'heading' => esc_html__( 'Count Up Speed', 'ut_shortcodes' ), 'param_name' => 'speed', 'group' => 'General', 'value' => array( 'default' => '2000', 'min' => '100', 'max' => '3000', 'step' => '50', 'unit' => 'ms' ), ), array( 'type' => 'textfield', 'heading' => esc_html__( 'CSS Class', 'ut_shortcodes' ), 'param_name' => 'class', 'group' => 'General' ), // Counter Colors array( 'type' => 'textfield', 'heading' => esc_html__( 'Counter Caption', 'ut_shortcodes' ), 'admin_label' => true, 'param_name' => 'content', 'group' => 'Caption' ), array( 'type' => 'dropdown', 'heading' => esc_html__( 'Counter Caption Text Transform', 'unitedthemes' ), 'param_name' => 'caption_text_transform', 'edit_field_class' => 'vc_col-sm-6', 'group' => 'Caption', 'value' => array( esc_html__( 'None', 'ut_shortcodes' ) => 'none', esc_html__( 'Capitalize', 'ut_shortcodes' ) => 'capitalize', esc_html__( 'Inherit', 'ut_shortcodes' ) => 'inherit', esc_html__( 'Lowercase', 'ut_shortcodes' ) => 'lowercase', esc_html__( 'Uppercase', 'ut_shortcodes' ) => 'uppercase' ), ), array( 'type' => 'dropdown', 'heading' => esc_html__( 'Counter Caption Font Weight', 'ut_shortcodes' ), 'edit_field_class' => 'vc_col-sm-6', 'param_name' => 'caption_font_weight', 'group' => 'Caption', 'value' => array( esc_html__( 'Select Font Weight' , 'ut_shortcodes' ), 'lighter', 'normal', 'bold', 'bolder', 100, 200, 300, 400, 500, 600, 700, 800, 900, ), ), array( 'type' => 'range_slider', 'heading' => esc_html__( 'Counter Caption Font Size', 'ut_shortcodes' ), 'edit_field_class' => 'vc_col-sm-6', 'param_name' => 'caption_font_size', 'group' => 'Caption', 'value' => array( 'default' => '12', 'min' => '8', 'max' => '50', 'step' => '1', 'unit' => 'px' ), ), array( 'type' => 'range_slider', 'heading' => esc_html__( 'Counter Caption Letter Spacing', 'ut_shortcodes' ), 'param_name' => 'caption_letter_spacing', 'group' => 'Caption', 'edit_field_class' => 'vc_col-sm-6', 'value' => array( 'default' => '0', 'min' => '-10', 'max' => '10', 'step' => '1', 'unit' => 'px' ), ), array( 'type' => 'range_slider', 'heading' => esc_html__( 'Counter Caption Margin Top', 'ut_shortcodes' ), 'param_name' => 'caption_margin_top', 'group' => 'Caption', 'value' => array( 'default' => '10', 'min' => '0', 'max' => '100', 'step' => '1', 'unit' => 'px' ), ), // Counter Colors array( 'type' => 'colorpicker', 'heading' => esc_html__( 'Icon Color', 'ut_shortcodes' ), 'param_name' => 'color', 'group' => 'Colors', ), array( 'type' => 'colorpicker', 'heading' => esc_html__( 'Counter Color', 'ut_shortcodes' ), 'param_name' => 'counter_color', 'group' => 'Colors', ), array( 'type' => 'colorpicker', 'heading' => esc_html__( 'Caption Color', 'ut_shortcodes' ), 'param_name' => 'desccolor', 'group' => 'Colors', ), // Font Settings array( 'type' => 'dropdown', 'heading' => esc_html__( 'Choose Font Source', 'ut_shortcodes' ), 'param_name' => 'counter_font_source', 'value' => array( esc_html__( 'Theme Default', 'ut_shortcodes' ) => '', esc_html__( 'Web Safe Fonts', 'ut_shortcodes' ) => 'websafe', esc_html__( 'Google Font', 'ut_shortcodes' ) => 'google' ), 'group' => 'Counter Font' ), array( 'type' => 'google_fonts', 'param_name' => 'counter_google_fonts', 'value' => 'font_family:Abril%20Fatface%3Aregular|font_style:400%20regular%3A400%3Anormal', 'group' => 'Counter Font', 'settings' => array( 'fields' => array( 'font_family_description' => __( 'Select font family.', 'ut_shortcodes' ), 'font_style_description' => __( 'Select font styling.', 'ut_shortcodes' ), ), ), 'dependency' => array( 'element' => 'counter_font_source', 'value' => 'google', ), ), array( 'type' => 'dropdown', 'heading' => esc_html__( 'Websafe Fonts', 'ut_shortcodes' ), 'param_name' => 'counter_websafe_fonts', 'value' => array( esc_html__( 'Arial', 'unite' ) => 'arial', esc_html__( 'Comic Sans', 'unite' ) => 'comic', esc_html__( 'Georgia', 'unite' ) => 'georgia', esc_html__( 'Helvetica', 'unite' ) => 'helvetica', esc_html__( 'Impact', 'unite' ) => 'impact', esc_html__( 'Lucida Sans', 'unite' ) => 'lucida_sans', esc_html__( 'Lucida Console', 'unite' ) => 'lucida_console', esc_html__( 'Palatino', 'unite' ) => 'palatino', esc_html__( 'Tahoma', 'unite' ) => 'tahoma', esc_html__( 'Times New Roman', 'unite' ) => 'times', esc_html__( 'Trebuchet', 'unite' ) => 'trebuchet', esc_html__( 'Verdana', 'unite' ) => 'verdana' ), 'group' => 'Counter Font', 'dependency' => array( 'element' => 'counter_font_source', 'value' => 'websafe', ), ), array( 'type' => 'range_slider', 'heading' => esc_html__( 'Counter Font Size', 'ut_shortcodes' ), 'edit_field_class' => 'vc_col-sm-6', 'param_name' => 'counter_font_size', 'group' => 'Counter Font', 'value' => array( 'default' => '60', 'min' => '0', 'max' => '200', 'step' => '1', 'unit' => 'px' ), ), // Design Options array( 'type' => 'css_editor', 'param_name' => 'css', 'group' => esc_html__( 'Design Options', 'ut_shortcodes' ), ), ) ) ); // end mapping } } } } new UT_Number_Counter; if ( class_exists( 'WPBakeryShortCode' ) ) { class WPBakeryShortCode_ut_number_counter extends WPBakeryShortCode { /** * Used to get field name in vc_map function for google_fonts, font_container and etc.. * * @param $key * * @since 4.4 * @return bool */ protected function getField( $key ) { return isset( $this->fields[ $key ] ) ? $this->fields[ $key ] : false; } /** * Get param value by providing key * * @param $key * * @since 4.4 * @return array|bool */ protected function getParamData( $key ) { return WPBMap::getParam( $this->shortcode, $this->getField( $key ) ); } /** * Parses google_fonts_data to get needed css styles to markup * * @param $el_class * @param $css * @param $google_fonts_data * @param $font_container_data * @param $atts * * @since 4.3 * @return array */ public function getStyles( $counter_google_fonts_data, $atts ) { $counter_styles = array(); $counter_font_source = empty( $atts['counter_font_source'] ) ? '' : $atts['counter_font_source']; if ( 'google' === $counter_font_source && ! empty( $counter_google_fonts_data ) && isset( $counter_google_fonts_data['values'], $counter_google_fonts_data['values']['font_family'], $counter_google_fonts_data['values']['font_style'] ) ) { $google_fonts_family = explode( ':', $counter_google_fonts_data['values']['font_family'] ); $counter_styles[] = 'font-family:"' . $google_fonts_family[0]. '" !important'; $google_fonts_styles = explode( ':', $counter_google_fonts_data['values']['font_style'] ); $counter_styles[] = 'font-weight:' . $google_fonts_styles[1]; $counter_styles[] = 'font-style:' . $google_fonts_styles[2]; } return array( 'counter_inline_styles' => $counter_styles, ); } /** * Parses shortcode attributes and set defaults based on vc_map function relative to shortcode and fields names * * @param $atts * * @since 4.3 * @return array */ public function getAttributes( $atts ) { /** * Shortcode attributes * @var $google_fonts * @var $font_container * @var $link * @var $css */ $atts = vc_map_get_attributes( $this->getShortcode(), $atts ); extract( $atts ); /** * Get default values from VC_MAP. */ $google_fonts_obj = new Vc_Google_Fonts(); $counter_google_fonts_field = $this->getParamData( 'counter_google_fonts' ); $counter_google_fonts_field_settings = isset( $counter_google_fonts_field['settings'], $counter_google_fonts_field['settings']['fields'] ) ? $counter_google_fonts_field['settings']['fields'] : array(); $counter_google_fonts_data = strlen( $counter_google_fonts ) > 0 ? $google_fonts_obj->_vc_google_fonts_parse_attributes( $counter_google_fonts_field_settings, $counter_google_fonts ) : ''; return array( 'counter_google_fonts' => $counter_google_fonts, 'counter_google_fonts_data' => $counter_google_fonts_data, ); } protected function content( $atts, $content = null ) { extract( shortcode_atts( array ( 'icon_type' => 'bklynicons', 'icon' => '', 'icon_bklyn' => '', 'imageicon' => '', 'icon_font_size' => '', 'icon_spacing' => '', 'color' => '', 'counter_color' => '', 'desccolor' => '', 'caption_text_transform' => '', 'caption_letter_spacing' => '', 'caption_font_size' => '12', 'caption_font_weight' => '', 'caption_margin_top' => '10', 'counter_font_size' => '', 'counter_font_source' => '', 'counter_google_fonts' => '', 'counter_websafe_fonts' => '', 'counter_align' => 'center', 'speed' => '2000', 'to' => '1250', 'suffix' => '', 'prefix' => '', 'sep' => 'false', 'sep_sign' => '.', 'opacity' => '0.8', /* deprecated */ 'width' => '', /* deprecated */ 'last' => 'false', /* deprecated */ 'animate_once' => 'no', /* deprecated */ 'background' => '', /* deprecated */ 'css' => '', 'class' => '' ), $atts ) ); if( $counter_font_source && $counter_font_source == 'google' ) { /* google font settings */ extract( $this->getAttributes( $atts ) ); extract( $this->getStyles( $counter_google_fonts_data, $atts ) ); /* subsets */ $settings = get_option( 'wpb_js_google_fonts_subsets' ); if ( is_array( $settings ) && ! empty( $settings ) ) { $subsets = '&subset=' . implode( ',', $settings ); } else { $subsets = ''; } /* quote font */ if ( $counter_font_source && isset( $counter_google_fonts_data['values']['font_family'] ) ) { wp_enqueue_style( 'vc_google_fonts_' . vc_build_safe_css_class( $counter_google_fonts_data['values']['font_family'] ), '//fonts.googleapis.com/css?family=' . $counter_google_fonts_data['values']['font_family'] . $subsets ); } } /* counter inline styles */ if ( ! empty( $counter_inline_styles ) ) { $counter_inline_styles = 'style="' . esc_attr( implode( ';', $counter_inline_styles ) ) . '"'; } else { $counter_inline_styles = ''; } /* deprecated - will be removed one day - start block */ $grid = array( 'third' => 'ut-one-third', 'fourth' => 'ut-one-fourth', 'half' => 'ut-one-half' ); $classes[] = ( $last == 'true' ) ? 'ut-column-last' : ''; $classes[] = !empty( $grid[$width] ) ? $grid[$width] : 'clearfix'; $classes[] = $class; /* deprecated - will be removed one day - end block */ /* icon setting */ if( !empty( $imageicon ) && is_numeric( $imageicon ) ) { $imageicon = wp_get_attachment_url( $imageicon ); } /* overwrite default icon */ $icon = empty( $imageicon ) ? $icon : $imageicon; /* check if icon is an image */ $image_icon = strpos( $icon, '.png' ) !== false || strpos( $icon, '.jpg' ) !== false || strpos( $icon, '.gif' ) !== false || strpos( $icon, '.ico' ) !== false || strpos( $icon, '.svg' ) !== false ? true : false; /* font awesome icon */ if( !$image_icon ) { if( $icon_type == 'bklynicons' && !empty( $icon_bklyn ) ) { $icon = $icon_bklyn; } else { if( strpos( $icon, 'fa fa-' ) === false ) { $icon = str_replace('fa-', 'fa fa-', $icon ); } $icon = str_replace('fa fa-', 'fa-4x fa fa-', $icon ); } } /* inline css */ $id = uniqid("ut_sc_"); $css_style = ''; if( $color ) { $css_style .= '#' . $id . ' .ut-counter-box i { color: ' . $color . '; }'; } if( $icon_font_size ) { $css_style .= '#' . $id . ' .ut-counter-box i { font-size: ' . $icon_font_size . 'px; }'; $css_style .= '#' . $id . ' .ut-counter-box .ut-custom-icon { width: ' . $icon_font_size . 'px; }'; } if( $icon_spacing ) { $css_style .= '#' . $id . ' .ut-counter-box i { margin-bottom: ' . $icon_spacing . 'px; }'; $css_style .= '#' . $id . ' .ut-counter-box .ut-custom-icon { margin-bottom: ' . $icon_spacing . 'px; }'; } if( $counter_color ) { $css_style .= '#' . $id . ' .ut-count { color: ' . $counter_color . '; }'; } if( $desccolor ) { $css_style .= '#' . $id . ' h3.ut-counter-details { color: ' . $desccolor . '; }'; } if( $counter_align ) { $css_style .= '#' . $id . ' .ut-counter-box { text-align: ' . $counter_align . '; }'; } if( $caption_margin_top ) { $css_style .= '#' . $id . ' h3.ut-counter-details { margin-top: ' . $caption_margin_top . 'px; }'; } if( $caption_text_transform ) { $css_style .= '#' . $id . ' h3.ut-counter-details { text-transform: ' . $caption_text_transform . '; }'; } if( $caption_font_weight ) { $css_style .= '#' . $id . ' h3.ut-counter-details { font-weight: ' . $caption_font_weight . '; }'; } if( $caption_letter_spacing ) { $css_style .= '#' . $id . ' h3.ut-counter-details { letter-spacing:' . $caption_letter_spacing . 'px; }'; } if( $caption_font_size ) { $caption_font_size = str_replace( 'px', '', $caption_font_size ); $css_style .= '#' . $id . ' h3.ut-counter-details { font-size: ' . $caption_font_size . 'px; }'; } if( $background ) { $css_style .= '#' . $id . ' .ut-counter-box { background: rgba(' . ut_hex_to_rgb( $background ) . ',' . $opacity . '); }'; } if( $counter_font_size ) { $caption_font_size = str_replace( 'px', '', $counter_font_size ); $css_style .= '#' . $id . ' .ut-count { font-size: ' . $counter_font_size . 'px; }'; } /* start output */ $output = ''; /* add css */ if( !empty( $css_style ) ) { $output .= ut_minify_inline_css( '' ); } $output .= '
'; $output .= '
'; if( !empty( $icon ) ) { if( $image_icon ) { $output .= '
' . esc_html( 'Count Up to', 'ut_shortcodes' ) . ' ' . $to . '
'; } else { $output .= ''; } } $output .= '' . $to . ''; if( $content ) { $output .= '

' . $content . '

'; } $output .= '
'; $output .= '
'; if( defined( 'WPB_VC_VERSION' ) ) { return '
' . $output . '
'; } return $output; } } }