golden hour
/var/www/html/wp-content/plugins/Ultimate_VC_Addons/modules
⬆️ Go Up
Upload
File/Folder
Size
Actions
index.php
86 B
Del
OK
ultimate_animation.php
8.67 KB
Del
OK
ultimate_buttons.php
37.19 KB
Del
OK
ultimate_carousel.php
33.3 KB
Del
OK
ultimate_content_box.php
19.5 KB
Del
OK
ultimate_countdown.php
27.23 KB
Del
OK
ultimate_dual_button.php
68.43 KB
Del
OK
ultimate_dual_colors.php
37.51 KB
Del
OK
ultimate_expandable_section.php
45.05 KB
Del
OK
ultimate_fancy_text.php
32.5 KB
Del
OK
ultimate_flip_box.php
49.79 KB
Del
OK
ultimate_font_manager.php
30.54 KB
Del
OK
ultimate_functions.php
7.15 KB
Del
OK
ultimate_google_maps.php
26.73 KB
Del
OK
ultimate_google_trends.php
11.43 KB
Del
OK
ultimate_headings.php
36.71 KB
Del
OK
ultimate_hightlight_box.php
25.92 KB
Del
OK
ultimate_hotspot.php
37.81 KB
Del
OK
ultimate_icon_manager.php
31.1 KB
Del
OK
ultimate_icon_timeline.php
77.57 KB
Del
OK
ultimate_icons.php
19.74 KB
Del
OK
ultimate_ihover.php
45.8 KB
Del
OK
ultimate_image_separator.php
15.64 KB
Del
OK
ultimate_info_banner.php
34.95 KB
Del
OK
ultimate_info_box.php
38.82 KB
Del
OK
ultimate_info_circle.php
44.21 KB
Del
OK
ultimate_info_list.php
47.12 KB
Del
OK
ultimate_info_tables.php
28.91 KB
Del
OK
ultimate_interactive_banner_2.php
26.74 KB
Del
OK
ultimate_interactive_banners.php
29.26 KB
Del
OK
ultimate_just_icon.php
21.42 KB
Del
OK
ultimate_link.php
26.89 KB
Del
OK
ultimate_list_icon.php
21.12 KB
Del
OK
ultimate_modals.php
65.17 KB
Del
OK
ultimate_parallax.php
81.57 KB
Del
OK
ultimate_pricing_tables.php
26.29 KB
Del
OK
ultimate_range_slider.php
26.49 KB
Del
OK
ultimate_ribbons.php
20.28 KB
Del
OK
ultimate_spacer.php
5.41 KB
Del
OK
ultimate_stats_counter.php
34.04 KB
Del
OK
ultimate_sticky_section.php
13.68 KB
Del
OK
ultimate_swatch_book.php
35.84 KB
Del
OK
ultimate_tab.php
64.3 KB
Del
OK
ultimate_team.php
63.14 KB
Del
OK
ultimate_video_banner.php
17.35 KB
Del
OK
ultimate_videos.php
47.28 KB
Del
OK
utlimate-tab-backend.php
1.5 KB
Del
OK
Edit: ultimate_flip_box.php
<?php /** * Add-on Name: Flip Box for WPBakery Page Builder * Add-on URI: http://dev.brainstormforce.com * * @package Flip Box */ if ( ! class_exists( 'AIO_Flip_Box' ) ) { /** * Function that initializes Flip Box Module. * * @class AIO_Flip_Box */ class AIO_Flip_Box { /** * Constructor function that constructs default values for the Flip Box module. * * @method __construct */ public function __construct() { if ( Ultimate_VC_Addons::$uavc_editor_enable ) { add_action( 'init', array( $this, 'block_init' ) ); } add_shortcode( 'icon_counter', array( $this, 'block_shortcode' ) ); add_action( 'wp_enqueue_scripts', array( $this, 'flip_box_scripts' ), 1 ); } /** * Function that initializes settings of Flip Box Module. * * @method block_init */ public function block_init() { if ( function_exists( 'vc_map' ) ) { vc_map( array( 'name' => __( 'Flip Box', 'ultimate_vc' ), 'base' => 'icon_counter', 'class' => 'vc_flip_box', 'icon' => 'vc_icon_block', 'category' => 'Ultimate VC Addons', 'description' => __( 'Icon, some info & CTA. Flips on hover.', 'ultimate_vc' ), 'params' => array( array( 'type' => 'dropdown', 'class' => '', 'heading' => __( 'Flip Type ', 'ultimate_vc' ), 'param_name' => 'flip_type', 'value' => array( __( 'Flip Horizontally From Left', 'ultimate_vc' ) => 'horizontal_flip_left', __( 'Flip Horizontally From Right', 'ultimate_vc' ) => 'horizontal_flip_right', __( 'Flip Vertically From Top', 'ultimate_vc' ) => 'vertical_flip_top', __( 'Flip Vertically From Bottom', 'ultimate_vc' ) => 'vertical_flip_bottom', __( 'Vertical Door Flip', 'ultimate_vc' ) => 'vertical_door_flip', __( 'Reverse Vertical Door Flip', 'ultimate_vc' ) => 'reverse_vertical_door_flip', __( 'Horizontal Door Flip', 'ultimate_vc' ) => 'horizontal_door_flip', __( 'Reverse Horizontal Door Flip', 'ultimate_vc' ) => 'reverse_horizontal_door_flip', __( 'Book Flip (Beta)', 'ultimate_vc' ) => 'style_9', __( 'Flip From Left (Beta)', 'ultimate_vc' ) => 'flip_left', __( 'Flip From Right (Beta)', 'ultimate_vc' ) => 'flip_right', __( 'Flip From Top (Beta)', 'ultimate_vc' ) => 'flip_top', __( 'Flip From Bottom (Beta)', 'ultimate_vc' ) => 'flip_bottom', ), 'description' => __( 'Select Flip type for this flip box.', 'ultimate_vc' ), ), array( 'type' => 'dropdown', 'class' => '', 'heading' => __( 'Flip Box Style', 'ultimate_vc' ), 'param_name' => 'flip_box_style', 'value' => array( 'Simple' => 'simple', 'Advanced' => 'advanced', ), 'description' => __( 'Select the border style for icon.', 'ultimate_vc' ), ), array( 'type' => 'number', 'class' => '', 'heading' => __( 'Size of Box Border', 'ultimate_vc' ), 'param_name' => 'border_size', 'value' => 2, 'min' => 1, 'max' => 10, 'suffix' => 'px', 'description' => __( 'Enter value in pixels.', 'ultimate_vc' ), 'dependency' => array( 'element' => 'flip_box_style', 'value' => array( 'simple' ), ), ), array( 'type' => 'colorpicker', 'class' => '', 'heading' => __( 'Border Color', 'ultimate_vc' ), 'param_name' => 'border_color', 'value' => '#A4A4A4', 'description' => __( 'Select the color for border on front.', 'ultimate_vc' ), 'dependency' => array( 'element' => 'flip_box_style', 'value' => array( 'simple' ), ), ), array( 'type' => 'number', 'class' => '', 'heading' => __( 'Border Radius', 'ultimate_vc' ), 'param_name' => 'border_radius', 'value' => '', 'max' => 500, 'suffix' => 'px', 'description' => __( '0 pixel value will create a square border. As you increase the value, the shape convert in circle slowly.', 'ultimate_vc' ), 'dependency' => array( 'element' => 'flip_box_style', 'value' => array( 'simple' ), ), ), array( 'type' => 'dropdown', 'class' => '', 'heading' => __( 'Box Border Style', 'ultimate_vc' ), 'param_name' => 'box_border_style', 'value' => array( 'None' => 'none', 'Solid' => 'solid', 'Dashed' => 'dashed', 'Dotted' => 'dotted', 'Double' => 'double', 'Inset' => 'inset', 'Outset' => 'outset', ), 'description' => __( 'Select the border style for box.', 'ultimate_vc' ), 'dependency' => array( 'element' => 'flip_box_style', 'value' => array( 'advanced' ), ), ), array( 'type' => 'number', 'class' => '', 'heading' => __( 'Size of Box Border', 'ultimate_vc' ), 'param_name' => 'box_border_size', 'value' => 2, 'min' => 1, 'max' => 10, 'suffix' => 'px', 'description' => __( 'Enter value in pixels.', 'ultimate_vc' ), 'dependency' => array( 'element' => 'box_border_style', 'value' => array( 'solid', 'dashed', 'dotted', 'double', 'inset', 'outset' ), ), ), array( 'type' => 'number', 'class' => '', 'heading' => __( 'Border Radius', 'ultimate_vc' ), 'param_name' => 'border_radius_box', 'value' => '', 'max' => 500, 'suffix' => 'px', 'description' => __( '0 pixel value will create a square border. As you increase the value, the shape convert in circle slowly.', 'ultimate_vc' ), 'dependency' => array( 'element' => 'box_border_style', 'value' => array( 'solid', 'dashed', 'dotted', 'double', 'inset', 'outset' ), ), ), array( 'type' => 'dropdown', 'class' => '', 'heading' => __( 'Icon to display:', 'ultimate_vc' ), 'param_name' => 'icon_type', 'value' => array( 'Font Icon Manager' => 'selector', 'Custom Image Icon' => 'custom', ), 'description' => __( 'Use an existing font icon or upload a custom image.', 'ultimate_vc' ), 'group' => 'Icon', ), array( 'type' => 'icon_manager', 'class' => '', 'heading' => __( 'Select Icon ', 'ultimate_vc' ), 'param_name' => 'icon', 'value' => '', 'description' => __( "Click and select icon of your choice. If you can't find the one that suits for your purpose, you can", 'ultimate_vc' ) . " <a href='admin.php?page=bsf-font-icon-manager' target='_blank' rel='noopener'>" . __( 'add new here', 'ultimate_vc' ) . '</a>.', 'dependency' => array( 'element' => 'icon_type', 'value' => array( 'selector' ), ), 'group' => 'Icon', ), array( 'type' => 'ult_img_single', 'class' => '', 'heading' => __( 'Upload Image Icon:', 'ultimate_vc' ), 'param_name' => 'icon_img', 'value' => '', 'description' => __( 'Upload the custom image icon.', 'ultimate_vc' ), 'dependency' => array( 'element' => 'icon_type', 'value' => array( 'custom' ), ), 'group' => 'Icon', ), array( 'type' => 'number', 'class' => '', 'heading' => __( 'Image Width', 'ultimate_vc' ), 'param_name' => 'img_width', 'value' => 48, 'min' => 16, 'max' => 512, 'suffix' => 'px', 'description' => __( 'Provide image width', 'ultimate_vc' ), 'dependency' => array( 'element' => 'icon_type', 'value' => array( 'custom' ), ), 'group' => 'Icon', ), array( 'type' => 'number', 'class' => '', 'heading' => __( 'Size of Icon', 'smile' ), 'param_name' => 'icon_size', 'value' => 32, 'min' => 12, 'max' => 72, 'suffix' => 'px', 'description' => __( 'How big would you like it?', 'ultimate_vc' ), 'dependency' => array( 'element' => 'icon_type', 'value' => array( 'selector' ), ), 'group' => 'Icon', ), array( 'type' => 'colorpicker', 'class' => '', 'heading' => __( 'Color', 'ultimate_vc' ), 'param_name' => 'icon_color', 'value' => '#333333', 'description' => __( 'Give it a nice paint!', 'ultimate_vc' ), 'dependency' => array( 'element' => 'icon_type', 'value' => array( 'selector' ), ), 'group' => 'Icon', ), array( 'type' => 'dropdown', 'class' => '', 'heading' => __( 'Icon Style', 'ultimate_vc' ), 'param_name' => 'icon_style', 'value' => array( __( 'Simple', 'ultimate_vc' ) => 'none', __( 'Circle Background', 'ultimate_vc' ) => 'circle', __( 'Square Background', 'ultimate_vc' ) => 'square', __( 'Design your own', 'ultimate_vc' ) => 'advanced', ), 'description' => __( 'We have given three quick preset if you are in a hurry. Otherwise, create your own with various options.', 'ultimate_vc' ), 'dependency' => array( 'element' => 'icon_type', 'value' => array( 'selector' ), ), 'group' => 'Icon', ), array( 'type' => 'colorpicker', 'class' => '', 'heading' => __( 'Background Color', 'ultimate_vc' ), 'param_name' => 'icon_color_bg', 'value' => '#ffffff', 'description' => __( 'Select background color for icon.', 'ultimate_vc' ), 'dependency' => array( 'element' => 'icon_style', 'value' => array( 'circle', 'square', 'advanced' ), ), 'group' => 'Icon', ), array( 'type' => 'dropdown', 'class' => '', 'heading' => __( 'Icon Border Style', 'ultimate_vc' ), 'param_name' => 'icon_border_style', 'value' => array( 'Solid' => 'solid', 'Dashed' => 'dashed', 'Dotted' => 'dotted', 'Double' => 'double', 'Inset' => 'inset', 'Outset' => 'outset', ), 'description' => __( 'Select the border style for icon.', 'ultimate_vc' ), 'dependency' => array( 'element' => 'icon_style', 'value' => array( 'advanced' ), ), 'group' => 'Icon', ), array( 'type' => 'colorpicker', 'class' => '', 'heading' => __( 'Border Color', 'ultimate_vc' ), 'param_name' => 'icon_color_border', 'value' => '#333333', 'description' => __( 'Select border color for icon.', 'ultimate_vc' ), 'dependency' => array( 'element' => 'icon_border_style', 'not_empty' => true, ), 'group' => 'Icon', ), array( 'type' => 'number', 'class' => '', 'heading' => __( 'Border Width', 'ultimate_vc' ), 'param_name' => 'icon_border_size', 'value' => 1, 'min' => 1, 'max' => 10, 'suffix' => 'px', 'description' => __( 'Thickness of the border.', 'ultimate_vc' ), 'dependency' => array( 'element' => 'icon_border_style', 'not_empty' => true, ), 'group' => 'Icon', ), array( 'type' => 'number', 'class' => '', 'heading' => __( 'Border Radius', 'ultimate_vc' ), 'param_name' => 'icon_border_radius', 'value' => 500, 'min' => 1, 'max' => 500, 'suffix' => 'px', 'description' => __( '0 pixel value will create a square border. As you increase the value, the shape convert in circle slowly. (e.g 500 pixels).', 'ultimate_vc' ), 'dependency' => array( 'element' => 'icon_border_style', 'not_empty' => true, ), 'group' => 'Icon', ), array( 'type' => 'number', 'class' => '', 'heading' => __( 'Background Size', 'smile' ), 'param_name' => 'icon_border_spacing', 'value' => 50, 'min' => 30, 'max' => 500, 'suffix' => 'px', 'description' => __( 'Spacing from center of the icon till the boundary of border / background', 'ultimate_vc' ), 'dependency' => array( 'element' => 'icon_style', 'value' => array( 'advanced' ), ), 'group' => 'Icon', ), array( 'type' => 'colorpicker', 'class' => '', 'heading' => __( 'Title Color', 'ultimate_vc' ), 'param_name' => 'text_color', 'value' => '#333333', 'description' => __( 'Color of title text.', 'ultimate_vc' ), 'dependency' => array( 'element' => 'flip_box_style', 'value' => array( 'simple' ), ), ), array( 'type' => 'colorpicker', 'class' => '', 'heading' => __( 'Description Color', 'ultimate_vc' ), 'param_name' => 'desc_color', 'value' => '', 'description' => __( 'Color of description text.', 'ultimate_vc' ), 'dependency' => array( 'element' => 'flip_box_style', 'value' => array( 'simple' ), ), ), array( 'type' => 'colorpicker', 'class' => '', 'heading' => __( 'Background Color', 'ultimate_vc' ), 'param_name' => 'bg_color', 'value' => '#efefef', 'description' => __( 'Light colors look better for background.', 'ultimate_vc' ), 'dependency' => array( 'element' => 'flip_box_style', 'value' => array( 'simple' ), ), ), array( 'type' => 'textfield', 'class' => '', 'heading' => __( 'Title on Front', 'ultimate_vc' ), 'param_name' => 'block_title_front', 'admin_label' => true, 'value' => '', 'description' => __( 'Perhaps, this is the most highlighted text.', 'ultimate_vc' ), 'group' => 'Front', 'edit_field_class' => 'vc_col-sm-8', ), array( 'type' => 'dropdown', 'heading' => __( 'Tag', 'ultimate_vc' ), 'param_name' => 'front_heading_tag', 'value' => array( __( 'Default', 'ultimate_vc' ) => 'h3', __( 'H1', 'ultimate_vc' ) => 'h1', __( 'H2', 'ultimate_vc' ) => 'h2', __( 'H4', 'ultimate_vc' ) => 'h4', __( 'H5', 'ultimate_vc' ) => 'h5', __( 'H6', 'ultimate_vc' ) => 'h6', __( 'Div', 'ultimate_vc' ) => 'div', __( 'p', 'ultimate_vc' ) => 'p', __( 'span', 'ultimate_vc' ) => 'span', ), 'description' => __( 'Default is H3', 'ultimate_vc' ), 'group' => 'Front', 'edit_field_class' => 'ult-param-padding-remove vc_col-sm-4', ), array( 'type' => 'textarea', 'class' => '', 'heading' => __( 'Description on Front ', 'ultimate_vc' ), 'param_name' => 'block_desc_front', 'value' => '', 'description' => __( 'Keep it short and simple!', 'ultimate_vc' ), 'group' => 'Front', ), array( 'type' => 'colorpicker', 'class' => '', 'heading' => __( 'Title Color', 'ultimate_vc' ), 'param_name' => 'block_text_color', 'value' => '#333333', 'description' => __( 'Color of front side title text.', 'ultimate_vc' ), 'dependency' => array( 'element' => 'flip_box_style', 'value' => array( 'advanced' ), ), 'group' => 'Front', ), array( 'type' => 'colorpicker', 'class' => '', 'heading' => __( 'Description Color', 'ultimate_vc' ), 'param_name' => 'block_desc_color', 'value' => '', 'description' => __( 'Color of front side description text.', 'ultimate_vc' ), 'dependency' => array( 'element' => 'flip_box_style', 'value' => array( 'advanced' ), ), 'group' => 'Front', ), array( 'type' => 'colorpicker', 'class' => '', 'heading' => __( 'Background Color', 'ultimate_vc' ), 'param_name' => 'block_front_color', 'value' => '#efefef', 'description' => __( 'Light colors look better on front.', 'ultimate_vc' ), 'dependency' => array( 'element' => 'flip_box_style', 'value' => array( 'advanced' ), ), 'group' => 'Front', ), array( 'type' => 'colorpicker', 'class' => '', 'heading' => __( 'Border Color', 'ultimate_vc' ), 'param_name' => 'box_border_color', 'value' => '#A4A4A4', 'description' => __( 'Select the color for border on front.', 'ultimate_vc' ), 'dependency' => array( 'element' => 'box_border_style', 'value' => array( 'solid', 'dashed', 'dotted', 'double', 'inset', 'outset' ), ), 'group' => 'Front', ), array( 'type' => 'textfield', 'class' => '', 'heading' => __( 'Title on Back ', 'ultimate_vc' ), 'param_name' => 'block_title_back', 'admin_label' => true, 'value' => '', 'description' => __( 'Some nice heading for the back side of the flip.', 'ultimate_vc' ), 'group' => 'Back', 'edit_field_class' => 'vc_col-sm-8', ), array( 'type' => 'dropdown', 'heading' => __( 'Tag', 'ultimate_vc' ), 'param_name' => 'back_heading_tag', 'value' => array( __( 'Default', 'ultimate_vc' ) => 'h3', __( 'H1', 'ultimate_vc' ) => 'h1', __( 'H2', 'ultimate_vc' ) => 'h2', __( 'H4', 'ultimate_vc' ) => 'h4', __( 'H5', 'ultimate_vc' ) => 'h5', __( 'H6', 'ultimate_vc' ) => 'h6', __( 'Div', 'ultimate_vc' ) => 'div', __( 'p', 'ultimate_vc' ) => 'p', __( 'span', 'ultimate_vc' ) => 'span', ), 'description' => __( 'Default is H3', 'ultimate_vc' ), 'group' => 'Back', 'edit_field_class' => 'ult-param-padding-remove vc_col-sm-4', ), array( 'type' => 'textarea', 'class' => '', 'heading' => __( 'Description on Back', 'ultimate_vc' ), 'param_name' => 'block_desc_back', 'value' => '', 'description' => __( 'Text here will be followed by a button. So make it catchy!', 'ultimate_vc' ), 'group' => 'Back', ), array( 'type' => 'colorpicker', 'class' => '', 'heading' => __( 'Title Color', 'ultimate_vc' ), 'param_name' => 'block_back_text_color', 'value' => '#333333', 'description' => __( 'Color of back side title text.', 'ultimate_vc' ), 'dependency' => array( 'element' => 'flip_box_style', 'value' => array( 'advanced' ), ), 'group' => 'Back', ), array( 'type' => 'colorpicker', 'class' => '', 'heading' => __( 'Description Color', 'ultimate_vc' ), 'param_name' => 'block_back_desc_color', 'value' => '', 'description' => __( 'Color of back side description text.', 'ultimate_vc' ), 'dependency' => array( 'element' => 'flip_box_style', 'value' => array( 'advanced' ), ), 'group' => 'Back', ), array( 'type' => 'colorpicker', 'class' => '', 'heading' => __( 'Background Color', 'ultimate_vc' ), 'param_name' => 'block_back_color', 'value' => '#efefef', 'description' => __( 'Select the background color for back .', 'ultimate_vc' ), 'dependency' => array( 'element' => 'flip_box_style', 'value' => array( 'advanced' ), ), 'group' => 'Back', ), array( 'type' => 'colorpicker', 'class' => '', 'heading' => __( 'Border Color', 'ultimate_vc' ), 'param_name' => 'box_border_color_back', 'value' => '#A4A4A4', 'description' => __( 'Select the color for border on back.', 'ultimate_vc' ), 'dependency' => array( 'element' => 'box_border_style', 'value' => array( 'solid', 'dashed', 'dotted', 'double', 'inset', 'outset' ), ), 'group' => 'Back', ), array( 'type' => 'dropdown', 'class' => '', 'heading' => __( 'Link', 'ultimate_vc' ), 'param_name' => 'custom_link', 'value' => array( 'No Link' => '', 'Add custom link with button' => '1', ), 'description' => __( 'You can add / remove custom link', 'ultimate_vc' ), ), array( 'type' => 'vc_link', 'class' => '', 'heading' => __( 'Link ', 'ultimate_vc' ), 'param_name' => 'button_link', 'value' => '', 'description' => __( 'You can link or remove the existing link on the button from here.', 'ultimate_vc' ), 'dependency' => array( 'element' => 'custom_link', 'not_empty' => true, 'value' => array( '1' ), ), ), array( 'type' => 'textfield', 'class' => '', 'heading' => __( 'Button Text', 'ultimate_vc' ), 'param_name' => 'button_text', 'value' => '', 'description' => __( 'The "call to action" text', 'ultimate_vc' ), 'dependency' => array( 'element' => 'custom_link', 'not_empty' => true, 'value' => array( '1' ), ), ), array( 'type' => 'colorpicker', 'class' => '', 'heading' => __( 'Button background color', 'ultimate_vc' ), 'param_name' => 'button_bg', 'value' => '#333333', 'description' => __( "Color of the button. Make sure it'll match with Back Side Box Color.", 'ultimate_vc' ), 'dependency' => array( 'element' => 'custom_link', 'not_empty' => true, 'value' => array( '1' ), ), ), array( 'type' => 'colorpicker', 'class' => '', 'heading' => __( 'Button Text Color', 'ultimate_vc' ), 'param_name' => 'button_txt', 'value' => '#FFFFFF', 'description' => __( 'Select the color for button text.', 'ultimate_vc' ), 'dependency' => array( 'element' => 'custom_link', 'not_empty' => true, 'value' => array( '1' ), ), ), array( 'type' => 'dropdown', 'class' => '', 'heading' => __( 'Set Box Height', 'ultimate_vc' ), 'param_name' => 'height_type', 'value' => array( __( 'Display full the content and adjust height of box accordingly', 'ultimate_vc' ) => 'ifb-jq-height', __( "Hide extra content that doesn't fit in height of the box", 'ultimate_vc' ) => 'ifb-auto-height', __( 'Give a custom height of your choice to the box', 'ultimate_vc' ) => 'ifb-custom-height', ), 'description' => __( 'Select height option for this box.', 'ultimate_vc' ), ), array( 'type' => 'number', 'class' => '', 'heading' => __( 'Box Height', 'ultimate_vc' ), 'param_name' => 'box_height', 'value' => 300, 'min' => 200, 'max' => 1200, 'suffix' => 'px', 'description' => __( 'Provide box height', 'ultimate_vc' ), 'dependency' => array( 'element' => 'height_type', 'value' => array( 'ifb-custom-height' ), ), ), array( 'type' => 'ult_switch', 'class' => '', 'param_name' => 'cont_align', 'value' => 'off', 'default_set' => true, 'options' => array( 'on' => array( 'label' => __( 'Display Content Vertically Center ?', 'ultimate_vc' ), 'on' => __( 'Yes', 'ultimate_vc' ), 'off' => __( 'No', 'ultimate_vc' ), ), ), ), array( 'type' => 'textfield', 'class' => '', 'heading' => __( 'Extra Class', 'ultimate_vc' ), 'param_name' => 'el_class', 'value' => '', 'description' => __( 'Add extra class name that will be applied to the icon process, and you can use this class for your customizations.', 'ultimate_vc' ), ), array( 'type' => 'text', 'param_name' => 'ult_param_heading', 'heading' => __( 'Title settings', 'ultimate_vc' ), 'value' => '', 'class' => 'ult-param-heading', 'edit_field_class' => 'ult-param-heading-wrapper no-top-margin vc_column vc_col-sm-12', 'group' => 'Typography', ), array( 'type' => 'ultimate_google_fonts', 'heading' => __( 'Font Family', 'ultimate_vc' ), 'param_name' => 'title_font', 'description' => __( 'Select the font of your choice.', 'ultimate_vc' ) . ' ' . __( 'You can', 'ultimate_vc' ) . " <a target='_blank' rel='noopener' href='" . admin_url( 'admin.php?page=bsf-google-font-manager' ) . "'>" . __( 'add new in the collection here', 'ultimate_vc' ) . '</a>.', 'value' => '', 'group' => 'Typography', ), array( 'type' => 'ultimate_google_fonts_style', 'heading' => __( 'Font Style', 'ultimate_vc' ), 'param_name' => 'title_font_style', 'value' => '', 'group' => 'Typography', ), array( 'type' => 'ultimate_responsive', 'class' => '', 'heading' => __( 'Font size', 'ultimate_vc' ), 'param_name' => 'title_font_size', 'unit' => 'px', 'media' => array( 'Desktop' => '', 'Tablet' => '', 'Tablet Portrait' => '', 'Mobile Landscape' => '', 'Mobile' => '', ), 'group' => 'Typography', ), array( 'type' => 'ultimate_responsive', 'class' => '', 'heading' => __( 'Font Line Height', 'ultimate_vc' ), 'param_name' => 'title_font_line_height', 'unit' => 'px', 'media' => array( 'Desktop' => '', 'Tablet' => '', 'Tablet Portrait' => '', 'Mobile Landscape' => '', 'Mobile' => '', ), 'group' => 'Typography', ), array( 'type' => 'ult_param_heading', 'param_name' => 'desc_text_typography', 'heading' => __( 'Description settings', 'ultimate_vc' ), 'value' => '', 'class' => 'ult-param-heading', 'edit_field_class' => 'ult-param-heading-wrapper vc_column vc_col-sm-12', 'group' => 'Typography', ), array( 'type' => 'ultimate_google_fonts', 'heading' => __( 'Font Family', 'ultimate_vc' ), 'param_name' => 'desc_font', 'description' => __( 'Select the font of your choice.', 'ultimate_vc' ) . ' ' . __( 'You can', 'ultimate_vc' ) . " <a target='_blank' rel='noopener' href='" . admin_url( 'admin.php?page=bsf-google-font-manager' ) . "'>" . __( 'add new in the collection here', 'ultimate_vc' ) . '</a>.', 'value' => '', 'group' => 'Typography', ), array( 'type' => 'ultimate_google_fonts_style', 'heading' => __( 'Font Style', 'ultimate_vc' ), 'param_name' => 'desc_font_style', 'value' => '', 'group' => 'Typography', ), array( 'type' => 'ultimate_responsive', 'class' => '', 'heading' => __( 'Font size', 'ultimate_vc' ), 'param_name' => 'desc_font_size', 'unit' => 'px', 'media' => array( 'Desktop' => '', 'Tablet' => '', 'Tablet Portrait' => '', 'Mobile Landscape' => '', 'Mobile' => '', ), 'group' => 'Typography', ), array( 'type' => 'ultimate_responsive', 'class' => '', 'heading' => __( 'Font Line Height', 'ultimate_vc' ), 'param_name' => 'desc_font_line_height', 'unit' => 'px', 'media' => array( 'Desktop' => '', 'Tablet' => '', 'Tablet Portrait' => '', 'Mobile Landscape' => '', 'Mobile' => '', ), 'group' => 'Typography', ), array( 'type' => 'ult_param_heading', 'text' => "<span style='display: block;'><a href='http://bsf.io/1qnl6' target='_blank' rel='noopener'>" . __( 'Watch Video Tutorial', 'ultimate_vc' ) . " <span class='dashicons dashicons-video-alt3' style='font-size:30px;vertical-align: middle;color: #e52d27;'></span></a></span>", 'param_name' => 'notification', 'edit_field_class' => 'ult-param-important-wrapper ult-dashicon ult-align-right ult-bold-font ult-blue-font vc_column vc_col-sm-12', ), array( 'type' => 'ultimate_spacing', 'heading' => 'Padding', 'param_name' => 'flipbx_padding', 'mode' => 'padding', 'unit' => 'px', 'positions' => array( 'Top' => '', 'Right' => '', 'Bottom' => '', 'Left' => '', ), 'group' => __( 'Design ', 'ultimate_vc' ), 'description' => __( 'Add Padding to FlipBox.', 'ultimate_vc' ), ), array( 'type' => 'ultimate_spacing', 'heading' => 'Margin ', 'param_name' => 'flipbx_margin', 'mode' => 'margin', 'unit' => 'px', 'positions' => array( 'Top' => '', 'Right' => '', 'Bottom' => '', 'Left' => '', ), 'group' => __( 'Design ', 'ultimate_vc' ), 'description' => __( 'Add Margin to FlipBox.', 'ultimate_vc' ), ), ), ) ); } } /** * Render function for Flip Box Module. * * @param array $atts represts module attribuits. * @access public */ public function block_shortcode( $atts ) { $animation = ''; $font_size_icon = ''; $front_text = ''; $back_text = ''; $frontd_text = ''; $backd_text = ''; $box_border_color_advanced = ''; $ult_flip_settings = shortcode_atts( array( 'icon_type' => 'selector', 'icon' => '', 'icon_img' => '', 'img_width' => '48', 'icon_size' => '32', 'icon_color' => '#333333', 'icon_style' => 'none', 'icon_color_bg' => '#ffffff', 'icon_color_border' => '#333333', 'icon_border_style' => 'solid', 'icon_border_size' => '1', 'icon_border_radius' => '500', 'icon_border_spacing' => '50', 'icon_link' => '', 'icon_animation' => '', 'block_title_front' => '', 'front_heading_tag' => 'h3', 'block_desc_front' => '', 'block_title_back' => '', 'back_heading_tag' => 'h3', 'block_desc_back' => '', 'custom_link' => '', 'button_text' => '', 'button_link' => '', 'button_bg' => '#333333', 'button_txt' => '#FFFFFF', 'flip_type' => 'horizontal_flip_left', 'text_color' => '#333333', 'desc_color' => '', 'bg_color' => '#efefef', 'block_text_color' => '#333333', 'block_desc_color' => '', 'block_front_color' => '#efefef', 'block_back_color' => '#efefef', 'el_class' => '', 'block_back_text_color' => '#333333', 'block_back_desc_color' => '', 'border_size' => '2', 'border_color' => '#A4A4A4', 'border_radius' => '', 'box_border_style' => 'none', 'box_border_size' => '2', 'border_radius_box' => '', 'box_border_color' => '#A4A4A4', 'box_border_color_back' => '#A4A4A4', 'height_type' => 'ifb-jq-height', 'box_height' => '300', 'flip_box_style' => 'simple', 'title_font' => '', 'title_font_style' => '', 'title_font_size' => '', 'title_font_line_height' => '', 'desc_font' => '', 'desc_font_style' => '', 'desc_font_size' => '', 'desc_font_line_height' => '', 'cont_align' => '', 'flipbx_padding' => '', 'flipbx_margin' => '', ), $atts ); $output = ''; $f_style = ''; $b_style = ''; $ico_color = ''; $box_border = ''; $icon_border = ''; $link_style = ''; $height = ''; $link_sufix = ''; $link_prefix = ''; $link_style = ''; $title_style = ''; $desc_style = ''; $flip_design_style = ''; $url = ''; $target = ''; $link_title = ''; $rel = ''; $border_front = ''; $border_back = ''; $box_border_radius = ''; $flip_design_style = $ult_flip_settings['flipbx_margin']; $flip_design_style .= $ult_flip_settings['flipbx_padding']; if ( 'custom' == $ult_flip_settings['icon_type'] ) { $ult_flip_settings['icon_style'] = 'none'; } $flip_icon = do_shortcode( '[just_icon icon_type="' . esc_attr( $ult_flip_settings['icon_type'] ) . '" icon="' . esc_attr( $ult_flip_settings['icon'] ) . '" icon_img="' . esc_attr( $ult_flip_settings['icon_img'] ) . '" img_width="' . esc_attr( $ult_flip_settings['img_width'] ) . '" icon_size="' . esc_attr( $ult_flip_settings['icon_size'] ) . '" icon_color="' . esc_attr( $ult_flip_settings['icon_color'] ) . '" icon_style="' . esc_attr( $ult_flip_settings['icon_style'] ) . '" icon_color_bg="' . esc_attr( $ult_flip_settings['icon_color_bg'] ) . '" icon_color_border="' . esc_attr( $ult_flip_settings['icon_color_border'] ) . '" icon_border_style="' . esc_attr( $ult_flip_settings['icon_border_style'] ) . '" icon_border_size="' . esc_attr( $ult_flip_settings['icon_border_size'] ) . '" icon_border_radius="' . esc_attr( $ult_flip_settings['icon_border_radius'] ) . '" icon_border_spacing="' . esc_attr( $ult_flip_settings['icon_border_spacing'] ) . '" icon_link="' . esc_attr( $ult_flip_settings['icon_link'] ) . '" icon_animation="' . esc_attr( $ult_flip_settings['icon_animation'] ) . '"]' ); $css_trans = ''; $icon_border = ''; $box_border = ''; $height = ''; $target = ''; if ( '' != $ult_flip_settings['title_font'] ) { $font_family = get_ultimate_font_family( $ult_flip_settings['title_font'] ); $title_style .= 'font-family:\'' . $font_family . '\';'; } if ( '' != $ult_flip_settings['title_font_style'] ) { $title_style .= get_ultimate_font_style( $ult_flip_settings['title_font_style'] ); } if ( is_numeric( $ult_flip_settings['title_font_size'] ) ) { $ult_flip_settings['title_font_size'] = 'desktop:' . $ult_flip_settings['title_font_size'] . 'px;'; } if ( is_numeric( $ult_flip_settings['title_font_line_height'] ) ) { $ult_flip_settings['title_font_line_height'] = 'desktop:' . $ult_flip_settings['title_font_line_height'] . 'px;'; } $flip_box_id = 'flip-box-wrap-' . wp_rand( 1000, 9999 ); $ult_flip_box_args = array( 'target' => '#' . $flip_box_id . ' .ult-responsive.flipbox_heading', // set targeted element e.g. unique class/id etc. 'media_sizes' => array( 'font-size' => $ult_flip_settings['title_font_size'], // set 'css property' & 'ultimate_responsive' sizes. Here $title_responsive_font_size holds responsive font sizes from user input. 'line-height' => $ult_flip_settings['title_font_line_height'], ), ); $data_list = get_ultimate_vc_responsive_media_css( $ult_flip_box_args ); /* description */ if ( '' != $ult_flip_settings['desc_font'] ) { $font_family = get_ultimate_font_family( $ult_flip_settings['desc_font'] ); $desc_style .= 'font-family:\'' . $font_family . '\';'; } if ( '' != $ult_flip_settings['desc_font_style'] ) { $desc_style .= get_ultimate_font_style( $ult_flip_settings['desc_font_style'] ); } if ( is_numeric( $ult_flip_settings['desc_font_size'] ) ) { $ult_flip_settings['desc_font_size'] = 'desktop:' . $ult_flip_settings['desc_font_size'] . 'px;'; } if ( is_numeric( $ult_flip_settings['desc_font_line_height'] ) ) { $ult_flip_settings['desc_font_line_height'] = 'desktop:' . $ult_flip_settings['desc_font_line_height'] . 'px;'; } $ult_flip_box_args_desc = array( 'target' => '#' . $flip_box_id . ' .ifb-flip-box-section-content.ult-responsive', // set targeted element e.g. unique class/id etc. 'media_sizes' => array( 'font-size' => $ult_flip_settings['desc_font_size'], // set 'css property' & 'ultimate_responsive' sizes. Here $title_responsive_font_size holds responsive font sizes from user input. 'line-height' => $ult_flip_settings['desc_font_line_height'], ), ); $data_list_desc = get_ultimate_vc_responsive_media_css( $ult_flip_box_args_desc ); if ( 'none' !== $ult_flip_settings['icon_border_style'] ) { $icon_border .= 'border-style: ' . $ult_flip_settings['icon_border_style'] . ';'; $icon_border .= 'border-width: ' . $ult_flip_settings['icon_border_size'] . 'px;'; } $box_style_data = ''; if ( 'ifb-custom-height' == $ult_flip_settings['height_type'] ) { $box_style_data .= " data-min-height='" . $ult_flip_settings['box_height'] . "px'"; $ult_flip_settings['flip_type'] .= ' flip-box-custom-height'; } if ( 'simple' !== $ult_flip_settings['flip_box_style'] ) { $border_front = 'border-color:' . $ult_flip_settings['box_border_color'] . ';'; $border_back = 'border-color:' . $ult_flip_settings['box_border_color_back'] . ';'; if ( 'none' !== $ult_flip_settings['box_border_style'] ) { $box_border .= 'border-style: ' . $ult_flip_settings['box_border_style'] . ';'; $box_border .= 'border-width: ' . $ult_flip_settings['box_border_size'] . 'px;'; } if ( 'none' !== $ult_flip_settings['box_border_style'] ) { if ( '' != $ult_flip_settings['border_radius_box'] ) { $box_border_radius .= 'border-radius: ' . $ult_flip_settings['border_radius_box'] . 'px;'; } } if ( 'none' !== $animation ) { $css_trans = 'data-animation="' . esc_attr( $animation ) . '" data-animation-delay="03"'; } if ( '' != $ult_flip_settings['block_text_color'] ) { $f_style .= 'color:' . $ult_flip_settings['block_text_color'] . ';'; $front_text .= 'color:' . $ult_flip_settings['block_text_color'] . ';'; } if ( '' != $ult_flip_settings['block_desc_color'] ) { $f_style .= 'color:' . $ult_flip_settings['block_desc_color'] . ';'; $frontd_text .= 'color:' . $ult_flip_settings['block_desc_color'] . ';'; } if ( '' != $ult_flip_settings['block_front_color'] ) { $f_style .= 'background:' . $ult_flip_settings['block_front_color'] . ';'; } if ( '' != $ult_flip_settings['block_back_text_color'] ) { $b_style .= 'color:' . $ult_flip_settings['block_back_text_color'] . ';'; $back_text .= 'color:' . $ult_flip_settings['block_back_text_color'] . ';'; } if ( '' != $ult_flip_settings['block_back_desc_color'] ) { $b_style .= 'color:' . $ult_flip_settings['block_back_desc_color'] . ';'; $backd_text .= 'color:' . $ult_flip_settings['block_back_desc_color'] . ';'; } if ( '' != $ult_flip_settings['block_back_color'] ) { $b_style .= 'background:' . $ult_flip_settings['block_back_color'] . ';'; } } else { if ( '' != $ult_flip_settings['text_color'] ) { $f_style .= 'color:' . $ult_flip_settings['text_color'] . ';'; $b_style .= 'color:' . $ult_flip_settings['text_color'] . ';'; $front_text = 'color:' . $ult_flip_settings['text_color'] . ';'; $back_text = 'color:' . $ult_flip_settings['text_color'] . ';'; $desc_style .= 'color:' . $ult_flip_settings['block_text_color'] . ';'; } if ( '' != $ult_flip_settings['desc_color'] ) { $f_style .= 'color:' . $ult_flip_settings['desc_color'] . ';'; $b_style .= 'color:' . $ult_flip_settings['desc_color'] . ';'; $frontd_text = 'color:' . $ult_flip_settings['desc_color'] . ';'; $backd_text = 'color:' . $ult_flip_settings['desc_color'] . ';'; } if ( '' != $ult_flip_settings['bg_color'] ) { $f_style .= 'background:' . $ult_flip_settings['bg_color'] . ';'; $b_style .= 'background:' . $ult_flip_settings['bg_color'] . ';'; } if ( '' != $ult_flip_settings['border_color'] ) { $border_front = 'border-color:' . $ult_flip_settings['border_color'] . ';'; $border_back = 'border-color:' . $ult_flip_settings['border_color'] . ';'; $box_border = 'border-width: ' . $ult_flip_settings['border_size'] . 'px;'; $box_border .= 'border-style: solid;'; $box_border_radius = 'border-radius: ' . $ult_flip_settings['border_radius'] . 'px;'; } } if ( '' == $ult_flip_settings['cont_align'] ) { $ult_flip_settings['cont_align'] = 'off'; } $verticalcont = ''; if ( 'on' == $ult_flip_settings['cont_align'] ) { $verticalcont .= 'ifb-flip-box-section-vertical-middle'; } $output .= '<div class="flip-box-wrap" style="' . esc_attr( $flip_design_style ) . '">'; $output .= '<div class="flip-box ' . esc_attr( $ult_flip_settings['height_type'] ) . ' ' . esc_attr( $ult_flip_settings['el_class'] ) . ' ' . esc_attr( $ult_flip_settings['flip_type'] ) . ' flip-' . esc_attr( $ult_flip_settings['height_type'] ) . '" ' . $css_trans . ' style="' . esc_attr( $height ) . '" ' . $box_style_data . '>'; $output .= '<div class="ifb-flip-box" id="' . esc_attr( $flip_box_id ) . '">'; $output .= '<div class="ifb-face ifb-front " style="' . esc_attr( $f_style ) . ' ' . esc_attr( $box_border ) . ' ' . esc_attr( $border_front ) . ' ' . esc_attr( $box_border_radius ) . '"> <div class="ifb-flip-box-section ' . esc_attr( $verticalcont ) . '"> '; if ( '' !== $ult_flip_settings['icon'] || '' !== $ult_flip_settings['icon_img'] ) { $output .= '<div class="flip-box-icon">' . $flip_icon . '</div>'; } if ( '' != $ult_flip_settings['block_title_front'] ) { $output .= '<' . $ult_flip_settings['front_heading_tag'] . ' class="ult-responsive flipbox_heading" ' . $data_list . ' style="' . esc_attr( $front_text ) . ' ' . esc_attr( $title_style ) . '">' . $ult_flip_settings['block_title_front'] . '</' . $ult_flip_settings['front_heading_tag'] . '>'; } if ( '' != $ult_flip_settings['block_desc_front'] ) { $output .= '<div class="ifb-flip-box-section-content ult-responsive" ' . $data_list_desc . ' style="' . esc_attr( $desc_style ) . esc_attr( $front_text ) . esc_attr( $frontd_text ) . '"><p>' . $ult_flip_settings['block_desc_front'] . '</p></div>'; } $output .= '</div></div><!-- END .front --> <div class="ifb-face ifb-back" style="' . esc_attr( $b_style ) . ' ' . esc_attr( $box_border ) . ' ' . esc_attr( $border_back ) . ' ' . esc_attr( $box_border_radius ) . '"> <div class="ifb-flip-box-section ' . esc_attr( $verticalcont ) . '">'; if ( '' != $ult_flip_settings['block_title_back'] ) { $output .= '<' . $ult_flip_settings['back_heading_tag'] . ' class="ult-responsive flipbox_heading" ' . $data_list . ' style="' . esc_attr( $back_text ) . ' ' . esc_attr( $title_style ) . '">' . $ult_flip_settings['block_title_back'] . '</' . $ult_flip_settings['back_heading_tag'] . '>'; } if ( '' != $ult_flip_settings['block_desc_back'] ) { if ( '' !== $ult_flip_settings['button_link'] ) { $output .= '<div class="ifb-desc-back">'; } $output .= '<div class="ifb-flip-box-section-content ult-responsive" ' . $data_list_desc . ' style="' . esc_attr( $desc_style ) . esc_attr( $back_text ) . esc_attr( $backd_text ) . '"><p>' . $ult_flip_settings['block_desc_back'] . '</p></div>'; if ( '' !== $ult_flip_settings['button_link'] ) { $output .= '</div>'; } } if ( '' !== $ult_flip_settings['button_text'] && $ult_flip_settings['custom_link'] ) { $link_prefix = '<div class="flip_link">'; if ( '' !== $ult_flip_settings['button_bg'] && '' !== $ult_flip_settings['button_txt'] ) { $link_style = 'style="background:' . esc_attr( $ult_flip_settings['button_bg'] ) . '; color:' . esc_attr( $ult_flip_settings['button_txt'] ) . ';"'; } if ( '' !== $ult_flip_settings['button_link'] ) { $href = vc_build_link( $ult_flip_settings['button_link'] ); $url = ( isset( $href['url'] ) && '' !== $href['url'] ) ? $href['url'] : ''; $target = ( isset( $href['target'] ) && '' !== $href['target'] ) ? esc_attr( trim( $href['target'] ) ) : ''; $link_title = ( isset( $href['title'] ) && '' !== $href['title'] ) ? esc_attr( $href['title'] ) : ''; $rel = ( isset( $href['rel'] ) && '' !== $href['rel'] ) ? esc_attr( $href['rel'] ) : ''; $link_prefix .= '<a ' . Ultimate_VC_Addons::uavc_link_init( $url, $target, $link_title, $rel ) . ' ' . $link_style . '>'; $link_sufix .= '</a>'; } $link_sufix .= '</div>'; $output .= $link_prefix . $ult_flip_settings['button_text'] . $link_sufix; } $output .= '</div></div><!-- END .back -->'; $output .= '</div> <!-- ifb-flip-box -->'; $output .= '</div> <!-- flip-box -->'; $output .= '</div><!-- End icon block -->'; $is_preset = false; // Retrieve preset Code. if ( isset( $_GET['preset'] ) ) { // PHPCS:ignore:WordPress.Security.NonceVerification.Recommended $is_preset = true; } if ( $is_preset ) { $text = 'array ( '; foreach ( $atts as $key => $att ) { $text .= '<br/> \'' . $key . '\' => \'' . $att . '\','; } if ( '' != $content ) { $text .= '<br/> \'content\' => \'' . $content . '\','; } $text .= '<br/>)'; $output .= '<pre>'; $output .= $text; $output .= '</pre>'; // remove backslash once copied. } return $output; } /** * Function that register styles and scripts for Flip Box Module. * * @method flip_box_scripts */ public function flip_box_scripts() { Ultimate_VC_Addons::ultimate_register_script( 'flip_box_js', 'flip-box', false, array( 'jquery' ), ULTIMATE_VERSION, true ); Ultimate_VC_Addons::ultimate_register_style( 'ult-flip-style', 'flip-box' ); } } // instantiate the class. new AIO_Flip_Box(); if ( class_exists( 'WPBakeryShortCode' ) && ! class_exists( 'WPBakeryShortCode_Icon_Counter' ) ) { /** * Function that checks if the class is exists or not. */ class WPBakeryShortCode_Icon_Counter extends WPBakeryShortCode { } } }
Save