shortcode = 'ut_header';
add_action( 'init', array( $this, 'ut_map_shortcode' ) );
add_shortcode( $this->shortcode, array( $this, 'ut_create_shortcode' ) );
}
function ut_map_shortcode( $atts, $content = NULL ) {
if( function_exists( 'vc_map' ) ) {
vc_map(
array(
'name' => esc_html__( 'Header Module', 'ut_shortcodes' ),
'base' => $this->shortcode,
'icon' => UT_SHORTCODES_URL . '/admin/img/vc_icons/header.png',
'category' => 'Structual',
'class' => 'ut-vc-icon-module ut-structual-module',
'content_element' => true,
'params' => array(
array(
'type' => 'dropdown',
'class' => 'ut-select-header-style',
'heading' => esc_html__( 'Style', 'ut_shortcodes' ),
'param_name' => 'style',
'group' => 'General',
'value' => array(
esc_html__( 'Select Style', 'ut_shortcodes' ) => '',
esc_html__( 'Default (Theme Options)', 'ut_shortcodes' ) => 'global',
esc_html__( 'Style One' , 'ut_shortcodes' ) => 'pt-style-1',
esc_html__( 'Style Two' , 'ut_shortcodes' ) => 'pt-style-2',
esc_html__( 'Style Three' , 'ut_shortcodes' ) => 'pt-style-3',
esc_html__( 'Style Four' , 'ut_shortcodes' ) => 'pt-style-4',
esc_html__( 'Style Five' , 'ut_shortcodes' ) => 'pt-style-5',
esc_html__( 'Style Six' , 'ut_shortcodes' ) => 'pt-style-6',
esc_html__( 'Style Seven' , 'ut_shortcodes' ) => 'pt-style-7',
),
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Alignment', 'ut_shortcodes' ),
'param_name' => 'align',
'group' => 'General',
'value' => array(
esc_html__( 'Select Alignment', 'ut_shortcodes' ) => '',
esc_html__( 'Default (Theme Options)', 'ut_shortcodes' ) => 'global',
esc_html__( 'center', 'ut_shortcodes' ) => 'center',
esc_html__( 'left' , 'ut_shortcodes' ) => 'left',
esc_html__( 'right' , 'ut_shortcodes' ) => 'right',
),
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Title Source', 'ut_shortcodes' ),
'param_name' => 'title_source',
'admin_label' => true,
'group' => 'General',
'value' => array(
esc_html__( 'Custom Title', 'ut_shortcodes' ) => 'custom',
esc_html__( 'Current Page Title', 'ut_shortcodes' ) => 'page',
)
),
array(
'type' => 'textarea',
'heading' => esc_html__( 'Title', 'ut_shortcodes' ),
'param_name' => 'title',
'admin_label' => true,
'group' => 'General',
'class' => 'ut-textarea-mid-size',
'dependency' => array(
'element' => 'title_source',
'value' => array( 'custom' ),
),
),
array(
'type' => 'range_slider',
'heading' => esc_html__( 'Title Font Size', 'ut_shortcodes' ),
'param_name' => 'font_size',
'group' => 'General',
'value' => array(
'default' => ut_get_theme_options_font_setting( 'section_title', 'font-size', "40" ),
'min' => '8',
'max' => '150',
'step' => '1',
'unit' => 'px'
),
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Title Font Weight', 'ut_shortcodes' ),
'param_name' => 'font_weight',
'group' => 'General',
'value' => array(
esc_html__( 'Select Font Weight' , 'ut_shortcodes' ) => '',
esc_html__( 'Default (Theme Options)', 'ut_shortcodes' ) => 'global',
esc_html__( '100' , 'ut_shortcodes' ) => '100',
esc_html__( '200' , 'ut_shortcodes' ) => '200',
esc_html__( '300' , 'ut_shortcodes' ) => '300',
esc_html__( '400' , 'ut_shortcodes' ) => '400',
esc_html__( '500' , 'ut_shortcodes' ) => '500',
esc_html__( '600' , 'ut_shortcodes' ) => '600',
esc_html__( '700' , 'ut_shortcodes' ) => '700',
esc_html__( '800' , 'ut_shortcodes' ) => '800',
esc_html__( '900' , 'ut_shortcodes' ) => '900',
),
),
array(
'type' => 'range_slider',
'heading' => esc_html__( 'Line height', 'ut_shortcodes' ),
'param_name' => 'line_height',
'group' => 'General',
'value' => array(
'default' => ut_get_theme_options_font_setting( 'section_title', 'line-height', "50" ),
'min' => '0',
'max' => '150',
'step' => '1',
'unit' => 'px'
),
),
array(
'type' => 'range_slider',
'heading' => esc_html__( 'Title Letter Spacing', 'ut_shortcodes' ),
'param_name' => 'title_letter_spacing',
'group' => 'General',
'value' => array(
'def' => '0',
'min' => '-100',
'max' => '100',
'step' => '1',
'unit' => 'px'
),
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Title Spacing', 'ut_shortcodes' ),
'param_name' => 'spacing',
'group' => 'General',
'value' => array(
esc_html__( 'Default (Theme Options)', 'ut_shortcodes' ) => 'global',
esc_html__( 'Custom Spacing', 'ut_shortcodes' ) => 'custom',
),
),
array(
'type' => 'range_slider',
'heading' => esc_html__( 'Title Spacing Bottom', 'ut_shortcodes' ),
'param_name' => 'spacing_bottom',
'group' => 'General',
'value' => array(
'def' => '20',
'min' => '0',
'max' => '200',
'step' => '1',
'unit' => 'px'
),
'dependency' => array(
'element' => 'spacing',
'value' => array( 'custom' ),
),
),
// Extra Settings Style 1
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Title Style', 'ut_shortcodes' ),
'param_name' => 'title_style',
'dependency' => array(
'element' => 'style',
'value' => array( 'pt-style-1' ),
),
'group' => 'General',
'value' => array(
esc_html__( 'Decoration Line as Linetrough' , 'ut_shortcodes' ) => 'section',
esc_html__( 'Decoration Line above Title' , 'ut_shortcodes' ) => 'parallax',
),
),
array(
'type' => 'textarea',
'heading' => esc_html__( 'Lead Text', 'ut_shortcodes' ),
'admin_label' => true,
'param_name' => 'content',
'group' => 'General'
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Show Icon before lead text?', 'ut_shortcodes' ),
'param_name' => 'lead_icon',
'group' => 'General',
'value' => array(
esc_html__( 'no', 'ut_shortcodes' ) => 'false',
esc_html__( 'yes' , 'ut_shortcodes' ) => 'true'
),
),
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'Color', 'ut_shortcodes' ),
'param_name' => 'lead_icon_color',
'group' => 'General',
'dependency' => array(
'element' => 'lead_icon',
'value' => 'true',
),
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Icon library', 'ut_shortcodes' ),
'description' => esc_html__( 'Select icon library.', 'ut_shortcodes' ),
'param_name' => 'lead_icon_type',
'group' => 'General',
'value' => array(
esc_html__( 'Font Awesome', 'ut_shortcodes' ) => 'fontawesome',
esc_html__( 'Brooklyn Icons', 'ut_shortcodes' ) => 'bklynicons',
),
'dependency' => array(
'element' => 'lead_icon',
'value' => 'true',
),
),
array(
'type' => 'iconpicker',
'heading' => esc_html__( 'Choose Icon', 'ut_shortcodes' ),
'param_name' => 'lead_icon_fontawesome',
'group' => 'General',
'dependency' => array(
'element' => 'lead_icon_type',
'value' => 'fontawesome',
),
),
array(
'type' => 'iconpicker',
'heading' => esc_html__( 'Choose Icon', 'ut_shortcodes' ),
'param_name' => 'lead_icon_bklyn',
'group' => 'General',
'settings' => array(
'emptyIcon' => true,
'type' => 'bklynicons',
),
'dependency' => array(
'element' => 'lead_icon_type',
'value' => 'bklynicons',
),
),
array(
'type' => 'textfield',
'heading' => esc_html__( 'Lead Text Margin Top', 'ut_shortcodes' ),
'description' => esc_html__( '(optional) - value in px , default: 0px', 'ut_shortcodes' ),
'param_name' => 'lead_margin_top',
'group' => 'General'
),
array(
'type' => 'textfield',
'heading' => esc_html__( 'Lead Text Margin Left', 'ut_shortcodes' ),
'description' => esc_html__( '(optional) - value in px , default: 0px', 'ut_shortcodes' ),
'param_name' => 'lead_margin_left',
'group' => 'General'
),
array(
'type' => 'textfield',
'heading' => esc_html__( 'Lead Text Margin Right', 'ut_shortcodes' ),
'description' => esc_html__( '(optional) - value in px , default: 0px', 'ut_shortcodes' ),
'param_name' => 'lead_margin_right',
'group' => 'General'
),
// Extra Settings Style 2
array(
'type' => 'textfield',
'heading' => esc_html__( 'Decoration Line Height', 'ut_shortcodes' ),
'description' => esc_html__( '(optional) - value in px , default: 1px', 'ut_shortcodes' ),
'param_name' => 'style_2_height',
'dependency' => array(
'element' => 'style',
'value' => array( 'pt-style-2' ),
),
'group' => 'General'
),
array(
'type' => 'textfield',
'heading' => esc_html__( 'Decoration Line Width', 'ut_shortcodes' ),
'description' => esc_html__( '(optional) - value in % , default: 15%', 'ut_shortcodes' ),
'param_name' => 'style_2_width',
'dependency' => array(
'element' => 'style',
'value' => array( 'pt-style-2' ),
),
'group' => 'General'
),
// Extra Settings Style 4
array(
'type' => 'textfield',
'heading' => esc_html__( 'Decoration Line Width', 'ut_shortcodes' ),
'description' => esc_html__( '(optional) - value in px , default: 6px', 'ut_shortcodes' ),
'param_name' => 'style_4_width',
'dependency' => array(
'element' => 'style',
'value' => array( 'pt-style-4' ),
),
'group' => 'General'
),
// Colors
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'Accent Color', 'ut_shortcodes' ),
'description' => esc_html__( 'Depending the on the chosen style the accent color can be a background or decoration line.', 'ut_shortcodes' ),
'param_name' => 'accent',
'dependency' => array(
'element' => 'style',
'value' => array( 'pt-style-1', 'pt-style-2', 'pt-style-3', 'pt-style-4', 'pt-style-5', 'pt-style-6' ),
),
'group' => 'Colors'
),
array(
'type' => 'gradient_picker',
'heading' => esc_html__( 'Title Color', 'ut_shortcodes' ),
'param_name' => 'title_color',
'group' => 'Colors'
),
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'Title Accent Color', 'ut_shortcodes' ),
'description' => sprintf( esc_html__( '(optional) - use: %s inside your title text to apply this color.', 'ut_shortcodes' ), '<![CDATA[<ins>Word</ins>]]>' ),
'param_name' => 'title_accent_color',
'edit_field_class' => 'vc_col-sm-6',
'group' => 'Colors'
),
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'Title Accent Background Color', 'ut_shortcodes' ),
'description' => sprintf( esc_html__( '(optional) - use: %s inside your title text to apply this color.', 'ut_shortcodes' ), '<![CDATA[<ins>Word</ins>]]>' ),
'param_name' => 'title_accent_color_bg',
'edit_field_class' => 'vc_col-sm-6',
'group' => 'Colors'
),
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'Lead Color', 'ut_shortcodes' ),
'param_name' => 'lead_color',
'group' => 'Colors'
),
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'Lead Accent Color', 'ut_shortcodes' ),
'description' => sprintf( esc_html__( '(optional) - use: %s inside your lead text to apply this color.', 'ut_shortcodes' ), '<![CDATA[<ins>Word</ins>]]>' ),
'param_name' => 'lead_accent_color',
'edit_field_class' => 'vc_col-sm-6',
'group' => 'Colors'
),
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'Lead Accent Background Color', 'ut_shortcodes' ),
'description' => sprintf( esc_html__( '(optional) - use: %s inside your lead text to apply this color.', 'ut_shortcodes' ), '<![CDATA[<ins>Word</ins>]]>' ),
'param_name' => 'lead_accent_color_bg',
'edit_field_class' => 'vc_col-sm-6',
'group' => 'Colors'
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Lead Accent Font Weight', 'ut_shortcodes' ),
'param_name' => 'lead_accent_font_weight',
'group' => 'Colors',
'value' => array(
esc_html__( 'Select Font Weight' , 'ut_shortcodes' ) => '',
esc_html__( 'normal' , 'ut_shortcodes' ) => 'normal',
esc_html__( 'bold' , 'ut_shortcodes' ) => 'bold'
),
),
// Animation
array(
'type' => 'animation_style',
'heading' => __( 'Animation Effect', 'ut_shortcodes' ),
'description' => __( 'Select image animation effect.', 'ut_shortcodes' ),
'group' => 'Animation',
'param_name' => 'effect',
'settings' => array(
'type' => array(
'in',
'out',
'other',
),
)
),
array(
'type' => 'textfield',
'heading' => esc_html__( 'Animation Duration', 'unitedthemes' ),
'description' => esc_html__( 'Animation time in seconds e.g. 1s', 'unitedthemes' ),
'param_name' => 'animation_duration',
'group' => 'Animation',
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Animate Once?', 'unitedthemes' ),
'description' => esc_html__( 'Animate only once when reaching the viewport, animate everytime when reaching the viewport or make the animation infinite? By default the animation executes everytime when the element becomes visible in viewport, means when leaving the viewport the animation will be reseted and starts again when reaching the viewport again. By setting this option to yes, the animation executes exactly once. By setting it to infinite, the animation loops all the time, no matter if the element is in viewport or not.', 'unitedthemes' ),
'param_name' => 'animate_once',
'group' => 'Animation',
'value' => array(
esc_html__( 'yes', 'unitedthemes' ) => 'yes',
esc_html__( 'no' , 'unitedthemes' ) => 'no',
esc_html__( 'infinite', 'unitedthemes' ) => 'infinite',
)
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Animate Image on Tablet?', 'ut_shortcodes' ),
'param_name' => 'animate_tablet',
'group' => 'Animation',
'edit_field_class' => 'vc_col-sm-6',
'value' => array(
esc_html__( 'no', 'ut_shortcodes' ) => 'false',
esc_html__( 'yes' , 'ut_shortcodes' ) => 'true'
),
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Animate Image on Mobile?', 'ut_shortcodes' ),
'param_name' => 'animate_mobile',
'group' => 'Animation',
'edit_field_class' => 'vc_col-sm-6',
'value' => array(
esc_html__( 'no', 'ut_shortcodes' ) => 'false',
esc_html__( 'yes' , 'ut_shortcodes' ) => 'true'
),
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Delay Animation?', 'ut_shortcodes' ),
'description' => esc_html__( 'Time in milliseconds until the image appears. e.g. 200', 'ut_shortcodes' ),
'param_name' => 'delay',
'group' => 'Animation',
'value' => array(
esc_html__( 'no', 'ut_shortcodes' ) => 'false',
esc_html__( 'yes' , 'ut_shortcodes' ) => 'true'
)
),
array(
'type' => 'textfield',
'heading' => esc_html__( 'Delay Timer (Title)', 'ut_shortcodes' ),
'description' => esc_html__( 'Time in milliseconds until the next image appears. e.g. 200', 'ut_shortcodes' ),
'param_name' => 'delay_timer',
'group' => 'Animation',
'edit_field_class' => 'vc_col-sm-6',
'dependency' => array(
'element' => 'delay',
'value' => 'true',
)
),
array(
'type' => 'textfield',
'heading' => esc_html__( 'Delay Timer (Lead)', 'ut_shortcodes' ),
'description' => esc_html__( 'Time in milliseconds until the next image appears. e.g. 400', 'ut_shortcodes' ),
'param_name' => 'delay_timer_lead',
'group' => 'Animation',
'edit_field_class' => 'vc_col-sm-6',
'dependency' => array(
'element' => 'delay',
'value' => 'true',
)
),
// CSS
array(
'type' => 'css_editor',
'param_name' => 'css',
'group' => esc_html__( 'Design Options', 'ut_shortcodes' ),
)
)
)
); /* end mapping */
}
}
function ut_create_shortcode( $atts, $content = NULL ) {
extract( shortcode_atts( array (
'title_source' => 'custom',
'title' => '',
'font_size' => '',
'font_weight' => '',
'line_height' => '',
'title_letter_spacing' => '',
'style' => 'global',
'align' => 'global',
'spacing' => 'global',
'spacing_bottom' => '20',
'accent' => '',
'color' => '',
'title_color' => '',
'title_accent_color' => '',
'title_accent_color_bg' => '',
'lead_color' => '',
'lead_accent_color' => '',
'lead_accent_font_weight' => '',
'lead_margin_top' => '',
'lead_margin_left' => '',
'lead_margin_right' => '',
'lead_icon' => 'false',
'lead_icon_color' => '',
'lead_icon_type' => 'fontawesome',
'lead_icon_fontawesome' => '',
'lead_icon_bklyn' => '',
'title_style' => 'section',
'style_2_height' => '',
'style_2_width' => '',
'style_4_width' => '',
'effect' => '',
'animate_once' => 'yes',
'animate_mobile' => false,
'animate_tablet' => false,
'delay' => 'false',
'delay_timer' => '200',
'delay_timer_lead' => '400',
'animation_duration' => '',
'css' => ''
), $atts ) );
$classes = array();
$attributes= array();
/* align */
if( $align == 'global' && function_exists('ot_get_option') ) {
$align = ot_get_option( 'ut_global_headline_align', 'center' );
}
/* style */
if( $style == 'global' && function_exists('ot_get_option') ) {
$style = ot_get_option('ut_global_headline_style', 'pt-style-1' );
}
/* add class */
$classes[] = $style;
$classes[] = 'header-' . $align;
/* style extra */
$height = !empty( $style_2_height ) && $style == 'pt-style-2' ? $style_2_height : '';
$width = !empty( $style_2_width ) && $style == 'pt-style-2' ? $style_2_width : '';
$width = !empty( $style_4_width ) && $style == 'pt-style-4' ? $style_4_width : '';
$accent = empty( $accent ) && $style == 'pt-style-2' && !empty( $title_color ) ? $title_color : $accent;
$accent = empty( $accent ) && $style == 'pt-style-4' && !empty( $title_color ) ? $title_color : $accent;
$accent = empty( $accent ) && $style == 'pt-style-6' && !empty( $title_color ) ? $title_color : $accent;
/* unique header ID */
$id = uniqid("ut_header_");
$css_style = '';
// animation effect
$dataeffect = NULL;
$animation_classes = array();
if( !empty( $effect ) ) {
$attributes['data-effect'] = esc_attr( $effect );
$attributes['data-animateonce'] = esc_attr( $animate_once );
$attributes['data-delay'] = $delay == 'true' ? esc_attr( $delay_timer ) : 0;
if( !empty( $animation_duration ) ) {
$attributes['data-animation-duration'] = esc_attr( $animation_duration );
}
$animation_classes[] = 'ut-animate-element';
$animation_classes[] = 'animated';
if( !$animate_tablet ) {
$animation_classes[] = 'ut-no-animation-tablet';
}
if( !$animate_mobile ) {
$animation_classes[] = 'ut-no-animation-mobile';
}
if( $animate_once == 'infinite' ) {
$animation_classes[] = 'infinite';
}
}
// attributes string
$animation_attributes = implode(' ', array_map(
function ($v, $k) { return sprintf("%s=\"%s\"", $k, $v); },
$attributes,
array_keys( $attributes )
) );
// add extra delay for lead
$attributes['data-delay'] = $delay == 'true' ? esc_attr( $delay_timer_lead ) : 0;
$animation_attributes_lead = implode(' ', array_map(
function ($v, $k) { return sprintf("%s=\"%s\"", $k, $v); },
$attributes,
array_keys( $attributes )
) );
// start output
$output = '';
// attach CSS
$output .= ut_minify_inline_css( $css_style );
$output .= '';
if( defined( 'WPB_VC_VERSION' ) ) {
return '' . $output . '
';
}
return $output;
}
function create_section_headline_style( $div = '', $style = 'pt-style-1' , $color = '' , $height = '' , $width = '' ) {
if( empty( $color ) && $style != 'pt-style-4' && $style != 'pt-style-2' ) {
// nothing to do here, let's leave
return;
}
switch ( $style ) {
case 'pt-style-1':
return;
break;
case 'pt-style-2':
return '
' . $div . '.pt-style-2 .page-title:after,
' . $div . '.pt-style-2 .parallax-title:after,
' . $div . '.pt-style-2 .section-title:after {
background-color: ' . $color . ';
height: ' . $height .';
width: ' . $width . ';
}
';
break;
case 'pt-style-3':
return '
' . $div . '.pt-style-3 .page-title span,
' . $div . '.pt-style-3 .parallax-title span,
' . $div . '.pt-style-3 .section-title span {
background:' . $color . ';
-webkit-box-shadow:0 0 0 3px' . $color . ';
-moz-box-shadow:0 0 0 3px' . $color . ';
box-shadow:0 0 0 3px' . $color . ';
}
';
break;
case 'pt-style-4':
return '
' . $div . '.pt-style-4 .page-title span,
' . $div . '.pt-style-4 .parallax-title span,
' . $div . '.pt-style-4 .section-title span {
border-color:' . $color . ';
border-width:' . $width . ';
}
';
break;
case 'pt-style-5':
return '
' . $div . '.pt-style-5 .page-title span,
' . $div . '.pt-style-5 .parallax-title span,
' . $div . '.pt-style-5 .section-title span {
background:' . $color . ';
-webkit-box-shadow:0 0 0 3px' . $color . ';
-moz-box-shadow:0 0 0 3px' . $color . ';
box-shadow:0 0 0 3px' . $color . ';
}
';
break;
case 'pt-style-6':
return '
' . $div .'.pt-style-6 .page-title:after,
' . $div .'.pt-style-6 .parallax-title:after,
' . $div .'.pt-style-6 .section-title:after {
border-bottom: 1px dotted ' . $color . ';
}
';
break;
}
}
}
}
new UT_Header;