File: //var/www/intranet.kauko.lt/wp-content/plugins/js_composer/config/content/shortcode-vc-hoverbox.php
<?php
/**
* Configuration file for [vc_cta] shortcode of 'Hover Box' element.
*
* @see https://kb.wpbakery.com/docs/inner-api/vc_map/ for more detailed information about element attributes.
*/
if ( ! defined( 'ABSPATH' ) ) {
die( '-1' );
}
require_once vc_path_dir( 'CONFIG_DIR', 'content/vc-custom-heading-element.php' );
$h2_custom_heading = vc_map_integrate_shortcode( vc_custom_heading_element_params(), 'primary_title_', esc_html__( 'Primary Title', 'js_composer' ), [
'exclude' => [
'source',
'text',
'css',
],
], [
'element' => 'use_custom_fonts_primary_title',
'value' => 'true',
] );
// This is needed to remove custom heading _tag and _align options.
if ( is_array( $h2_custom_heading ) && ! empty( $h2_custom_heading ) ) {
foreach ( $h2_custom_heading as $key => $param ) {
if ( is_array( $param ) && isset( $param['type'] ) && 'font_container' === $param['type'] ) {
$h2_custom_heading[ $key ]['value'] = '';
if ( isset( $param['settings'] ) && is_array( $param['settings'] ) && isset( $param['settings']['fields'] ) ) {
$sub_key = array_search( 'tag', $param['settings']['fields'], true );
if ( false !== $sub_key ) {
unset( $h2_custom_heading[ $key ]['settings']['fields'][ $sub_key ] );
} elseif ( isset( $param['settings']['fields']['tag'] ) ) {
unset( $h2_custom_heading[ $key ]['settings']['fields']['tag'] );
}
$sub_key = array_search( 'text_align', $param['settings']['fields'], true );
if ( false !== $sub_key ) {
unset( $h2_custom_heading[ $key ]['settings']['fields'][ $sub_key ] );
} elseif ( isset( $param['settings']['fields']['text_align'] ) ) {
unset( $h2_custom_heading[ $key ]['settings']['fields']['text_align'] );
}
}
}
}
}
$h4_custom_heading = vc_map_integrate_shortcode( vc_custom_heading_element_params(), 'hover_title_', esc_html__( 'Hover Title', 'js_composer' ), [
'exclude' => [
'source',
'text',
'css',
],
], [
'element' => 'use_custom_fonts_hover_title',
'value' => 'true',
] );
// This is needed to remove custom heading _tag and _align options.
if ( is_array( $h4_custom_heading ) && ! empty( $h4_custom_heading ) ) {
foreach ( $h4_custom_heading as $key => $param ) {
if ( is_array( $param ) && isset( $param['type'] ) && 'font_container' === $param['type'] ) {
$h4_custom_heading[ $key ]['value'] = '';
if ( isset( $param['settings'] ) && is_array( $param['settings'] ) && isset( $param['settings']['fields'] ) ) {
$sub_key = array_search( 'tag', $param['settings']['fields'], true );
if ( false !== $sub_key ) {
unset( $h4_custom_heading[ $key ]['settings']['fields'][ $sub_key ] );
} elseif ( isset( $param['settings']['fields']['tag'] ) ) {
unset( $h4_custom_heading[ $key ]['settings']['fields']['tag'] );
}
$sub_key = array_search( 'text_align', $param['settings']['fields'], true );
if ( false !== $sub_key ) {
unset( $h4_custom_heading[ $key ]['settings']['fields'][ $sub_key ] );
} elseif ( isset( $param['settings']['fields']['text_align'] ) ) {
unset( $h4_custom_heading[ $key ]['settings']['fields']['text_align'] );
}
}
}
}
}
$params = array_merge( [
[
'type' => 'attach_image',
'heading' => esc_html__( 'Image', 'js_composer' ),
'param_name' => 'image',
'value' => '',
'description' => esc_html__( 'Select image from media library.', 'js_composer' ),
'admin_label' => true,
],
[
'type' => 'textfield',
'heading' => esc_html__( 'Primary title', 'js_composer' ),
'admin_label' => true,
'param_name' => 'primary_title',
'value' => esc_html__( 'Hover Box Element', 'js_composer' ),
'description' => esc_html__( 'Enter text for heading line.', 'js_composer' ),
'edit_field_class' => 'vc_col-sm-9',
],
[
'type' => 'checkbox',
'heading' => esc_html__( 'Use custom font?', 'js_composer' ),
'param_name' => 'use_custom_fonts_primary_title',
'description' => esc_html__( 'Enable custom font option.', 'js_composer' ),
'edit_field_class' => 'vc_col-sm-3',
],
[
'type' => 'dropdown',
'heading' => esc_html__( 'Primary title alignment', 'js_composer' ),
'param_name' => 'primary_align',
'value' => vc_get_shared( 'text align' ),
'std' => 'center',
'description' => esc_html__( 'Select text alignment for primary title.', 'js_composer' ),
],
], $h2_custom_heading, [
[
'type' => 'textfield',
'heading' => esc_html__( 'Hover title', 'js_composer' ),
'param_name' => 'hover_title',
'value' => 'Hover Box Element',
'description' => esc_html__( 'Hover Box Element', 'js_composer' ),
'group' => esc_html__( 'Hover Block', 'js_composer' ),
'edit_field_class' => 'vc_col-sm-9',
],
[
'type' => 'checkbox',
'heading' => esc_html__( 'Use custom font?', 'js_composer' ),
'param_name' => 'use_custom_fonts_hover_title',
'description' => esc_html__( 'Enable custom font option.', 'js_composer' ),
'group' => esc_html__( 'Hover Block', 'js_composer' ),
'edit_field_class' => 'vc_col-sm-3',
],
[
'type' => 'dropdown',
'heading' => esc_html__( 'Hover title alignment', 'js_composer' ),
'param_name' => 'hover_align',
'value' => vc_get_shared( 'text align' ),
'std' => 'center',
'group' => esc_html__( 'Hover Block', 'js_composer' ),
'description' => esc_html__( 'Select text alignment for hovered title.', 'js_composer' ),
],
[
'type' => 'textarea_html',
'heading' => esc_html__( 'Hover text', 'js_composer' ),
'param_name' => 'content',
'value' => esc_html__( 'Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.', 'js_composer' ),
'group' => esc_html__( 'Hover Block', 'js_composer' ),
'description' => esc_html__( 'Hover part text.', 'js_composer' ),
],
], $h4_custom_heading, [
[
'type' => 'dropdown',
'heading' => esc_html__( 'Shape', 'js_composer' ),
'param_name' => 'shape',
'std' => 'rounded',
'value' => [
esc_html__( 'Square', 'js_composer' ) => 'square',
esc_html__( 'Rounded', 'js_composer' ) => 'rounded',
esc_html__( 'Round', 'js_composer' ) => 'round',
],
'description' => esc_html__( 'Select block shape.', 'js_composer' ),
],
[
'type' => 'dropdown',
'heading' => esc_html__( 'Background Color', 'js_composer' ),
'param_name' => 'hover_background_color',
'value' => vc_get_shared( 'colors-dashed' ) + [ esc_html__( 'Custom', 'js_composer' ) => 'custom' ],
'description' => esc_html__( 'Select color schema.', 'js_composer' ),
'std' => 'grey',
'group' => esc_html__( 'Hover Block', 'js_composer' ),
'param_holder_class' => 'vc_colored-dropdown vc_cta3-colored-dropdown',
],
[
'type' => 'colorpicker',
'heading' => esc_html__( 'Background color', 'js_composer' ),
'param_name' => 'hover_custom_background',
'description' => esc_html__( 'Select custom background color.', 'js_composer' ),
'group' => esc_html__( 'Hover Block', 'js_composer' ),
'default_colorpicker_color' => '#EBEBEB',
'dependency' => [
'element' => 'hover_background_color',
'value' => [ 'custom' ],
],
'edit_field_class' => 'vc_col-sm-6',
],
[
'type' => 'dropdown',
'heading' => esc_html__( 'Width', 'js_composer' ),
'param_name' => 'el_width',
'value' => [
'100%' => '100',
'90%' => '90',
'80%' => '80',
'70%' => '70',
'60%' => '60',
'50%' => '50',
'40%' => '40',
'30%' => '30',
'20%' => '20',
'10%' => '10',
],
'description' => esc_html__( 'Select block width (percentage).', 'js_composer' ),
],
[
'type' => 'dropdown',
'heading' => esc_html__( 'Alignment', 'js_composer' ),
'param_name' => 'align',
'description' => esc_html__( 'Select block alignment.', 'js_composer' ),
'value' => [
esc_html__( 'Left', 'js_composer' ) => 'left',
esc_html__( 'Right', 'js_composer' ) => 'right',
esc_html__( 'Center', 'js_composer' ) => 'center',
],
'std' => 'center',
],
[
'type' => 'checkbox',
'heading' => esc_html__( 'Add button', 'js_composer' ) . '?',
'description' => esc_html__( 'Add button for call to action.', 'js_composer' ),
'group' => esc_html__( 'Hover Block', 'js_composer' ),
'param_name' => 'hover_add_button',
],
[
'type' => 'checkbox',
'heading' => esc_html__( 'Reverse blocks', 'js_composer' ),
'param_name' => 'reverse',
'description' => esc_html__( 'Reverse hover and primary block.', 'js_composer' ),
],
], vc_map_integrate_shortcode( 'vc_btn', 'hover_btn_', esc_html__( 'Hover Button', 'js_composer' ), [
'exclude' => [ 'css' ],
], [
'element' => 'hover_add_button',
'not_empty' => true,
] ), [
vc_map_add_css_animation(),
[
'type' => 'el_id',
'heading' => esc_html__( 'Element ID', 'js_composer' ),
'param_name' => 'el_id',
'description' => sprintf( esc_html__( 'Enter element ID (Note: make sure it is unique and valid according to %1$sw3c specification%2$s).', 'js_composer' ), '<a href="https://www.w3schools.com/tags/att_global_id.asp" target="_blank">', '</a>' ),
],
[
'type' => 'textfield',
'heading' => esc_html__( 'Extra class name', 'js_composer' ),
'param_name' => 'el_class',
'description' => esc_html__( 'Style particular content element differently - add a class name and refer to it in custom CSS.', 'js_composer' ),
],
[
'type' => 'css_editor',
'heading' => esc_html__( 'CSS box', 'js_composer' ),
'param_name' => 'css',
'group' => esc_html__( 'Design Options', 'js_composer' ),
],
] );
return [
'name' => esc_html__( 'Hover Box', 'js_composer' ),
'base' => 'vc_cta',
'icon' => 'vc_icon-vc-hoverbox',
'category' => [ esc_html__( 'Content', 'js_composer' ) ],
'description' => esc_html__( 'Animated flip box with image and text', 'js_composer' ),
'params' => $params,
];