File: /home/adventp/www/wp-content/plugins/ut-shortcodes/shortcodes/header.php
<?php
if ( ! defined( 'ABSPATH' ) ) exit;
if( !class_exists( 'UT_Header' ) ) {
class UT_Header {
private $shortcode;
function __construct() {
/* shortcode base */
$this->shortcode = 'ut_header';
add_action( 'vc_before_init', array( $this, 'ut_map_shortcode' ) );
add_shortcode( $this->shortcode, array( $this, 'ut_create_shortcode' ) );
}
function ut_map_shortcode() {
vc_map(
array(
'name' => esc_html__( 'Section Title Module', 'ut_shortcodes' ),
'description' => esc_html__( 'A section or page titles typically forms the first element inside a section or page.', 'ut_shortcodes' ),
'base' => $this->shortcode,
// 'icon' => 'fa fa-header ut-vc-module-icon',
'icon' => UT_SHORTCODES_URL . '/admin/img/vc_icons/header.png',
'category' => 'Structural',
'class' => 'ut-vc-icon-module ut-structural-module',
'content_element' => true,
'params' => array(
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Element Tag', 'ut_shortcodes' ),
'description' => esc_html__( 'Note: Chaning the tag does not change the font size. This option is only for SEO Optimization.', 'ut_shortcodes' ),
'param_name' => 'tag',
'group' => 'General',
'value' => array(
esc_html__( 'h2 (default)', 'ut_shortcodes' ) => 'h2',
esc_html__( 'h1', 'ut_shortcodes' ) => 'h1',
esc_html__( 'h3', 'ut_shortcodes' ) => 'h3',
esc_html__( 'h4', 'ut_shortcodes' ) => 'h4',
esc_html__( 'h5', 'ut_shortcodes' ) => 'h5',
esc_html__( 'h6', 'ut_shortcodes' ) => 'h6',
)
),
array(
'type' => 'dropdown',
'class' => 'ut-select-header-style',
'heading' => esc_html__( 'Style', 'ut_shortcodes' ),
'description' => esc_html__( 'Note: Style 1 does not support glow effects.', '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',
'edit_field_class' => 'vc_col-sm-4',
'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__( 'Alignment Tablet', 'ut_shortcodes' ),
'param_name' => 'align_tablet',
'edit_field_class' => 'vc_col-sm-4',
'group' => 'General',
'value' => array(
esc_html__( 'inherit from larger' , 'ut_shortcodes' ) => 'inherit',
esc_html__( 'center', 'ut_shortcodes' ) => 'center',
esc_html__( 'left' , 'ut_shortcodes' ) => 'left',
esc_html__( 'right' , 'ut_shortcodes' ) => 'right',
),
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Alignment Mobile', 'ut_shortcodes' ),
'param_name' => 'align_mobile',
'edit_field_class' => 'vc_col-sm-4',
'group' => 'General',
'value' => array(
esc_html__( 'center', 'ut_shortcodes' ) => 'center',
esc_html__( 'left' , 'ut_shortcodes' ) => 'left',
esc_html__( 'right' , 'ut_shortcodes' ) => 'right',
esc_html__( 'inherit from larger' , 'ut_shortcodes' ) => 'inherit',
),
),
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' => 'checkbox',
'heading' => esc_html__( 'Hide Linebreaks on Tablet', 'ut_shortcodes' ),
'param_name' => 'title_linebreak_tablet',
'group' => 'General',
'edit_field_class' => 'vc_col-sm-6',
'value' => array('yes, please!' => 'on' ),
'std' => ''
),
array(
'type' => 'checkbox',
'heading' => esc_html__( 'Hide Linebreaks on Mobile', 'ut_shortcodes' ),
'param_name' => 'title_linebreak_mobile',
'group' => 'General',
'edit_field_class' => 'vc_col-sm-6',
'value' => array('yes, please!' => 'on' ),
'std' => 'on',
'save_always' => true
),
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 line trough' , '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' => 'checkbox',
'heading' => esc_html__( 'Hide Linebreaks on Tablet', 'ut_shortcodes' ),
'param_name' => 'lead_linebreak_tablet',
'group' => 'General',
'edit_field_class' => 'vc_col-sm-6',
'value' => array('yes, please!' => 'on' ),
'std' => ''
),
array(
'type' => 'checkbox',
'heading' => esc_html__( 'Hide Linebreaks on Mobile', 'ut_shortcodes' ),
'param_name' => 'lead_linebreak_mobile',
'group' => 'General',
'edit_field_class' => 'vc_col-sm-6',
'value' => array('yes, please!' => 'on' ),
'std' => 'on',
'save_always' => true
),
array(
'type' => 'range_slider',
'heading' => esc_html__( 'Lead Text Width', 'ut_shortcodes' ),
'param_name' => 'lead_width',
'group' => 'General',
'value' => array(
'def' => '100',
'min' => '0',
'max' => '100',
'step' => '1',
'unit' => '%'
),
),
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'
),
// Title Font Settings
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Choose Font Source', 'ut_shortcodes' ),
'param_name' => 'title_font_source',
'group' => 'Title Font',
'value' => array(
esc_html__( 'Theme Default', 'ut_shortcodes' ) => 'default',
esc_html__( 'Web Safe Fonts', 'ut_shortcodes' ) => 'websafe',
esc_html__( 'Google Font', 'ut_shortcodes' ) => 'google',
esc_html__( 'Custom Font', 'ut_shortcodes' ) => 'custom',
),
),
array(
'type' => 'google_fonts',
'param_name' => 'title_google_fonts',
'value' => 'font_family:Abril%20Fatface%3Aregular|font_style:400%20regular%3A400%3Anormal',
'group' => 'Title Font',
'settings' => array(
'fields' => array(
'font_family_description' => __( 'Select font family.', 'ut_shortcodes' ),
'font_style_description' => __( 'Select font styling.', 'ut_shortcodes' ),
),
),
'dependency' => array(
'element' => 'title_font_source',
'value' => 'google',
),
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Websafe Fonts', 'ut_shortcodes' ),
'param_name' => 'title_websafe_fonts',
'group' => 'Title Font',
'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'
),
'dependency' => array(
'element' => 'title_font_source',
'value' => 'websafe',
),
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Custom Fonts', 'ut_shortcodes' ),
'param_name' => 'title_custom_fonts',
'group' => 'Title Font',
'value' => ut_get_custom_fonts(),
'dependency' => array(
'element' => 'title_font_source',
'value' => 'custom',
),
),
array(
'type' => 'breakpoint_range_slider',
'param_name' => 'font_size',
'param_responsive' => 'section_title',
'unit_support' => true,
'in_module' => 'section_title',
'heading' => esc_html__( 'Title Font Size', 'ut_shortcodes' ),
'kb_link' => 'https://knowledgebase.unitedthemes.com/docs/responsive-font-settings/',
'edit_field_class' => 'vc_col-sm-12 ut-responsive-slider-tab-group ut-responsive-slider-tab-group-first',
'group' => 'Title Font',
'value' => array(
'default' => ut_get_theme_options_font_setting( 'section_title', 'font-size', "40" ),
'min' => '8',
'max' => '300',
'step' => '1',
'unit' => 'px'
),
),
array(
'type' => 'breakpoint_range_slider',
'param_name' => 'line_height',
'param_responsive' => 'section_title',
'unit_support' => true,
'in_module' => 'section_title',
'heading' => esc_html__( 'Title Line Height', 'ut_shortcodes' ),
'edit_field_class' => 'vc_col-sm-12 ut-responsive-slider-tab-group',
'group' => 'Title Font',
'value' => array(
'default' => ut_get_theme_options_font_setting( 'section_title', 'line-height', "auto" ),
'min' => '0',
'max' => '400',
'step' => '1',
'unit' => ut_get_theme_options_font_setting( 'section_title', 'line-height-unit', "px" ),
'fallback_unit' => 'px'
),
),
array(
'type' => 'breakpoint_range_slider',
'param_name' => 'title_letter_spacing',
'param_responsive' => 'section_title',
'in_module' => 'section_title',
'heading' => esc_html__( 'Title Letter Spacing', 'ut_shortcodes' ),
'description' => esc_html__( 'If font size unit px is selected, inherited values result in auto generated font sizes. The theme tries to calculate a font size which fits the location. Other font size units, do not have this auto calculation, which means the font size from the larger breakpoint applies.', 'ut_shortcodes' ),
'edit_field_class' => 'vc_col-sm-12 ut-responsive-slider-tab-group ut-responsive-slider-tab-group-last',
'group' => 'Title Font',
'value' => array(
'def' => ut_get_theme_options_font_setting( 'section_title', 'letter-spacing', "0" ),
'min' => '-0.2',
'max' => '0.2',
'step' => '0.01',
'unit' => 'em'
),
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Title Font Weight', 'ut_shortcodes' ),
'param_name' => 'font_weight',
'group' => 'Title Font',
'value' => array(
esc_html__( 'Select Font Weight' , 'ut_shortcodes' ) => '',
esc_html__( 'Default (Theme Options)', 'ut_shortcodes' ) => 'global',
esc_html__( 'normal' , 'ut_shortcodes' ) => 'normal',
esc_html__( 'bold' , 'ut_shortcodes' ) => 'bold',
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',
),
'dependency' => array(
'element' => 'title_font_source',
'value' => array('websafe','theme'),
),
),
// 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' ), '<code class="ut-code-usage">' . htmlspecialchars('<ins>Word</ins>') . '</code>' ),
'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' ), '<code class="ut-code-usage">' . htmlspecialchars('<ins>Word</ins>') . '</code>' ),
'param_name' => 'title_accent_color_bg',
'edit_field_class' => 'vc_col-sm-6',
'group' => 'Colors'
),
array(
'type' => 'gradient_picker',
'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' ), '<code class="ut-code-usage">' . htmlspecialchars('<ins>Word</ins>') . '</code>' ),
'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' ), '<code class="ut-code-usage">' . htmlspecialchars('<ins>Word</ins>') . '</code>' ),
'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', 'ut_shortcodes' ),
'description' => esc_html__( 'Animation time in seconds e.g. 1s', 'ut_shortcodes' ),
'param_name' => 'animation_duration',
'group' => 'Animation',
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Animate Once?', 'ut_shortcodes' ),
'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.', 'ut_shortcodes' ),
'param_name' => 'animate_once',
'group' => 'Animation',
'value' => array(
esc_html__( 'yes', 'ut_shortcodes' ) => 'yes',
esc_html__( 'no' , 'ut_shortcodes' ) => 'no',
esc_html__( 'infinite', 'ut_shortcodes' ) => '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',
)
),
// Glow Glitch and Stroke
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Add Glitch Text Distortion?', 'ut_shortcodes' ),
'param_name' => 'glitch_distortion_effect',
'group' => 'Glitch, Glow & Stroke',
'value' => array(
esc_html__( 'global (Theme Options)', 'ut_shortcodes' ) => 'global',
esc_html__( 'no, thanks!', 'ut_shortcodes' ) => 'off',
esc_html__( 'yes, apply on appear!' , 'ut_shortcodes' ) => 'on_appear',
esc_html__( 'yes, apply permanently!' , 'ut_shortcodes' ) => 'permanent',
)
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Glitch Text Distortion Style', 'ut_shortcodes' ),
'param_name' => 'glitch_distortion_effect_style',
'group' => 'Glitch, Glow & Stroke',
'value' => array(
esc_html__( 'global (Theme Options)', 'ut_shortcodes' ) => 'global',
esc_html__( 'Style 1', 'ut_shortcodes' ) => 'style-1',
esc_html__( 'Style 2', 'ut_shortcodes' ) => 'style-2',
esc_html__( 'Style 3', 'ut_shortcodes' ) => 'style-3',
),
'dependency' => array(
'element' => 'glitch_distortion_effect',
'value' => array('on_appear','permanent'),
)
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Activate Permanent Glitch Effect?', 'ut_shortcodes' ),
'param_name' => 'glitch_effect',
'group' => 'Glitch, Glow & Stroke',
'value' => array(
esc_html__( 'global (Theme Options)', 'ut_shortcodes' ) => 'global',
esc_html__( 'no', 'ut_shortcodes' ) => 'no',
esc_html__( 'yes' , 'ut_shortcodes' ) => 'yes'
)
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Permanent Glitch Effect Style?', 'ut_shortcodes' ),
'param_name' => 'glitch_effect_style',
'group' => 'Glitch, Glow & Stroke',
'value' => array(
esc_html__( 'Light Glitch with 2 optional accent colors.', 'ut_shortcodes' ) => 'ut-glitch-2',
esc_html__( 'Heavy Glitch with 2 optional accent colors.', 'ut_shortcodes' ) => 'ut-glitch-1'
),
'dependency' => array(
'element' => 'glitch_effect',
'value' => array('yes'),
)
),
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'Permanent Glitch Color 1', 'ut_shortcodes' ),
'param_name' => 'glitch_accent_1',
'edit_field_class' => 'vc_col-sm-6',
'group' => 'Glitch, Glow & Stroke',
'dependency' => array(
'element' => 'glitch_effect',
'value' => array('yes'),
)
),
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'Permanent Glitch Color 2', 'ut_shortcodes' ),
'param_name' => 'glitch_accent_2',
'edit_field_class' => 'vc_col-sm-6',
'group' => 'Glitch, Glow & Stroke',
'dependency' => array(
'element' => 'glitch_effect',
'value' => array('yes'),
)
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Activate Glow Effect?', 'ut_shortcodes' ),
'description' => esc_html__( 'Not supported by Title Style 1.', 'ut_shortcodes' ),
'param_name' => 'glow_effect',
'group' => 'Glitch, Glow & Stroke',
'value' => array(
esc_html__( 'global (Theme Options)', 'ut_shortcodes' ) => 'global',
esc_html__( 'no', 'ut_shortcodes' ) => 'no',
esc_html__( 'yes' , 'ut_shortcodes' ) => 'yes'
),
'dependency' => array(
'element' => 'style',
'value_not_equal_to' => array('pt-style-1'),
)
),
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'Glow Color', 'ut_shortcodes' ),
'param_name' => 'glow_color',
'group' => 'Glitch, Glow & Stroke',
'dependency' => array(
'element' => 'glow_effect',
'value' => array('yes'),
)
),
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'Glow Text Shadow Color', 'ut_shortcodes' ),
'param_name' => 'glow_shadow_color',
'group' => 'Glitch, Glow & Stroke',
'dependency' => array(
'element' => 'glow_effect',
'value' => array('yes'),
)
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Activate Text Stroke?', 'ut_shortcodes' ),
'param_name' => 'stroke_effect',
'group' => 'Glitch, Glow & Stroke',
'value' => array(
esc_html__( 'global (Theme Options)', 'ut_shortcodes' ) => 'global',
esc_html__( 'no', 'ut_shortcodes' ) => 'no',
esc_html__( 'yes', 'ut_shortcodes' ) => 'yes'
)
),
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'Stroke Color', 'ut_shortcodes' ),
'param_name' => 'stroke_color',
'group' => 'Glitch, Glow & Stroke',
'dependency' => array(
'element' => 'stroke_effect',
'value' => array('yes'),
)
),
array(
'type' => 'range_slider',
'heading' => esc_html__( 'Stroke Width', 'ut_shortcodes' ),
'param_name' => 'stroke_width',
'group' => 'Glitch, Glow & Stroke',
'value' => array(
'default' => '1',
'min' => '1',
'max' => '3',
'step' => '1',
'unit' => 'px'
),
'dependency' => array(
'element' => 'stroke_effect',
'value' => array('yes'),
)
),
// CSS
array(
'type' => 'textfield',
'heading' => esc_html__( 'CSS Class', 'ut_shortcodes' ),
'description' => esc_html__( 'Style particular content element differently - add a class name and refer to it in custom CSS.', 'ut_shortcodes' ),
'param_name' => 'class',
'group' => 'General'
),
array(
'type' => 'css_editor',
'param_name' => 'css',
'group' => esc_html__( 'Design Options', 'ut_shortcodes' ),
)
)
)
); /* end mapping */
}
/**
* @param $atts
* @param null $content
* @return string
*/
function ut_create_shortcode( $atts, $content = NULL ) {
/**
* @var string $title_source
* @var string $title
* @var string $title_style
* @var string $tag
* @var string $title_font_source
* @var string $title_google_fonts
* @var string $title_websafe_fonts
* @var string $title_custom_fonts
* @var string $title_linebreak_tablet
* @var string $title_linebreak_mobile
* @var string $glitch_effect
* @var string $glitch_effect_style
* @var string $glitch_accent_1
* @var string $glitch_accent_2
* @var string $glitch_distortion_effect
* @var string $glitch_distortion_effect_style
* @var string $glow_effect
* @var string $glow_color
* @var string $glow_shadow_color
* @var string $stroke_effect
* @var string $stroke_color
* @var string $stroke_width
* @var string $font_size
* @var string $font_weight
* @var string $line_height
* @var string $title_letter_spacing
* @var string $title_blend_mode
* @var string $style
* @var string $align
* @var string $align_tablet
* @var string $align_mobile
* @var string $spacing
* @var string $spacing_bottom
* @var string $accent
* @var string $color
* @var string $title_color
* @var string $title_accent_color
* @var string $title_accent_color_bg
* @var string $lead_width
* @var string $lead_color
* @var string $lead_accent_color
* @var string $lead_accent_font_weight
* @var string $lead_margin_top
* @var string $lead_margin_left
* @var string $lead_margin_right
* @var string $lead_icon
* @var string $lead_icon_color
* @var string $lead_icon_type
* @var string $lead_icon_fontawesome
* @var string $lead_icon_bklyn
* @var string $lead_linebreak_tablet
* @var string $lead_linebreak_mobile
* @var string $effect
* @var string $animate_once
* @var string $animate_mobile
* @var string $animate_tablet
* @var string $delay
* @var string $delay_timer
* @var string $delay_timer_lead
* @var string $class
* @var string $css
*/
extract( shortcode_atts( array (
'title_source' => 'custom',
'title' => '',
'tag' => 'h2',
'title_font_source' => 'theme',
'title_google_fonts' => '',
'title_websafe_fonts' => '',
'title_custom_fonts' => '',
'title_linebreak_tablet' => '',
'title_linebreak_mobile' => 'on',
'glitch_effect' => 'global',
'glitch_effect_style' => 'ut-glitch-2',
'glitch_accent_1' => '',
'glitch_accent_2' => '',
'glitch_distortion_effect' => 'global',
'glitch_distortion_effect_style' => 'global',
'glow_effect' => 'global',
'glow_color' => '',
'glow_shadow_color' => 'black',
'stroke_effect' => 'global',
'stroke_color' => '',
'stroke_width' => '1',
'font_size' => '',
'font_weight' => '',
'line_height' => '',
'title_letter_spacing' => '',
'style' => 'global',
'align' => 'global',
'align_tablet' => 'inherit',
'align_mobile' => 'center',
'spacing' => 'global',
'spacing_bottom' => '20',
'accent' => '',
'color' => '',
'title_color' => '',
'title_accent_color' => '',
'title_accent_color_bg' => '',
'lead_width' => '',
'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' => '',
'lead_linebreak_tablet' => '',
'lead_linebreak_mobile' => 'on',
'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' => '100',
'delay_timer_lead' => '200',
'animation_duration' => '',
'class' => '',
'css' => ''
), $atts ) );
$classes = array( $class );
$attributes = array();
$glitch_classes = array();
$glitch_attributes = array();
// new responsive font settings
$responsive_font_settings = 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' );
}
// glitch appear
if( $glitch_distortion_effect == 'global' && function_exists('ot_get_option') ) {
$glitch_distortion_effect = ot_get_option('ut_global_header_glitch_appear', 'off' );
}
if( $glitch_distortion_effect_style == 'global' && function_exists('ot_get_option') ) {
$glitch_distortion_effect_style = ot_get_option('ut_global_header_glitch_appear_style', 'style-1' );
}
// hide linebreak
if( $title_linebreak_mobile ) {
$classes[] = 'ut-no-title-linebreak-mobile';
}
if( $title_linebreak_tablet ) {
$classes[] = 'ut-no-title-linebreak-tablet';
}
if( $lead_linebreak_mobile ) {
$classes[] = 'ut-no-lead-linebreak-mobile';
}
if( $lead_linebreak_tablet ) {
$classes[] = 'ut-no-lead-linebreak-tablet';
}
/* add class */
$classes[] = $style;
$classes[] = 'header-' . $align;
$align_tablet = $align_tablet == 'inherit' ? $align : $align_tablet;
$align_mobile = $align_mobile == 'inherit' ? $align_tablet : $align_mobile;
$classes[] = 'header-tablet-' . $align_tablet;
$classes[] = 'header-mobile-' . $align_mobile;
/* style extra */
$height = !empty( $style_2_height ) && $style == 'pt-style-2' ? ut_add_px_value($style_2_height ) : '';
$width = !empty( $style_2_width ) && $style == 'pt-style-2' ? $style_2_width : '';
$width = !empty( $style_4_width ) && $style == 'pt-style-4' ? ut_add_px_value( $style_4_width ) : $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;
$ut_font_css = false;
/* initialize google font */
if( $title_font_source && $title_font_source == 'google' ) {
$ut_google_font = new UT_VC_Google_Fonts( $atts, 'title_google_fonts', $this->shortcode );
$ut_font_css = $ut_google_font->get_google_fonts_css_styles();
}
$ut_font_css = is_array( $ut_font_css ) ? implode( '', $ut_font_css ) : $ut_font_css;
/* unique header ID */
$id = uniqid("ut_header_");
$css_style = '<style type="text/css">';
if( $title_color && ut_is_gradient( $title_color ) ) {
$classes[] = 'header-with-gradient';
$css_style.= ut_create_gradient_css( $title_color, '#' . $id . ' '. $tag .' span', false, 'background' );
} elseif( $title_color ) {
$css_style.= '#' . $id . ' '. $tag .'.section-title, #' . $id . ' '. $tag .'.section-title span { color:' . $title_color . '; }';
}
if( $ut_font_css ) {
$css_style.= '#' . $id . ' '. $tag .'.section-title { ' . $ut_font_css . ' }';
}
if( $title_font_source && $title_font_source == 'websafe' ) {
$css_style .= '#' . $id . ' '. $tag .'.section-title { font-family: ' . get_websafe_font_css_family( $title_websafe_fonts ) . '; }';
}
// title_custom_fonts
if( $title_font_source && $title_font_source == 'custom' && $title_custom_fonts ) {
if( is_numeric( $title_custom_fonts ) ) {
$font_family = get_term($title_custom_fonts,'unite_custom_fonts');
if( isset( $font_family->name ) )
$css_style .= '#' . $id . ' '. $tag .'.section-title { font-family: "' . $font_family->name . '"; }';
} else {
$css_style .= '#' . $id . ' '. $tag .'.section-title { font-family: "' . $title_custom_fonts . '"; }';
}
}
// fallback value since the new slider only return numerics
if( $font_size && ( strpos( $font_size, 'px') !== false || strpos( $font_size, 'em') !== false || strpos( $font_size, '%') !== false ) ) {
//$css_style.= '#' . $id . ' '. $tag .'.' . $title_style . '-title { font-size: ' . $font_size . '; }';
}
if( $line_height && is_numeric( $line_height ) ) {
$classes[] = 'element-with-custom-line-height';
$glitch_classes[] = 'element-with-custom-line-height';
}
if( $title_letter_spacing ) {
// fallback letter spacing
if( (int)$title_letter_spacing >= 1 || (int)$title_letter_spacing <= -1 ) {
$title_letter_spacing = (int)$title_letter_spacing / 100;
}
}
$css_style.= UT_Responsive_Text::responsive_font_css( '#' . $id . ' '. $tag .'.' . $title_style . '-title', $responsive_font_settings = array(
'font-size' => $font_size,
'line-height' => $line_height,
'letter-spacing' => $title_letter_spacing
), 'section_title' );
if( function_exists('ut_check_theme_options_line_height') && ut_check_theme_options_line_height("ut_global_headline_font_type") ) {
$classes[] = 'element-with-custom-line-height';
$glitch_classes[] = 'element-with-custom-line-height';
}
if( $font_weight && $font_weight != 'global' ) {
$css_style.= '#' . $id . ' '. $tag .'.section-title { font-weight:' . $font_weight . '; }';
}
if( $lead_width ) {
$css_style.= '@media (min-width: 1025px) { #' . $id . ' .lead { width:' . $lead_width . '%;';
if( $align == 'center' ) {
$css_style.= 'margin: 0 auto;';
}
if( $align == 'right' ) {
$css_style.= 'margin: 0 0 0 auto;';
}
$css_style.= '} }';
}
if( $lead_color && ut_is_gradient( $lead_color ) ) {
$classes[] = 'header-with-gradient-lead';
$css_style.= ut_create_gradient_css( $lead_color, '#' . $id . ' .lead' , false, 'background' );
} elseif( $lead_color ) {
$css_style.= '#' . $id . ' .lead { color:' . $lead_color . '; }';
$css_style.= '#' . $id . ' .lead p { color:' . $lead_color . '; }';
}
if( $lead_icon == 'true' ) {
if( $lead_icon_type == 'bklynicons' && !empty( $lead_icon_bklyn ) ) {
$css_style.= '#' . $id . ' .lead.ut-lead-has-icon::before { font-family: "icon54com" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }';
}
if( $lead_icon_type == 'fontawesome' && !empty( $lead_icon_fontawesome ) ) {
$css_style.= '#' . $id . ' .lead.ut-lead-has-icon::before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }';
}
}
if( $lead_icon_color ) {
$css_style.= '#' . $id . ' .lead.ut-lead-has-icon::before { color:' . $lead_icon_color . '; }';
}
if( $lead_accent_color ) {
$css_style.= '#' . $id . ' .lead ins { color:' . $lead_accent_color . '; }';
}
if( $title_accent_color ) {
$css_style.= '#' . $id . ' .section-title ins { color:' . $title_accent_color . '; }';
}
if( $title_accent_color_bg ) {
$css_style.= '#' . $id . ' .section-title ins { background:' . $title_accent_color_bg . '; }';
}
if( $lead_accent_font_weight ) {
$css_style.= '#' . $id . ' .lead ins { font-weight:' . $lead_accent_font_weight . '; }';
}
if( $lead_margin_top ) {
$css_style.= '#' . $id . ' .lead { margin-top:' . ut_add_px_value( $lead_margin_top ) . '; }';
}
if( $lead_margin_left ) {
$css_style.= '#' . $id . ' .lead { margin-left:' . ut_add_px_value( $lead_margin_left ) . '; }';
}
if( $lead_margin_right ) {
$css_style.= '#' . $id . ' .lead { margin-right:' . ut_add_px_value( $lead_margin_right ) . '; }';
}
if( $glitch_accent_1 ) {
$css_style.= '#' . $id . ' .ut-glitch-1::after { color:' . $glitch_accent_1 . '; }';
$css_style.= '#' . $id . ' .ut-glitch-2::after { text-shadow: 1px 0 ' . $glitch_accent_1 . '; }';
}
if( $glitch_accent_2 ) {
$css_style.= '#' . $id . ' .ut-glitch-1::before { color:' . $glitch_accent_2 . '; }';
$css_style.= '#' . $id . ' .ut-glitch-2::before { text-shadow: -1px 0 ' . $glitch_accent_2 . '; }';
}
if( $glow_color && $style != 'pt-style-1' ) {
$css_style.= '#' . $id . ' .ut-glow span {
-webkit-text-shadow: 0 0 20px ' . $glow_color . ', 2px 2px 3px ' . $glow_shadow_color . ';
-moz-text-shadow: 0 0 20px ' . $glow_color . ', 2px 2px 3px ' . $glow_shadow_color . ';
text-shadow: 0 0 20px ' . $glow_color . ', 2px 2px 3px ' . $glow_shadow_color . ';
}';
}
if( $stroke_effect == 'yes' ) {
$css_style.= '#' . $id . ' .section-title {
-moz-text-stroke-color: ' . $stroke_color .';
-webkit-text-stroke-color: ' . $stroke_color .';
-moz-text-stroke-width: ' . $stroke_width .'px;
-webkit-text-stroke-width: ' . $stroke_width .'px;
}';
}
if( $stroke_effect == 'global' && function_exists('ot_get_option') && ot_get_option( 'ut_global_header_stroke_effect' ) == 'on' ) {
$css_style.= '#' . $id . ' .section-title {
-moz-text-stroke-color: ' . ot_get_option('ut_global_header_stroke_color') .';
-webkit-text-stroke-color: ' . ot_get_option('ut_global_header_stroke_color') .';
-moz-text-stroke-width: ' . ot_get_option('ut_global_header_stroke_width', $stroke_width ) .'px;
-webkit-text-stroke-width: ' . ot_get_option('ut_global_header_stroke_width', $stroke_width ) .'px;
}';
}
$css_style .= $this->create_section_headline_style( '#' . $id, $style, $accent, $height, $width );
/* spacing bottom */
if( $spacing == 'custom' && $spacing_bottom != '' ) {
$css_style.= '#' . $id . ' '. $tag .'.section-title { margin-bottom:' . $spacing_bottom . 'px; }';
}
$css_style.= '</style>';
// animation effect
$animation_classes = array();
if( !empty( $effect ) && $effect != 'none' ) {
$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( ut_add_timer_unit( $animation_duration, 's' ) );
}
$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';
}
}
$has_glitch_effect = false;
if( function_exists('ot_get_option') && ot_get_option( 'ut_global_header_glitch', 'off' ) == 'on' && $glitch_effect == 'global' ) {
$animation_classes[] = 'ut-glitch';
$animation_classes[] = ot_get_option( 'ut_global_header_glitch_style', 'ut-glitch-1' );
$has_glitch_effect = true;
}
if( $glitch_effect == 'yes' ) {
$animation_classes[] = 'ut-glitch';
$animation_classes[] = $glitch_effect_style;
$has_glitch_effect = true;
}
// Glow Effect
$title_classes = array();
if( $glow_effect == 'global' && function_exists('ot_get_option') && ot_get_option( 'ut_global_header_glow', 'off' ) == 'on' ) {
$title_classes[] = 'ut-glow';
}
if( $glow_effect == 'yes' ) {
$title_classes[] = 'ut-glow';
}
// Glitch on Appear
if( $glitch_distortion_effect == 'on_appear' ) {
$glitch_classes[] = 'ut-glitch-on-appear';
$glitch_attributes['data-ut-glitch-class'] = 'ut-simple-glitch-text-' . $glitch_distortion_effect_style;
}
// Glitch Permanent
if( $glitch_distortion_effect == 'permanent' ) {
$glitch_classes[] = 'ut-simple-glitch-text-permanent';
$glitch_classes[] = 'ut-simple-glitch-text-' . $glitch_distortion_effect_style . '-permanent';
}
// attributes string
$glitch_attributes = ut_implode_data_attributes( $glitch_attributes );
// attributes string
$animation_attributes = ut_implode_data_attributes( $attributes );
// add extra delay for lead
$attributes['data-delay'] = $delay == 'true' ? esc_attr( $delay_timer_lead ) : 0;
$animation_attributes_lead = ut_implode_data_attributes( $attributes );
// responsive font settings attributes
$responsive_font_attributes = UT_Responsive_Text::prepare_js_data_object('section_title', $responsive_font_settings );
// start output
$output = '';
// attach CSS
$output .= ut_minify_inline_css( $css_style );
// can contain double classes
$classes = array_unique( $classes );
$output .= '<header id="' . $id . '" class="section-header ' . implode( ' ', $classes ) . '">';
if( $title_source == 'page' ) {
$title = get_the_title();
}
if( !empty( $title ) ) {
if( strpos( $title, "\n") !== FALSE ) {
$animation_classes[] = 'title-with-linebreak';
}
// add linebreak and strip tags
$data_title = str_replace( array("\n", '<br/>', '<br>'), " ", strip_tags( $title ) );
if( !empty( $glitch_classes ) ) {
$output .= '<div class="' . implode( ' ', $glitch_classes ) . '" ' . $glitch_attributes . '>';
}
if( $style == 'pt-style-1' ) {
$output .= '<'. $tag .' data-title="' . $data_title . '" ' . $animation_attributes . ' ' . $responsive_font_attributes . ' class="bklyn-divider-styles bklyn-divider-style-1 ' . $title_style . '-title ' . implode( " ", $animation_classes ) . '"><span>' . ut_nl2br_special( $title ) . '</span></'. $tag .'>';
} else {
$output .= '<'. $tag .' data-title="' . $data_title . '" ' . $animation_attributes . ' ' . $responsive_font_attributes . ' class="' . $title_style . '-title ' . implode( " ", $animation_classes ) . ' ' . implode( " ", $title_classes ) . '">';
$output .= '<span>';
$output .= ut_nl2br_special( do_shortcode( $title ) );
$output .= '</span>';
if( ( $style == 'pt-style-3' || $style == 'pt-style-5' ) && $has_glitch_effect ) {
$output .= '<div>' . ut_nl2br_special( do_shortcode( $title ) ) . '</div>';
}
$output .= '</'. $tag .'>';
}
if( !empty( $glitch_classes ) ) {
$output .= '</div>';
}
}
if( !empty( $content ) ) {
if( $lead_icon == 'true' ) {
$animation_classes[] = 'ut-lead-has-icon';
if( $lead_icon_type == 'bklynicons' && !empty( $lead_icon_bklyn ) ) {
$animation_classes[] = $lead_icon_bklyn;
}
if( $lead_icon_type == 'fontawesome' && !empty( $lead_icon_fontawesome ) ) {
$lead_icon_fontawesome = str_replace('fa fa','fa', $lead_icon_fontawesome);
$animation_classes[] = $lead_icon_fontawesome;
}
}
$output .= '<div ' . $animation_attributes_lead . ' class="lead ' . implode( " ", $animation_classes ) . '">';
$output .= do_shortcode( wpautop( $content ) );
$output .= '</div>';
}
$output .= '</header>';
if( defined( 'WPB_VC_VERSION' ) ) {
return '<div class="wpb_content_element ' . apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, vc_shortcode_custom_css_class( $css, ' ' ), $this->shortcode, $atts ) . '">' . $output . '</div>';
}
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 '';
}
$styles = array();
switch ( $style ) {
case 'pt-style-1':
return '';
case 'pt-style-2':
if( $color ) {
$styles['background-color'] = $color;
}
if( $height ) {
$styles['height'] = $height;
}
if( $width ) {
$styles['width'] = $width;
}
if( !empty( $styles ) ) {
return '
' . $div . '.pt-style-2 .page-title span:after,
' . $div . '.pt-style-2 .parallax-title span:after,
' . $div . '.pt-style-2 .section-title span:after {
' . implode_with_key( $styles, ':', ';', array('background-color') ) . '
}';
}
break;
case 'pt-style-3':
if( $color ) {
$styles['background'] = $color;
$styles['-webkit-box-shadow'] = '0 0 0 3px ' . $color;
$styles['-moz-box-shadow'] = '0 0 0 3px ' . $color;
$styles['box-shadow'] = '0 0 0 3px ' . $color;
}
if( !empty( $styles ) ) {
return '
' . $div . '.pt-style-3 .page-title span,
' . $div . '.pt-style-3 .parallax-title span,
' . $div . '.pt-style-3 .section-title span {
' . implode_with_key( $styles, ':', ';', array('background','box-shadow','-moz-box-shadow','-webkit-box-shadow') ) . '
}';
}
break;
case 'pt-style-4':
if( $color ) {
$styles['border-color'] = $color;
}
if( $width ) {
$styles['border-width'] = $width;
}
if( !empty( $styles ) ) {
return '
' . $div . '.pt-style-4 .page-title span,
' . $div . '.pt-style-4 .parallax-title span,
' . $div . '.pt-style-4 .section-title span {
' . implode_with_key( $styles ) . '
}';
}
break;
case 'pt-style-5':
if( $color ) {
$styles['background'] = $color;
$styles['-webkit-box-shadow'] = '0 0 0 3px ' . $color;
$styles['-moz-box-shadow'] = '0 0 0 3px ' . $color;
$styles['box-shadow'] = '0 0 0 3px ' . $color;
}
if( !empty( $styles ) ) {
return '
' . $div . '.pt-style-5 .page-title span,
' . $div . '.pt-style-5 .parallax-title span,
' . $div . '.pt-style-5 .section-title span {
' . implode_with_key( $styles ) . '
}';
}
break;
case 'pt-style-6':
if( $color ) {
$styles['border-bottom'] = '1px dotted ' . $color;
}
return '
' . $div .'.pt-style-6 .page-title span:after,
' . $div .'.pt-style-6 .parallax-title span:after,
' . $div .'.pt-style-6 .section-title span:after {
' . implode_with_key( $styles ) . '
}
';
}
return '';
}
}
}
new UT_Header;