File: //home/cafsindia/public_html/wp-content/themes/excitor/framework/elements/fancy-box.php
<?php
class WPBakeryShortCode_bt_fancy_box extends WPBakeryShortCode {
protected function content( $atts, $content = null ) {
extract(shortcode_atts(array(
'style' => 'icon-top',
'align' => 'left',
'content_space' => '',
'css_animation' => '',
'el_id' => '',
'el_class' => '',
'icon_type' => 'font_icon',
'font_icon' => '',
'image_icon' => '',
'icon_style' => '',
'icon_size' => '',
'icon_font_size' => '',
'icon_color' => '',
'icon_background' => '',
'icon_border_style' => '',
'icon_border_width' => '',
'icon_border_color' => '',
'icon_space' => '',
'title' => '',
'title_font_size' => '',
'title_line_height' => '',
'title_letter_spacing' => '',
'title_color' => '',
'title_space' => '',
'desc_font_size' => '',
'desc_line_height' => '',
'desc_letter_spacing' => '',
'desc_color' => '',
'desc_space' => '',
'link_font_size' => '',
'link_line_height' => '',
'link_letter_spacing' => '',
'link_color' => '',
'css' => ''
), $atts));
$content = wpb_js_remove_wpautop($content, true);
$css_class = array(
$this->getExtraClass( $el_class ) . $this->getCSSAnimation( $css_animation ),
'bt-element',
'bt-fancy-box-element',
$style,
$icon_style,
apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, vc_shortcode_custom_css_class( $css, ' ' ), $this->settings['base'], $atts )
);
if($style == 'icon-top') $css_class[] = $align;
$wrapper_attributes = array();
if ( ! empty( $el_id ) ) {
$wrapper_attributes[] = 'id="' . esc_attr( $el_id ) . '"';
}
/* Icon */
$style_icon = array();
if($icon_style){
if($icon_size) $style_icon[] = 'width: '.$icon_size.'; height: '.$icon_size.'; line-height: '.$icon_size.';';
if($icon_background) $style_icon[] = 'background: '.$icon_background.';';
if($icon_border_style) $style_icon[] = 'border-style: '.$icon_border_style.';';
if($icon_border_width) $style_icon[] = 'border-width: '.$icon_border_width.';';
if($icon_border_color) $style_icon[] = 'border-color: '.$icon_border_color.';';
}
if($icon_color) $style_icon[] = 'color: '.$icon_color.';';
if($style == 'icon-top' && $icon_space) $style_icon[] = 'margin-bottom: '.$icon_space.';';
if($style == 'icon-left' && $icon_space) $style_icon[] = 'margin-right: '.$icon_space.';';
if($style == 'icon-right' && $icon_space) $style_icon[] = 'margin-left: '.$icon_space.';';
$icon_attributes = array();
if ( ! empty( $style_icon ) ) {
$icon_attributes[] = 'style="' . esc_attr( implode(' ', $style_icon) ) . '"';
}
if($icon_type == 'font_icon'){
$icon_size_style = $icon_font_size?'font-size: '.$icon_font_size.';':'';
$icon = $font_icon?'<i class="'.esc_attr($font_icon).'" style="'.esc_attr($icon_size_style).'"></i>':'';
}else{
$icon_size_style = $icon_font_size?'width: '.$icon_font_size.'; height: auto;':'';
$attachment_image = wp_get_attachment_image_src($image_icon, 'full', false);
$icon = $attachment_image[0]?'<img src="'.esc_url($attachment_image[0]).'" style="'.esc_attr($icon_size_style).'" alt="'.esc_attr__('Thumbnail', 'excitor').'"/>':'';
}
/* Content */
$content_style = array();
if($style == 'icon-left' && $content_space) $content_style[] = 'padding-left: '.$content_space;
if($style == 'icon-right' && $content_space) $content_style[] = 'padding-right: '.$content_space;
$content_attributes = array();
if ( ! empty( $content_style ) ) {
$content_attributes[] = 'style="' . esc_attr( implode(' ', $content_style) ) . '"';
}
/* Title */
$style_title = array();
if($title_font_size) $style_title[] = 'font-size: '.$title_font_size.';';
if($title_line_height) $style_title[] = 'line-height: '.$title_line_height.';';
if($title_letter_spacing) $style_title[] = 'letter-spacing: '.$title_letter_spacing.';';
if($title_color) $style_title[] = 'color: '.$title_color.';';
if($title_space) $style_title[] = 'margin-bottom: '.$title_space.';';
$title_attributes = array();
if ( ! empty( $style_title ) ) {
$title_attributes[] = 'style="' . esc_attr( implode(' ', $style_title) ) . '"';
}
$title_link = isset($atts['title_link'])?vc_build_link( $atts['title_link'] ):array();
$title_link_attributes = array();
if(!empty($title_link)){
if ( ! empty( $title_link['url'] ) ) {
$title_link_attributes[] = 'href="' . esc_attr( $title_link['url'] ) . '"';
}
if ( ! empty( $title_link['target'] ) ) {
$title_link_attributes[] = 'target="' . esc_attr( $title_link['target'] ) . '"';
}
if ( ! empty( $title_link['rel'] ) ) {
$title_link_attributes[] = 'rel="' . esc_attr( $title_link['rel'] ) . '"';
}
if ( ! empty( $title_link['title'] ) ) {
$title_link_attributes[] = 'title ="'.esc_attr($title_link['title']).'"';
}
}
/* Description */
$style_desc = array();
if($desc_font_size) $style_desc[] = 'font-size: '.$desc_font_size.';';
if($desc_line_height) $style_desc[] = 'line-height: '.$desc_line_height.';';
if($desc_letter_spacing) $style_desc[] = 'letter-spacing: '.$desc_letter_spacing.';';
if($desc_color) $style_desc[] = 'color: '.$desc_color.';';
if($desc_space) $style_desc[] = 'margin-bottom: '.$desc_space.';';
$desc_attributes = array();
if ( ! empty( $style_desc ) ) {
$desc_attributes[] = 'style="' . esc_attr( implode(' ', $style_desc) ) . '"';
}
/* Extra link */
$link = isset($atts['link'])?vc_build_link( $atts['link'] ):array();
$link_text = '';
$link_attributes = array();
if(!empty($link)){
if ( ! empty( $link['url'] ) ) {
$link_attributes[] = 'href="' . esc_attr( $link['url'] ) . '"';
}
if ( ! empty( $link['target'] ) ) {
$link_attributes[] = 'target="' . esc_attr( $link['target'] ) . '"';
}
if ( ! empty( $link['rel'] ) ) {
$link_attributes[] = 'rel="' . esc_attr( $link['rel'] ) . '"';
}
$style_link = array();
if($link_font_size) $style_link[] = 'font-size: '.$link_font_size.';';
if($link_line_height) $style_link[] = 'line-height: '.$link_line_height.';';
if($link_letter_spacing) $style_link[] = 'letter-spacing: '.$link_letter_spacing.';';
if($link_color) $style_link[] = 'color: '.$link_color.';';
if ( ! empty( $style_link ) ) {
$link_attributes[] = 'style="' . esc_attr( implode(' ', $style_link) ) . '"';
}
if ( ! empty( $link['title'] ) ) {
$link_text = $link['title'];
}
}
ob_start();
?>
<div class="<?php echo esc_attr(implode(' ', $css_class)); ?>" <?php echo esc_attr(implode(' ', $wrapper_attributes)); ?>>
<?php if($icon) echo '<div class="bt-icon" '.implode(' ', $icon_attributes).'>'.$icon.'</div>'; ?>
<div class="bt-content" <?php echo implode(' ', $content_attributes); ?>>
<?php
if($title){
if(!empty($title_link_attributes)){
echo '<h3 class="bt-title"><a '.implode(' ', $title_attributes).' '.implode(' ', $title_link_attributes).'>'.$title.'</a></h3>';
}else{
echo '<h3 class="bt-title" '.implode(' ', $title_attributes).'>'.$title.'</h3>';
}
}
if($content) echo '<div class="bt-desc" '.implode(' ', $desc_attributes).'>'.$content.'</div>';
if($link_text) echo '<a class="bt-readmore" '.implode(' ', $link_attributes).'>'.$link_text.'</a>';
?>
</div>
</div>
<?php
return ob_get_clean();
}
}
vc_map(array(
'name' => esc_html__('Fancy Box', 'excitor'),
'base' => 'bt_fancy_box',
'category' => esc_html__('BT Elements', 'excitor'),
'icon' => 'bt-icon',
'params' => array(
array(
'type' => 'dropdown',
'heading' => esc_html__('Style', 'excitor'),
'param_name' => 'style',
'value' => array(
esc_html__('Icon Top', 'excitor') => 'icon-top',
esc_html__('Icon Left', 'excitor') => 'icon-left',
esc_html__('Icon Right', 'excitor') => 'icon-right'
),
'description' => esc_html__('Select layout style in this elment.', 'excitor')
),
array(
'type' => 'dropdown',
'heading' => esc_html__('Align', 'excitor'),
'param_name' => 'align',
'value' => array(
esc_html__('Left', 'excitor') => 'text-left',
esc_html__('Center', 'excitor') => 'text-center',
esc_html__('Right', 'excitor') => 'text-right',
),
'dependency' => array(
'element'=>'style',
'value'=> 'icon-top'
),
'description' => esc_html__('Select layout align in this elment.', 'excitor')
),
array(
'type' => 'textfield',
'heading' => esc_html__('Content Space', 'excitor'),
'param_name' => 'content_space',
'value' => '',
'dependency' => array(
'element'=>'style',
'value'=> array('icon-left', 'icon-right'),
),
'description' => esc_html__('Please, enter number with px space between content and icon in this element. Ex: 60px', 'excitor')
),
vc_map_add_css_animation(),
array(
'type' => 'textfield',
'heading' => esc_html__('Element ID', 'excitor'),
'param_name' => 'el_id',
'value' => '',
'description' => esc_html__('Enter element ID (Note: make sure it is unique and valid).', 'excitor')
),
array(
'type' => 'textfield',
'heading' => esc_html__('Extra Class', 'excitor'),
'param_name' => 'el_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.', 'excitor')
),
array(
'type' => 'dropdown',
'heading' => esc_html__('Icon Type', 'excitor'),
'param_name' => 'icon_type',
'value' => array(
esc_html__('Font Icon', 'excitor') => 'font_icon',
esc_html__('Image Icon', 'excitor') => 'image_icon'
),
'group' => esc_html__('Icon', 'excitor'),
'description' => esc_html__('Select type icon in this elment.', 'excitor')
),
array(
'type' => 'textfield',
'heading' => esc_html__('Font Icon', 'excitor'),
'param_name' => 'font_icon',
'value' => '',
'group' => esc_html__('Icon', 'excitor'),
'dependency' => array(
'element'=>'icon_type',
'value'=> 'font_icon'
),
'description' => esc_html__('Please, enter class font icon in this element.', 'excitor')
),
array(
'type' => 'attach_image',
'heading' => esc_html__('Image Icon', 'excitor'),
'param_name' => 'image_icon',
'value' => '',
'group' => esc_html__('Icon', 'excitor'),
'dependency' => array(
'element'=>'icon_type',
'value'=> 'image_icon'
),
'description' => esc_html__('Select box image icon in this element.', 'excitor')
),
array(
'type' => 'dropdown',
'heading' => esc_html__('Icon Style', 'excitor'),
'param_name' => 'icon_style',
'value' => array(
esc_html__('None', 'excitor') => '',
esc_html__('Square', 'excitor') => 'square',
esc_html__('Rounded', 'excitor') => 'rounded',
esc_html__('Circle', 'excitor') => 'circle'
),
'group' => esc_html__('Icon', 'excitor'),
'description' => esc_html__('Select style icon in this elment.', 'excitor')
),
array(
'type' => 'textfield',
'heading' => esc_html__('Icon Size', 'excitor'),
'param_name' => 'icon_size',
'value' => '',
'group' => esc_html__('Icon', 'excitor'),
'dependency' => array(
'element'=>'icon_style',
'value'=> array('square', 'rounded', 'circle'),
),
'description' => esc_html__('Please, enter number size icon in this element. Ex: 60px', 'excitor')
),
array(
'type' => 'textfield',
'heading' => esc_html__('Font Size', 'excitor'),
'param_name' => 'icon_font_size',
'value' => '',
'group' => esc_html__('Icon', 'excitor'),
'description' => esc_html__('Please, enter number with px font size icon in this element. Ex: 30px', 'excitor')
),
array(
'type' => 'colorpicker',
'heading' => esc_html__('Color', 'excitor'),
'param_name' => 'icon_color',
'value' => '',
'group' => esc_html__('Icon', 'excitor'),
'description' => esc_html__('Select color icon in this element.', 'excitor')
),
array(
'type' => 'colorpicker',
'heading' => esc_html__('Background', 'excitor'),
'param_name' => 'icon_background',
'value' => '',
'group' => esc_html__('Icon', 'excitor'),
'dependency' => array(
'element'=>'icon_style',
'value'=> array('square', 'rounded', 'circle'),
),
'description' => esc_html__('Select background color icon in this element.', 'excitor')
),
array(
'type' => 'dropdown',
'heading' => esc_html__('Border Style', 'excitor'),
'param_name' => 'icon_border_style',
'value' => array(
esc_html__('None', 'excitor') => '',
esc_html__('Solid', 'excitor') => 'solid',
esc_html__('Dashed', 'excitor') => 'dashed',
esc_html__('Dotted', 'excitor') => 'dotted'
),
'group' => esc_html__('Icon', 'excitor'),
'dependency' => array(
'element'=>'icon_style',
'value'=> array('square', 'rounded', 'circle'),
),
'description' => esc_html__('Select border style icon in this elment.', 'excitor')
),
array(
'type' => 'textfield',
'heading' => esc_html__('Border Width', 'excitor'),
'param_name' => 'icon_border_width',
'value' => '',
'group' => esc_html__('Icon', 'excitor'),
'dependency' => array(
'element'=>'icon_style',
'value'=> array('square', 'rounded', 'circle'),
),
'description' => esc_html__('Please, enter number with px border width icon in this element. Ex: 2px', 'excitor')
),
array(
'type' => 'colorpicker',
'heading' => esc_html__('Border Color', 'excitor'),
'param_name' => 'icon_border_color',
'value' => '',
'group' => esc_html__('Icon', 'excitor'),
'dependency' => array(
'element'=>'icon_style',
'value'=> array('square', 'rounded', 'circle'),
),
'description' => esc_html__('Select border color icon in this element.', 'excitor')
),
array(
'type' => 'textfield',
'heading' => esc_html__('Space', 'excitor'),
'param_name' => 'icon_space',
'value' => '',
'group' => esc_html__('Icon', 'excitor'),
'description' => esc_html__('Please, enter number with px space between icon and content in this element. Ex: 30px', 'excitor')
),
array(
'type' => 'textfield',
'heading' => esc_html__('Title', 'excitor'),
'param_name' => 'title',
'value' => '',
'group' => esc_html__('Title', 'excitor'),
'admin_label' => true,
'description' => esc_html__('Please, enter title in this element.', 'excitor')
),
array(
'type' => 'vc_link',
'heading' => esc_html__('URL (Link)', 'excitor'),
'param_name' => 'title_link',
'group' => esc_html__('Title', 'excitor'),
'description' => esc_html__('Add custom link of the title in this element.', 'excitor')
),
array(
'type' => 'textfield',
'heading' => esc_html__('Font Size', 'excitor'),
'param_name' => 'title_font_size',
'value' => '',
'group' => esc_html__('Title', 'excitor'),
'description' => esc_html__('Please, enter number with px font size title in this element. Ex: 20px', 'excitor')
),
array(
'type' => 'textfield',
'heading' => esc_html__('Line Height', 'excitor'),
'param_name' => 'title_line_height',
'value' => '',
'group' => esc_html__('Title', 'excitor'),
'description' => esc_html__('Please, enter number with px line height title in this element. Ex: 24px', 'excitor')
),
array(
'type' => 'textfield',
'heading' => esc_html__('Letter Spacing', 'excitor'),
'param_name' => 'title_letter_spacing',
'value' => '',
'group' => esc_html__('Title', 'excitor'),
'description' => esc_html__('Please, enter number with px letter spacing title in this element. Ex: 1.2px', 'excitor')
),
array(
'type' => 'colorpicker',
'heading' => esc_html__('Color', 'excitor'),
'param_name' => 'title_color',
'value' => '',
'group' => esc_html__('Title', 'excitor'),
'description' => esc_html__('Select color title in this element.', 'excitor')
),
array(
'type' => 'textfield',
'heading' => esc_html__('Space', 'excitor'),
'param_name' => 'title_space',
'value' => '',
'group' => esc_html__('Title', 'excitor'),
'description' => esc_html__('Please, enter number with px space between title and description in this element. Ex: 15px', 'excitor')
),
array(
'type' => 'textarea_html',
'heading' => esc_html__('Description', 'excitor'),
'param_name' => 'content',
'value' => '',
'group' => esc_html__('Description', 'excitor'),
'description' => esc_html__('Please, enter description in this element.', 'excitor')
),
array(
'type' => 'textfield',
'heading' => esc_html__('Font Size', 'excitor'),
'param_name' => 'desc_font_size',
'value' => '',
'group' => esc_html__('Description', 'excitor'),
'description' => esc_html__('Please, enter number with px font size description in this element. Ex: 14px', 'excitor')
),
array(
'type' => 'textfield',
'heading' => esc_html__('Line Height', 'excitor'),
'param_name' => 'desc_line_height',
'value' => '',
'group' => esc_html__('Description', 'excitor'),
'description' => esc_html__('Please, enter number with px line height description in this element. Ex: 24px', 'excitor')
),
array(
'type' => 'textfield',
'heading' => esc_html__('Letter Spacing', 'excitor'),
'param_name' => 'desc_letter_spacing',
'value' => '',
'group' => esc_html__('Description', 'excitor'),
'description' => esc_html__('Please, enter number with px letter spacing description in this element. Ex: 1px', 'excitor')
),
array(
'type' => 'colorpicker',
'heading' => esc_html__('Color', 'excitor'),
'param_name' => 'desc_color',
'value' => '',
'group' => esc_html__('Description', 'excitor'),
'description' => esc_html__('Select color description in this element.', 'excitor')
),
array(
'type' => 'textfield',
'heading' => esc_html__('Space', 'excitor'),
'param_name' => 'desc_space',
'value' => '',
'group' => esc_html__('Description', 'excitor'),
'description' => esc_html__('Please, enter number with px space between description and read more in this element. Ex: 15px', 'excitor')
),
array(
'type' => 'vc_link',
'heading' => esc_html__('URL (Link)', 'excitor'),
'param_name' => 'link',
'group' => esc_html__('Extra Link', 'excitor'),
'description' => esc_html__('Add extra link in this element.', 'excitor')
),
array(
'type' => 'textfield',
'heading' => esc_html__('Font Size', 'excitor'),
'param_name' => 'link_font_size',
'value' => '',
'group' => esc_html__('Extra Link', 'excitor'),
'description' => esc_html__('Please, enter number with px font size extra link in this element. Ex: 14px', 'excitor')
),
array(
'type' => 'textfield',
'heading' => esc_html__('Line Height', 'excitor'),
'param_name' => 'link_line_height',
'value' => '',
'group' => esc_html__('Extra Link', 'excitor'),
'description' => esc_html__('Please, enter number with px line height extra link in this element. Ex: 24px', 'excitor')
),
array(
'type' => 'textfield',
'heading' => esc_html__('Letter Spacing', 'excitor'),
'param_name' => 'link_letter_spacing',
'value' => '',
'group' => esc_html__('Extra Link', 'excitor'),
'description' => esc_html__('Please, enter number with px letter spacing extra link in this element. Ex: 1px', 'excitor')
),
array(
'type' => 'colorpicker',
'heading' => esc_html__('Color', 'excitor'),
'param_name' => 'link_color',
'value' => '',
'group' => esc_html__('Extra Link', 'excitor'),
'description' => esc_html__('Select color extra link in this element.', 'excitor')
),
array(
'type' => 'css_editor',
'heading' => esc_html__('CSS box', 'excitor'),
'param_name' => 'css',
'group' => esc_html__('Design Options', 'excitor'),
)
)
));