add_map(
array(
'akc_flipbox' => array(
'name' => 'FlipBox',
'description' => __('modern flip box shortcode', 'kingcomposer'),
'icon' => 'akc_flipbox_icon',
'css_box' => true,
'category' => 'Addons KingComposer',
'params' => array(
'general' => array(
array(
"type" => "select",
"label" => __("Direction", "kingcomposer"),
"name" => "direction",
'options' => array(
'flip-vertical' => 'Verticle',
'' => 'Horizontal',
),
'description' => 'Choose animation direction',
),
array(
'type' => 'text',
'label' => __('Extra class name', 'kingcomposer'),
'name' => 'extraclass',
'description' => __('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.', 'kingcomposer')
),
),
'Front' => array(
array(
'name' => 'front_box_color',
'label' => 'Box color',
'type' => 'color_picker',
"description" => __("Choose flipbox color.", "kingcomposer"),
),
array(
"type" => "select",
"name" => "show_icon",
"label" => __("Show Icon", "kingcomposer"),
'options' => array(
'yes' => 'Yes',
'no' => 'No',
),
'value' => 'no',
),
array(
'name' => 'icon_fontawesome',
'label' => 'Icon',
'type' => 'icon_picker',
"description" => __("Select icon from library.", "kingcomposer"),
'relation' => array(
'parent' => 'show_icon',
'show_when' => 'yes',
),
),
array(
'name' => 'icon_size',
'label' => 'Icon Size',
'type' => 'number_slider',
'options' => array(
'min' => 16,
'max' => 100,
'unit' => 'px',
'show_input' => true
),
'value' => 20,
'description' => 'Provide icon size',
'relation' => array(
'parent' => 'show_icon',
'show_when' => 'yes',
),
),
array(
'name' => 'icon_color',
'label' => 'Icon Color',
'type' => 'color_picker',
'value' => '#343434',
"description" => __("Choose icon color.", "kingcomposer"),
'relation' => array(
'parent' => 'show_icon',
'show_when' => 'yes',
),
),
array(
'name' => 'title',
'label' => 'Title',
'type' => 'text',
),
array(
'name' => 'front_desc',
'label' => 'Description',
'type' => 'textarea',
),
array(
'name' => 'title_f_size',
'label' => 'Title Font Size',
'type' => 'number_slider',
'options' => array(
'min' => 10,
'max' => 50,
'unit' => 'px',
'show_input' => true
),
'value' => 18,
'description' => 'Chose Title Font Size as Pixel. Default is 18px',
),
array(
'name' => 'title_color',
'label' => 'Title Color',
'type' => 'color_picker',
"description" => __("Choose text color", "kingcomposer"),
),
array(
'name' => 'desc_f_size',
'label' => 'Description Font Size',
'type' => 'number_slider',
'options' => array(
'min' => 10,
'max' => 50,
'unit' => 'px',
'show_input' => true
),
'value' => 14,
'description' => 'Chose Title Font Size as Pixel. Default is 14px',
),
array(
'name' => 'descr_color',
'label' => 'Description Color',
'type' => 'color_picker',
"description" => __("Choose text color", "kingcomposer"),
),
),
'Back' => array(
array(
'name' => 'back_box_color',
'label' => 'Box color',
'type' => 'color_picker',
"description" => __("Choose flipbox color.", "kingcomposer"),
),
array(
"type" => "select",
"name" => "back_show_icon",
"label" => __("Show Icon", "kingcomposer"),
'options' => array(
'yes' => 'Yes',
'no' => 'No',
),
'value' => 'no',
),
array(
'name' => 'back_icon_fontawesome',
'label' => 'Icon',
'type' => 'icon_picker',
"description" => __("Select icon from library.", "kingcomposer"),
'relation' => array(
'parent' => 'back_show_icon',
'show_when' => 'yes',
),
),
array(
'name' => 'back_icon_size',
'label' => 'Icon Size',
'type' => 'number_slider',
'options' => array(
'min' => 16,
'max' => 100,
'unit' => 'px',
'show_input' => true
),
'value' => 20,
'description' => 'Provide icon size',
'relation' => array(
'parent' => 'back_show_icon',
'show_when' => 'yes',
),
),
array(
'name' => 'back_icon_color',
'label' => 'Icon Color',
'type' => 'color_picker',
'value' => '#343434',
"description" => __("Choose icon color.", "kingcomposer"),
'relation' => array(
'parent' => 'back_show_icon',
'show_when' => 'yes',
),
),
array(
'name' => 'back_title',
'label' => 'Title',
'type' => 'text',
),
array(
'name' => 'back_desc',
'label' => 'Description',
'type' => 'textarea',
),
array(
'name' => 'back_title_f_size',
'label' => 'Title Font Size',
'type' => 'number_slider',
'options' => array(
'min' => 10,
'max' => 50,
'unit' => 'px',
'show_input' => true
),
'value' => 18,
'description' => 'Chose Title Font Size as Pixel. Default is 18px',
),
array(
'name' => 'back_title_color',
'label' => 'Title Color',
'type' => 'color_picker',
"description" => __("Choose text color", "kingcomposer"),
),
array(
'name' => 'back_desc_f_size',
'label' => 'Description Font Size',
'type' => 'number_slider',
'options' => array(
'min' => 10,
'max' => 50,
'unit' => 'px',
'show_input' => true
),
'value' => 14,
'description' => 'Chose Title Font Size as Pixel. Default is 14px',
),
array(
'name' => 'back_descr_color',
'label' => 'Description Color',
'type' => 'color_picker',
"description" => __("Choose text color", "kingcomposer"),
),
array(
"type" => "select",
"name" => "show_button",
"label" => __("Show Button", "kingcomposer"),
'options' => array(
'yes' => 'Yes',
'no' => 'No',
),
'value' => 'no',
),
array(
'name' => 'btn_text',
'label' => 'Text on Button',
'type' => 'text',
"value" => "Read More",
'relation' => array(
'parent' => 'show_button',
'show_when' => 'yes',
),
),
),
'Link' => array(
array(
'name' => 'on_click',
'label' => 'On Click',
'type' => 'select',
'options' => array(
'none' => 'No Link',
'box' => 'Complete Box',
),
),
array(
"type" => "link",
"label" => __("Add Link", "kingcomposer"),
"name" => "link",
"description" => __("Add a custom link or select existing page. You can remove existing link as well.", "kingcomposer"),
'relation' => array(
'parent' => 'on_click',
'show_when' => 'box',
),
),
),
)
)
)
);
}
function asvc_flipbox_two_shortcode_function( $atts, $content = null, $tag ) {
extract( shortcode_atts( array(
'direction' => 'flip-vertical',
'show_icon' => '',
'icon_fontawesome' => '',
'front_box_color' => '#f7f7f7',
'back_box_color' => '#9bcc18',
'icon_size' => '40',
'icon_color' => '#42bce2',
'title' => '',
'front_desc' => '',
'title_f_size' => '',
'desc_f_size' => '',
'title_color' => '',
'descr_color' => '',
'back_show_icon' => '',
'back_icon_fontawesome' => '',
'back_title' => '',
'back_desc' => '',
'back_title_f_size' => '',
'back_icon_size' => '40',
'back_icon_color' => '',
'back_desc_f_size' => '',
'back_title_color' => '',
'back_descr_color' => '',
'show_button' => '',
'btn_text' => 'Read More',
'link' => '',
'css_flip_box' => '',
'extraclass' => '',
), $atts ) );
wp_register_style( 'flipbox-css', plugins_url( '/css/flipbox-box.css', __FILE__) );
wp_enqueue_style( 'flipbox-css' );
$link = kc_parse_link( $link );
$output ='';
$front_data ='';
$back_data ='';
if( $show_icon == 'yes' && !empty( $icon_fontawesome ) )
$front_data .= '
';
if( !empty( $title ) )
$front_data .= ''. $title .'
';
if(!empty($front_desc))
$front_data .= ''. $front_desc .'
';
//back side
if( $back_show_icon == 'yes' && !empty( $back_icon_fontawesome ) )
$back_data .= '
';
if( !empty( $back_title ) )
$back_data .= ''. $back_title .'
';
if(!empty($back_desc))
$back_data .= ''. $back_desc .'
';
if( $show_button == 'yes' ){
$back_data .= ''. $btn_text .'';
}
$output .='';
return $output;
}
add_shortcode( 'akc_flipbox', 'asvc_flipbox_two_shortcode_function' );