✘ GRAYBYTE_WPFM ✘

<?php /** * Add an element to fusion-builder. * * @package fusion-builder * @since 1.0 */ if ( fusion_is_element_enabled( 'fusion_content_boxes' ) ) { if ( ! class_exists( 'FusionSC_ContentBoxes' ) ) { /** * Shortcode class. * * @since 1.0 */ class FusionSC_ContentBoxes extends Fusion_Element { /** * Content box counter. * * @access private * @since 1.0 * @var int */ private $content_box_counter = 1; /** * Columns counter. * * @access private * @since 1.0 * @var int */ private $column_counter = 1; /** * Number of columns. * * @access private * @since 1.0 * @var int */ private $num_of_columns = 1; /** * Total number of columns. * * @access private * @since 1.0 * @var int */ private $total_num_of_columns = 1; /** * Rows counter. * * @access private * @since 1.0 * @var int */ private $row_counter = 1; /** * Parent SC arguments. * * @access protected * @since 1.0 * @var array */ protected $parent_args; /** * Child SC arguments. * * @access protected * @since 1.0 * @var array */ protected $child_args; /** * Constructor. * * @access public * @since 1.0 * @since 1.0 */ public function __construct() { parent::__construct(); add_filter( 'fusion_attr_content-box-shortcode', [ $this, 'child_attr' ] ); add_filter( 'fusion_attr_content-box-shortcode-content-wrapper', [ $this, 'content_wrapper_attr' ] ); add_filter( 'fusion_attr_content-box-shortcode-heading-wrapper', [ $this, 'heading_wrapper_attr' ] ); add_filter( 'fusion_attr_content-box-shortcode-content-container', [ $this, 'content_container_attr' ] ); add_filter( 'fusion_attr_content-box-shortcode-link', [ $this, 'link_attr' ] ); add_filter( 'fusion_attr_content-box-shortcode-icon-parent', [ $this, 'icon_parent_attr' ] ); add_filter( 'fusion_attr_content-box-shortcode-icon-wrapper', [ $this, 'icon_wrapper_attr' ] ); add_filter( 'fusion_attr_content-box-shortcode-icon', [ $this, 'icon_attr' ] ); add_filter( 'fusion_attr_content-box-shortcode-timeline', [ $this, 'timeline_attr' ] ); add_filter( 'fusion_attr_content-box-heading', [ $this, 'content_box_heading_attr' ] ); add_shortcode( 'fusion_content_box', [ $this, 'render_child' ] ); add_filter( 'fusion_attr_content-boxes-shortcode', [ $this, 'parent_attr' ] ); add_shortcode( 'fusion_content_boxes', [ $this, 'render_parent' ] ); add_action( 'wp_ajax_get_fusion_content_box_image_data', [ $this, 'ajax_query_single_child' ] ); add_action( 'wp_ajax_get_fusion_content_boxes_children_data', [ $this, 'query_children' ] ); } /** * Gets the query data. * * @static * @access public * @since 2.0.0 * @return void */ public function ajax_query_single_child() { check_ajax_referer( 'fusion_load_nonce', 'fusion_load_nonce' ); $this->query_single_child(); } /** * Gets the query data for single children. * * @access public * @since 2.0.0 */ public function query_single_child() { $return_data = []; if ( isset( $_POST['model'] ) ) { // phpcs:ignore WordPress.Security.NonceVerification if ( isset( $_POST['model']['params'] ) ) { // phpcs:ignore WordPress.Security.NonceVerification $defaults = $_POST['model']['params']; // phpcs:ignore WordPress.Security } if ( isset( $defaults['image_id'] ) ) { $image_index = '' !== $defaults['image_id'] ? $defaults['image_id'] : $defaults['image']; $return_data[ $image_index ] = fusion_library()->images->get_attachment_data_by_helper( $defaults['image_id'], $defaults['image'] ); } echo wp_json_encode( $return_data ); } wp_die(); } /** * Gets the query data for all children. * * @access public * @since 2.0.0 */ public function query_children() { check_ajax_referer( 'fusion_load_nonce', 'fusion_load_nonce' ); $return_data = []; // From Ajax Request. if ( isset( $_POST['children'] ) ) { $children = $_POST['children']; // phpcs:ignore WordPress.Security foreach ( $children as $cid => $params ) { if ( isset( $params['image_id'] ) ) { $image_index = isset( $params['image_id'] ) && '' !== $params['image_id'] ? $params['image_id'] : $params['image']; $return_data[ $image_index ] = fusion_library()->images->get_attachment_data_by_helper( $params['image_id'], $params['image'] ); } } echo wp_json_encode( $return_data ); } wp_die(); } /** * Gets the default values. * * @static * @access public * @since 2.0.0 * @param string $context Whether we want parent or child. * Returns array( parent, child ) if empty. * @return array */ public static function get_element_defaults( $context = '' ) { $fusion_settings = awb_get_fusion_settings(); $parent = [ 'hide_on_mobile' => fusion_builder_default_visibility( 'string' ), 'class' => '', 'id' => '', 'alignment' => '', 'backgroundcolor' => $fusion_settings->get( 'content_box_bg_color' ), 'border_radius_top_left' => '', 'border_radius_top_right' => '', 'border_radius_bottom_right' => '', 'border_radius_bottom_left' => '', 'columns' => '', 'circle' => '', 'heading_size' => '2', 'icon' => '', 'iconflip' => '', 'iconrotate' => '', 'iconspin' => '', 'iconcolor' => '', 'iconcolor_hover' => '', 'circlecolor' => fusion_library()->sanitize->color( $fusion_settings->get( 'content_box_icon_bg_color' ) ), 'circlecolor_hover' => '', 'circlebordercolor' => fusion_library()->sanitize->color( $fusion_settings->get( 'content_box_icon_bg_inner_border_color' ) ), 'circlebordersize' => intval( $fusion_settings->get( 'content_box_icon_bg_inner_border_size' ) ) . 'px', 'outercirclebordercolor' => fusion_library()->sanitize->color( $fusion_settings->get( 'content_box_icon_bg_outer_border_color' ) ), 'outercirclebordersize' => intval( $fusion_settings->get( 'content_box_icon_bg_outer_border_size' ) ) . 'px', 'icon_circle' => $fusion_settings->get( 'content_box_icon_circle' ), 'icon_circle_radius' => $fusion_settings->get( 'content_box_icon_circle_radius' ), 'icon_size' => fusion_library()->sanitize->size( $fusion_settings->get( 'content_box_icon_size' ) ), 'icon_align' => '', 'icon_hover_type' => $fusion_settings->get( 'content_box_icon_hover_type' ), 'hover_accent_color' => ( '' !== $fusion_settings->get( 'content_box_hover_animation_accent_color' ) ) ? fusion_library()->sanitize->color( $fusion_settings->get( 'content_box_hover_animation_accent_color' ) ) : fusion_library()->sanitize->color( $fusion_settings->get( 'link_hover_color' ) ), 'image' => '', 'image_id' => '', 'image_max_width' => '', 'layout' => 'icon-with-title', 'margin_top' => '', 'margin_bottom' => '', 'title_size' => fusion_library()->sanitize->size( $fusion_settings->get( 'content_box_title_size' ) ), 'title_color' => '', 'body_color' => fusion_library()->sanitize->color( $fusion_settings->get( 'content_box_body_color' ) ), 'link_type' => $fusion_settings->get( 'content_box_link_type' ), 'button_span' => $fusion_settings->get( 'content_box_button_span' ), 'link_area' => $fusion_settings->get( 'content_box_link_area' ), 'link_target' => $fusion_settings->get( 'content_box_link_target' ), 'animation_type' => '', 'animation_delay' => '0', 'animation_direction' => 'left', 'animation_speed' => '0.1', 'animation_offset' => $fusion_settings->get( 'animation_offset' ), 'animation_color' => '', 'settings_lvl' => 'child', 'linktarget' => '', // Deprecated. 'responsive_typography' => 0.0 < $fusion_settings->get( 'typography_sensitivity' ), 'item_margin_top' => '', 'item_margin_bottom' => '', 'box_shadow' => '', 'box_shadow_blur' => '', 'box_shadow_color' => '', 'box_shadow_horizontal' => '', 'box_shadow_spread' => '', 'box_shadow_style' => '', 'box_shadow_vertical' => '', 'dynamic_params' => '', ]; $child = [ 'class' => '', 'id' => '', 'backgroundcolor' => '', 'circle' => '', 'circlecolor' => '', 'circlecolor_hover' => '', 'circlebordercolor' => '', 'circlebordersize' => '', 'outercirclebordercolor' => '', 'outercirclebordersize' => '', 'icon' => $parent['icon'], 'iconcolor' => '', 'iconcolor_hover' => '', 'iconflip' => '', 'iconrotate' => '', 'iconspin' => '', 'image' => '', 'image_max_width' => '', 'link' => '', 'link_target' => '', 'linktext' => '', 'textcolor' => '', 'title' => '', 'animation_type' => '', 'animation_direction' => '', 'animation_speed' => '', 'animation_offset' => '', 'animation_color' => '', 'linktarget' => '', // Deprecated. ]; if ( 'parent' === $context ) { return $parent; } elseif ( 'child' === $context ) { return $child; } else { return [ 'parent' => $parent, 'child' => $child, ]; } } /** * Maps settings to param variables. * * @static * @access public * @param string $context Whether we want parent or child. * @since 2.0.0 * @return array */ public static function settings_to_params( $context = '' ) { $parent = [ 'content_box_icon_color' => 'iconcolor', 'content_box_bg_color' => 'backgroundcolor', 'content_box_icon_bg_color' => 'circlecolor', 'content_box_icon_bg_inner_border_color' => 'circlebordercolor', 'content_box_icon_bg_inner_border_size' => 'circlebordersize', 'content_box_icon_bg_outer_border_color' => 'outercirclebordercolor', 'content_box_icon_bg_outer_border_size' => 'outercirclebordersize', 'content_box_icon_circle' => 'icon_circle', 'content_box_icon_circle_radius' => 'icon_circle_radius', 'content_box_icon_size' => 'icon_size', 'content_box_icon_hover_type' => 'icon_hover_type', 'content_box_hover_animation_accent_color' => 'hover_accent_color', 'content_box_margin[top]' => 'margin_top', 'content_box_margin[bottom]' => 'margin_bottom', 'content_box_title_size' => 'title_size', 'content_box_title_color' => 'title_color', 'content_box_body_color' => 'body_color', 'content_box_link_type' => 'link_type', 'content_box_link_area' => 'link_area', 'content_box_link_target' => 'link_target', 'animation_offset' => 'animation_offset', 'content_box_button_span' => 'button_span', ]; $child = []; if ( 'parent' === $context ) { return $parent; } elseif ( 'child' === $context ) { return $child; } else { return [ 'parent' => $parent, 'child' => $child, ]; } } /** * Used to set any other variables for use on front-end editor template. * * @static * @access public * @param string $context Whether we want parent or child. * @since 2.0.0 * @return array */ public static function get_element_extras( $context = '' ) { $fusion_settings = awb_get_fusion_settings(); $parent = []; $child = [ 'button_shape' => strtolower( $fusion_settings->get( 'button_shape' ) ), 'button_type' => strtolower( $fusion_settings->get( 'button_type' ) ), ]; if ( 'parent' === $context ) { return $parent; } if ( 'child' === $context ) { return $child; } return [ 'parent' => $parent, 'child' => $child, ]; } /** * Maps settings to extra variables. * * @static * @access public * @param string $context Whether we want parent or child. * @since 2.0.0 * @return array */ public static function settings_to_extras( $context = '' ) { $parent = []; $child = [ 'button_shape' => 'button_shape', 'button_type' => 'button_type', ]; if ( 'parent' === $context ) { return $parent; } elseif ( 'child' === $context ) { return $child; } else { return [ 'parent' => $parent, 'child' => $child, ]; } } /** * Change args to valid values based on other options. * * @access public * @param string $context The parent or child context. Defaults to ''. * @since 3.9 * @return void */ public function validate_args( $context = '' ) { if ( 'parent' === $context ) { if ( 5 >= $this->parent_args['animation_delay'] ) { $this->parent_args['animation_delay'] = $this->parent_args['animation_delay'] * 1000; } } } /** * Render the shortcode. * * @access public * @since 1.0 * @param array $args Shortcode parameters. * @param string $content Content between shortcode. * @return string HTML output. */ public function render_parent( $args, $content = '' ) { $fusion_settings = awb_get_fusion_settings(); $defaults = FusionBuilder::set_shortcode_defaults( self::get_element_defaults( 'parent' ), $args, 'fusion_content_boxes' ); // Backwards compatibility for when we had image width and height params. if ( isset( $args['image_width'] ) ) { $defaults['image_width'] = ( $args['image_width'] ) ? $args['image_width'] : '35'; } else { $defaults['image_width'] = $defaults['image_max_width']; } $defaults['title_size'] = ( $defaults['title_size'] ) ? (float) fusion_library()->sanitize->number( $defaults['title_size'] ) : (float) fusion_library()->sanitize->number( $fusion_settings->get( 'content_box_title_size' ) ); $defaults['icon_circle_radius'] = FusionBuilder::validate_shortcode_attr_value( $defaults['icon_circle_radius'], 'px' ); $defaults['icon_size'] = FusionBuilder::validate_shortcode_attr_value( $defaults['icon_size'], 'px' ); $defaults['margin_top'] = FusionBuilder::validate_shortcode_attr_value( $defaults['margin_top'], 'px' ); $defaults['margin_bottom'] = FusionBuilder::validate_shortcode_attr_value( $defaults['margin_bottom'], 'px' ); $defaults['circlebordersize'] = FusionBuilder::validate_shortcode_attr_value( $defaults['circlebordersize'], 'px' ); $defaults['outercirclebordersize'] = FusionBuilder::validate_shortcode_attr_value( $defaults['outercirclebordersize'], 'px' ); if ( $defaults['linktarget'] ) { $defaults['link_target'] = $defaults['linktarget']; } if ( 'timeline-vertical' === $defaults['layout'] ) { $defaults['columns'] = 1; } if ( 'timeline-vertical' === $defaults['layout'] || 'timeline-horizontal' === $defaults['layout'] ) { // See #1362. $defaults['animation_delay'] = 350; $defaults['animation_speed'] = 0.25; $defaults['animation_type'] = 'fade'; $defaults['animation_direction'] = ''; } extract( $defaults ); $this->parent_args = $defaults; $this->validate_args( 'parent' ); $this->column_counter = 1; $this->row_counter = 1; preg_match_all( '/\[fusion_content_box (.*?)\]/s', $content, $matches ); if ( is_array( $matches ) && ! empty( $matches ) ) { $this->total_num_of_columns = count( $matches[0] ); } $this->num_of_columns = $columns; if ( ! $columns || empty( $columns ) ) { $this->num_of_columns = $this->total_num_of_columns; $this->num_of_columns = max( 6, $this->num_of_columns ); } elseif ( $columns > 6 ) { $this->num_of_columns = 6; } $html = '<div ' . FusionBuilder::attributes( 'content-boxes-shortcode' ) . '>'; if ( $this->parent_args['dynamic_params'] ) { $dynamic_data = json_decode( fusion_decode_if_needed( $this->parent_args['dynamic_params'] ), true ); if ( isset( $dynamic_data['parent_dynamic_content'] ) ) { $html .= self::get_acf_repeater( $dynamic_data['parent_dynamic_content'], $this->parent_args, $content ); } } else { $html .= do_shortcode( $content ); } $html .= '<div class="fusion-clearfix"></div></div>'; $this->content_box_counter++; $this->on_render(); return apply_filters( 'fusion_element_content_boxes_parent_content', $html, $args ); } /** * Builds the attributes array. * * @access public * @since 1.0 * @return array */ public function parent_attr() { $attr = [ 'class' => '', 'style' => $this->get_parent_css_vars(), ]; $attr['class'] = 'fusion-content-boxes content-boxes columns row'; $attr['class'] .= ' fusion-columns-' . $this->num_of_columns; $attr['class'] .= ' fusion-columns-total-' . $this->total_num_of_columns; $attr['class'] .= ' fusion-content-boxes-' . $this->content_box_counter; $attr['class'] .= ' content-boxes-' . $this->parent_args['layout']; $attr['class'] .= ' content-' . $this->parent_args['icon_align']; $attr = fusion_builder_visibility_atts( $this->parent_args['hide_on_mobile'], $attr ); if ( 'timeline-horizontal' === $this->parent_args['layout'] || 'clean-vertical' === $this->parent_args['layout'] ) { $attr['class'] .= ' content-boxes-icon-on-top'; } if ( 'timeline-vertical' === $this->parent_args['layout'] || 'timeline-horizontal' === $this->parent_args['layout'] ) { $attr['class'] .= ' content-boxes-timeline-layout'; } if ( 'timeline-vertical' === $this->parent_args['layout'] ) { $attr['class'] .= ' content-boxes-icon-with-title'; } if ( 'clean-horizontal' === $this->parent_args['layout'] ) { $attr['class'] .= ' content-boxes-icon-on-side'; } if ( $this->parent_args['alignment'] && ! Fusion_Color::new_color( $this->parent_args['backgroundcolor'] )->is_color_transparent() ) { $attr['class'] .= ' has-flex-alignment'; } if ( $this->parent_args['class'] ) { $attr['class'] .= ' ' . $this->parent_args['class']; } if ( $this->parent_args['id'] ) { $attr['id'] = $this->parent_args['id']; } if ( $this->parent_args['animation_delay'] ) { $attr['data-animation-delay'] = $this->parent_args['animation_delay']; $attr['class'] .= ' fusion-delayed-animation'; } if ( $this->parent_args['animation_offset'] ) { $animations = FusionBuilder::animations( [ 'offset' => $this->parent_args['animation_offset'], ] ); $attr = array_merge( $attr, $animations ); } return $attr; } /** * Render the child shortcode. * * @access public * @since 1.0 * @param array $args Shortcode parameters. * @param string $content Content between shortcode. * @return string HTML output. */ public function render_child( $args, $content = '' ) { $fusion_settings = awb_get_fusion_settings(); $defaults = FusionBuilder::set_shortcode_defaults( [ 'class' => '', 'id' => '', 'backgroundcolor' => $this->parent_args['backgroundcolor'], 'circle' => '', 'circlecolor' => $this->parent_args['circlecolor'], 'circlecolor_hover' => $this->parent_args['circlecolor_hover'], 'circlebordercolor' => $this->parent_args['circlebordercolor'], 'circlebordersize' => $this->parent_args['circlebordersize'], 'heading_size' => $this->parent_args['heading_size'], 'outercirclebordercolor' => $this->parent_args['outercirclebordercolor'], 'outercirclebordersize' => $this->parent_args['outercirclebordersize'], 'icon' => $this->parent_args['icon'], 'iconcolor' => $this->parent_args['iconcolor'], 'iconcolor_hover' => $this->parent_args['iconcolor_hover'], 'iconflip' => $this->parent_args['iconflip'], 'iconrotate' => $this->parent_args['iconrotate'], 'iconspin' => $this->parent_args['iconspin'], 'image' => $this->parent_args['image'], 'image_id' => $this->parent_args['image_id'], 'image_max_width' => $this->parent_args['image_max_width'], 'link' => '', 'link_target' => $this->parent_args['link_target'], 'linktext' => '', 'textcolor' => '', 'title' => '', 'animation_type' => $this->parent_args['animation_type'], 'animation_direction' => $this->parent_args['animation_direction'], 'animation_speed' => $this->parent_args['animation_speed'], 'animation_offset' => $this->parent_args['animation_offset'], 'animation_color' => $this->parent_args['animation_color'], 'linktarget' => '', // Deprecated. 'responsive_typography' => 0.0 < $fusion_settings->get( 'typography_sensitivity' ), ], $args, 'fusion_content_box' ); $content = apply_filters( 'fusion_shortcode_content', $content, 'fusion_content_box', $args ); // Case when image is set on parent element and icon on child element. if ( empty( $args['image'] ) && ! empty( $args['icon'] ) ) { $defaults['image'] = ''; } // Backwards compatibility for when we had image width and height params. if ( isset( $args['image_width'] ) && $args['image_width'] ) { $defaults['image_width'] = $args['image_width']; } else { $defaults['image_width'] = $defaults['image_max_width']; } $defaults['image_width'] = FusionBuilder::validate_shortcode_attr_value( $defaults['image_width'], '' ); if ( $defaults['image'] ) { $image_data = fusion_library()->images->get_attachment_data_by_helper( $defaults['image_id'], $defaults['image'] ); $image_width = $image_data['width']; $image_height = $image_data['height']; if ( '-1' === $defaults['image_width'] || '' === $defaults['image_width'] ) { $defaults['image_width'] = ( $image_width ) ? $image_width : '35'; } $defaults['image_height'] = ( $image_width ) ? round( $defaults['image_width'] / $image_width * $image_height, 2 ) : $defaults['image_width']; } else { $defaults['image_width'] = '' === $defaults['image_width'] ? '35' : $defaults['image_width']; $defaults['image_height'] = '35'; } if ( $defaults['linktarget'] ) { $defaults['link_target'] = $defaults['linktarget']; } if ( 'timeline-vertical' === $this->parent_args['layout'] || 'timeline-horizontal' === $this->parent_args['layout'] ) { $defaults['animation_speed'] = 0.25; $defaults['animation_type'] = 'fade'; $defaults['animation_direction'] = ''; } // This block is needed for legacy setups, #494. if ( 'parent' === $this->parent_args['settings_lvl'] ) { $defaults['backgroundcolor'] = $this->parent_args['backgroundcolor']; $defaults['circlecolor'] = $this->parent_args['circlecolor']; $defaults['circlebordercolor'] = $this->parent_args['circlebordercolor']; $defaults['circlebordersize'] = $this->parent_args['circlebordersize']; $defaults['outercirclebordercolor'] = $this->parent_args['outercirclebordercolor']; $defaults['outercirclebordersize'] = $this->parent_args['outercirclebordersize']; $defaults['iconcolor'] = $this->parent_args['iconcolor']; $defaults['animation_type'] = $this->parent_args['animation_type']; $defaults['animation_direction'] = $this->parent_args['animation_direction']; $defaults['animation_speed'] = $this->parent_args['animation_speed']; $defaults['link_target'] = $this->parent_args['link_target']; } // Make sure original child animation type is accessible, for later check on column-wrapper attributes. $defaults['animation_type_original'] = ( isset( $args['animation_type'] ) ) ? $args['animation_type'] : ''; $defaults['circlebordersize'] = FusionBuilder::validate_shortcode_attr_value( $defaults['circlebordersize'], 'px' ); $defaults['outercirclebordersize'] = FusionBuilder::validate_shortcode_attr_value( $defaults['outercirclebordersize'], 'px' ); extract( $defaults ); $this->child_args = $defaults; $output = ''; $icon_output = ''; $title_output = ''; $content_output = ''; $link_output = ''; $alt = ''; $heading = ''; if ( $image && $image_width && $image_height ) { $image_data = fusion_library()->images->get_attachment_data_by_helper( $this->child_args['image_id'], $image ); $alt = $image_data['alt']; if ( $image_data['url'] ) { $image = $image_data['url']; } $image = '<img src="' . $image . '" width="' . $image_width . '" height="' . $image_height . '" alt="' . $alt . '" />'; $image = fusion_library()->images->apply_lazy_loading( $image, null, $this->child_args['image_id'], 'full' ); $icon_output = '<div ' . FusionBuilder::attributes( 'content-box-shortcode-icon' ) . '>'; $icon_output .= $image; $icon_output .= '</div>'; } elseif ( $icon ) { $icon_output = '<div ' . FusionBuilder::attributes( 'content-box-shortcode-icon-parent' ) . '>'; $icon_output .= '<i ' . FusionBuilder::attributes( 'content-box-shortcode-icon' ) . '></i>'; $icon_output .= '</div>'; if ( $outercirclebordercolor && $outercirclebordersize && intval( $outercirclebordersize ) ) { $icon_output = '<div ' . FusionBuilder::attributes( 'content-box-shortcode-icon-parent' ) . '>'; $icon_output .= '<span ' . FusionBuilder::attributes( 'content-box-shortcode-icon-wrapper' ) . '>'; $icon_output .= '<i ' . FusionBuilder::attributes( 'content-box-shortcode-icon' ) . '></i>'; $icon_output .= '</span></div>'; } } if ( $title ) { $heading_size = $this->get_heading_tag(); $title_output = '<' . $heading_size . ' ' . FusionBuilder::attributes( 'content-box-heading' ) . '>' . $title . '</' . $heading_size . '>'; } if ( 'right' === $this->parent_args['icon_align'] && ! is_rtl() && in_array( $this->parent_args['layout'], [ 'icon-on-side', 'icon-with-title', 'timeline-vertical', 'clean-horizontal' ], true ) ) { $heading_content = $title_output . $icon_output; } else { $heading_content = $icon_output . $title_output; } if ( $link ) { $heading_content = '<a ' . FusionBuilder::attributes( 'content-box-shortcode-link', [ 'heading_link' => true ] ) . '>' . $heading_content . '</a>'; } if ( $heading_content ) { $heading = '<div ' . FusionBuilder::attributes( 'content-box-shortcode-heading-wrapper' ) . '>' . $heading_content . '</div>'; } if ( $link && $linktext ) { if ( 'text' === $this->parent_args['link_type'] || 'button-bar' === $this->parent_args['link_type'] ) { $link_output = '<div class="fusion-clearfix"></div>'; $link_output .= '<a ' . FusionBuilder::attributes( 'content-box-shortcode-link', [ 'readmore' => true ] ) . '>' . $linktext . '</a>'; $link_output .= '<div class="fusion-clearfix"></div>'; } elseif ( 'button' === $this->parent_args['link_type'] ) { $link_output = '<div class="fusion-clearfix"></div>'; $link_output .= '<a ' . FusionBuilder::attributes( 'content-box-shortcode-link', [ 'readmore' => true ] ) . '><span class="fusion-button-text">' . $linktext . '</span></a>'; $link_output .= '<div class="fusion-clearfix"></div>'; } } if ( $content ) { $content_output .= '<div class="fusion-clearfix"></div>'; $content_output .= '<div ' . FusionBuilder::attributes( 'content-box-shortcode-content-container' ) . '>' . do_shortcode( $content ) . '</div>'; } $output = $heading . $content_output . $link_output; $timeline = ''; if ( $icon && 'yes' === $this->parent_args['icon_circle'] && 'timeline-horizontal' === $this->parent_args['layout'] && '1' != $this->parent_args['columns'] ) { // phpcs:ignore Universal.Operators.StrictComparisons $timeline = '<div ' . FusionBuilder::attributes( 'content-box-shortcode-timeline' ) . '></div>'; } if ( $icon && 'yes' === $this->parent_args['icon_circle'] && 'timeline-vertical' === $this->parent_args['layout'] ) { $timeline = '<div ' . FusionBuilder::attributes( 'content-box-shortcode-timeline' ) . '></div>'; } $html = '<div ' . FusionBuilder::attributes( 'content-box-shortcode' ) . '>'; $html .= '<div ' . FusionBuilder::attributes( 'content-box-shortcode-content-wrapper' ) . '>' . $output . $timeline . '</div>'; $html .= '</div>'; $this->column_counter++; return apply_filters( 'fusion_element_content_boxes_child_content', $html, $args ); } /** * Get the parent css variables. * * @since 3.9 * @return string */ private function get_parent_css_vars() { $this->args = $this->parent_args; $this->defaults = $this->get_element_defaults( 'parent' ); $sanitize = fusion_library()->sanitize; $custom_css_vars = []; $css_vars = [ 'backgroundcolor', 'border_radius_top_left' => [ 'callback' => [ $sanitize, 'get_value_with_unit' ] ], 'border_radius_top_right' => [ 'callback' => [ $sanitize, 'get_value_with_unit' ] ], 'border_radius_bottom_right' => [ 'callback' => [ $sanitize, 'get_value_with_unit' ] ], 'border_radius_bottom_left' => [ 'callback' => [ $sanitize, 'get_value_with_unit' ] ], 'alignment', 'body_color', 'title_color', 'iconcolor', 'iconcolor_hover', 'circlecolor_hover', 'item_margin_top' => [ 'callback' => [ $sanitize, 'get_value_with_unit' ] ], 'item_margin_bottom' => [ 'callback' => [ $sanitize, 'get_value_with_unit' ] ], 'margin_top', 'margin_bottom', ]; $custom_css_vars['hover_accent_color'] = $this->args['hover_accent_color']; $circle_hover_accent_color = $this->args['hover_accent_color']; if ( Fusion_Color::new_color( $this->args['circlecolor'] )->is_color_transparent() || 'no' === $this->args['icon_circle'] ) { $circle_hover_accent_color = 'transparent'; } $custom_css_vars['circle_hover_accent_color'] = $circle_hover_accent_color; // if 1 column and not margin bottom is set, then set margin-bottom to 40px. if ( 1 === (int) $this->num_of_columns && empty( $this->args['item_margin_bottom'] ) ) { $custom_css_vars['item_margin_bottom'] = '40px'; } if ( $this->args['backgroundcolor'] && ! Fusion_Color::new_color( $this->args['backgroundcolor'] )->is_color_transparent() && 'yes' === $this->args['box_shadow'] ) { $custom_css_vars['box_shadow'] = Fusion_Builder_Box_Shadow_Helper::get_box_shadow_styles( $this->args ); } return $this->get_css_vars_for_options( $css_vars ) . $this->get_custom_css_vars( $custom_css_vars ); } /** * Get the child css variables. * * @since 3.9 * @return string */ private function get_child_css_vars() { $this->args = $this->child_args; $this->defaults = $this->get_element_defaults( 'child' ); $custom_css_vars = []; $css_vars = [ 'backgroundcolor', 'iconcolor', 'iconcolor_hover', 'circlecolor_hover', ]; $var_already_on_parent = ( Fusion_Color::new_color( $this->parent_args['circlecolor'] )->is_color_transparent() || 'no' === $this->parent_args['icon_circle'] ); if ( Fusion_Color::new_color( $this->args['circlecolor'] )->is_color_transparent() && ! $var_already_on_parent ) { $custom_css_vars['circle_hover_accent_color'] = 'transparent'; } if ( in_array( $this->parent_args['layout'], [ 'icon-on-side', 'timeline-vertical', 'clean-horizontal' ], true ) && $this->child_args['image'] && $this->child_args['image_width'] && $this->child_args['image_height'] ) { if ( 'right' === $this->parent_args['icon_align'] ) { $custom_css_vars['content-padding-right'] = ( $this->child_args['image_width'] + 20 ) . 'px'; } else { $custom_css_vars['content-padding-left'] = ( $this->child_args['image_width'] + 20 ) . 'px'; } } elseif ( in_array( $this->parent_args['layout'], [ 'icon-on-side', 'timeline-vertical', 'clean-horizontal' ], true ) && $this->child_args['icon'] ) { if ( 'yes' === $this->parent_args['icon_circle'] ) { $full_icon_size = ( intval( $this->parent_args['icon_size'] ) + intval( $this->child_args['circlebordersize'] ) + intval( $this->child_args['outercirclebordersize'] ) ) * 2; } else { $full_icon_size = intval( $this->parent_args['icon_size'] ); } if ( 'right' === $this->parent_args['icon_align'] ) { $custom_css_vars['content-padding-right'] = ( intval( $full_icon_size ) + 20 ) . 'px'; } else { $custom_css_vars['content-padding-left'] = ( intval( $full_icon_size ) + 20 ) . 'px'; } } if ( ( in_array( $this->parent_args['layout'], [ 'icon-on-side', 'icon-with-title', 'timeline-vertical', 'clean-horizontal' ], true ) ) ) { if ( 'right' === $this->parent_args['icon_align'] || ( 'left' === $this->parent_args['icon_align'] ) && is_rtl() ) { $custom_css_vars['content-text-align'] = $this->parent_args['icon_align']; } } return $this->get_css_vars_for_options( $css_vars ) . $this->get_custom_css_vars( $custom_css_vars ); } /** * Get the heading css variables. * * @since 3.9 * @return string */ private function get_heading_css_vars() { $this->args = $this->parent_args; $heading_size = ''; if ( $this->args['title_size'] ) { $heading_size = $this->get_heading_font_vars( $this->get_heading_tag(), [ 'font-size' => $this->args['title_size'] . 'px' ] ); } else { $heading_size = $this->get_heading_font_vars( $this->get_heading_tag(), [ 'font-size' => 'var(--content_box_title_size)' ] ); } return $heading_size; } /** * Get the heading tag. * * @return string */ private function get_heading_tag() { $heading_tag = $this->parent_args['heading_size']; $heading_tag = 'div' === $heading_tag || 'p' === $heading_tag ? $heading_tag : 'h' . $heading_tag; return $heading_tag; } /** * Builds the attributes array. * * @access public * @since 1.0 * @return array */ public function child_attr() { $columns = 12 / $this->num_of_columns; if ( $this->row_counter > intval( $this->num_of_columns ) ) { $this->row_counter = 1; } $attr = [ 'style' => $this->get_child_css_vars(), 'class' => 'fusion-column content-box-column', ]; $attr['class'] .= ' content-box-column content-box-column-' . $this->column_counter . ' col-lg-' . $columns . ' col-md-' . $columns . ' col-sm-' . $columns; if ( '5' == $this->num_of_columns ) { // phpcs:ignore Universal.Operators.StrictComparisons $attr['class'] = 'fusion-column content-box-column content-box-column-' . $this->column_counter . ' col-lg-2 col-md-2 col-sm-2'; } $attr['class'] .= ' fusion-content-box-hover '; $border_color = ''; if ( $this->child_args['circlebordercolor'] ) { $border_color = $this->child_args['circlebordercolor']; } if ( $this->child_args['outercirclebordercolor'] ) { $border_color = $this->child_args['outercirclebordercolor']; } if ( ! $this->child_args['circlebordercolor'] && ! $this->child_args['outercirclebordercolor'] ) { $border_color = '#f6f6f6'; } if ( 1 === $this->column_counter % (int) $this->num_of_columns ) { $attr['class'] .= ' content-box-column-first-in-row'; } if ( $this->column_counter === $this->total_num_of_columns ) { $attr['class'] .= ' content-box-column-last'; } if ( (int) $this->num_of_columns === $this->row_counter ) { $attr['class'] .= ' content-box-column-last-in-row'; } if ( $border_color && in_array( $this->parent_args['layout'], [ 'clean-vertical', 'clean-horizontal' ], true ) ) { $attr['style'] .= 'border-color:' . $border_color . ';'; } if ( $this->child_args['class'] ) { $attr['class'] .= ' ' . $this->child_args['class']; } if ( $this->child_args['id'] ) { $attr['id'] = $this->child_args['id']; } $this->row_counter++; return $attr; } /** * Builds the attributes array. * * @access public * @since 1.0 * @return array */ public function content_wrapper_attr() { $attr = [ 'class' => 'col content-box-wrapper content-wrapper', ]; // Set parent values if child values are unset to get downwards compatibility. if ( ! $this->child_args['backgroundcolor'] ) { $this->child_args['backgroundcolor'] = $this->parent_args['backgroundcolor']; } if ( $this->child_args['backgroundcolor'] ) { if ( ! Fusion_Color::new_color( $this->child_args['backgroundcolor'] )->is_color_transparent() ) { $attr['class'] .= '-background'; } } if ( 'icon-boxed' === $this->parent_args['layout'] ) { $attr['class'] .= ' content-wrapper-boxed'; } if ( $this->child_args['link'] && 'box' === $this->parent_args['link_area'] ) { $attr['data-link'] = $this->child_args['link']; $attr['data-link-target'] = $this->child_args['link_target']; } $attr['class'] .= ' link-area-' . $this->parent_args['link_area']; if ( $this->child_args['link'] && $this->parent_args['link_type'] ) { $attr['class'] .= ' link-type-' . $this->parent_args['link_type']; } if ( $this->child_args['outercirclebordercolor'] && $this->child_args['outercirclebordersize'] && intval( $this->child_args['outercirclebordersize'] ) ) { $attr['class'] .= ' content-icon-wrapper-yes'; } if ( $this->child_args['outercirclebordercolor'] && $this->child_args['outercirclebordersize'] && intval( $this->child_args['outercirclebordersize'] ) && 'pulsate' === $this->parent_args['icon_hover_type'] ) { $attr['class'] .= ' icon-wrapper-hover-animation-' . $this->parent_args['icon_hover_type']; } else { $attr['class'] .= ' icon-hover-animation-' . $this->parent_args['icon_hover_type']; } if ( $this->child_args['textcolor'] ) { $attr['style'] .= 'color:' . $this->child_args['textcolor'] . ';'; } if ( isset( $this->child_args['animation_type_original'] ) ) { if ( '' === $this->child_args['animation_type_original'] ) { $animations = FusionBuilder::animations( [ 'type' => $this->parent_args['animation_type'], 'direction' => $this->parent_args['animation_direction'], 'speed' => $this->parent_args['animation_speed'], 'offset' => $this->parent_args['animation_offset'], ] ); } else { $animations = FusionBuilder::animations( [ 'type' => $this->child_args['animation_type'], 'direction' => $this->child_args['animation_direction'], 'speed' => $this->child_args['animation_speed'], 'offset' => $this->child_args['animation_offset'], ] ); } if ( 'none' !== $this->child_args['animation_type'] ) { $attr = array_merge( $attr, $animations ); if ( isset( $attr['animation_class'] ) ) { $attr['class'] .= ' ' . $attr['animation_class']; unset( $attr['animation_class'] ); } if ( isset( $this->child_args['animation_color'] ) && $this->child_args['animation_color'] ) { $attr['style'] .= '--awb-animation-color:' . $this->child_args['animation_color'] . ';'; } } } return $attr; } /** * Builds the attributes array. * * @access public * @since 1.0 * @param array $args The arguments array. * @return array */ public function link_attr( $args ) { $fusion_settings = awb_get_fusion_settings(); $attr = [ 'class' => '', 'style' => '', ]; if ( isset( $args['heading_link'] ) ) { $attr['class'] .= 'heading-link'; } if ( $this->child_args['link'] ) { $attr['href'] = $this->child_args['link']; } if ( $this->child_args['link_target'] ) { $attr['target'] = $this->child_args['link_target']; } if ( '_blank' === $this->child_args['link_target'] ) { $attr['rel'] = 'noopener noreferrer'; } if ( ! isset( $args['heading_link'] ) ) { if ( 'text' === $this->parent_args['link_type'] || 'button-bar' === $this->parent_args['link_type'] ) { $attr['class'] .= ' fusion-read-more'; if ( 'button-bar' === $this->parent_args['link_type'] ) { $attr['class'] .= ' fusion-button-bar'; } } elseif ( 'button' === $this->parent_args['link_type'] ) { $attr['class'] .= 'fusion-read-more-button fusion-content-box-button fusion-button button-default fusion-button-default-size button-' . strtolower( $fusion_settings->get( 'button_shape' ) ) . ' button-' . strtolower( $fusion_settings->get( 'button_type' ) ); } } if ( 'button-bar' === $this->parent_args['link_type'] && 'timeline-vertical' === $this->parent_args['layout'] && isset( $args['readmore'] ) ) { $addition_margin = 20 + 15; $full_icon_size = 0; if ( $this->child_args['backgroundcolor'] && ! Fusion_Color::new_color( $this->child_args['backgroundcolor'] )->is_color_transparent() ) { $addition_margin += 35; } if ( $this->child_args['image'] && $this->child_args['image_width'] && $this->child_args['image_height'] ) { $full_icon_size = $this->child_args['image_width']; } elseif ( $this->child_args['icon'] ) { if ( 'yes' === $this->parent_args['icon_circle'] ) { $full_icon_size = ( intval( $this->parent_args['icon_size'] ) + intval( $this->child_args['circlebordersize'] ) + intval( $this->child_args['outercirclebordersize'] ) ) * 2; } else { $full_icon_size = intval( $this->parent_args['icon_size'] ); } } if ( 'right' === $this->parent_args['icon_align'] ) { $attr['style'] .= 'margin-right:' . ( $full_icon_size + $addition_margin ) . 'px;'; } else { $attr['style'] .= 'margin-left:' . ( $full_icon_size + $addition_margin ) . 'px;'; } $attr['style'] .= 'width:calc(100% - ' . ( $full_icon_size + $addition_margin + 15 ) . 'px);'; } elseif ( in_array( $this->parent_args['layout'], [ 'icon-on-side', 'clean-horizontal', 'timeline-vertical' ], true ) && in_array( $this->parent_args['link_type'], [ 'text', 'button' ], true ) && isset( $args['readmore'] ) ) { $addition_margin = 20; $full_icon_size = 0; if ( $this->child_args['image'] && $this->child_args['image_width'] && $this->child_args['image_height'] ) { $full_icon_size = $this->child_args['image_width']; } elseif ( $this->child_args['icon'] ) { if ( 'yes' === $this->parent_args['icon_circle'] ) { $full_icon_size = ( intval( $this->parent_args['icon_size'] ) + intval( $this->child_args['circlebordersize'] ) + intval( $this->child_args['outercirclebordersize'] ) ) * 2; } else { $full_icon_size = intval( $this->parent_args['icon_size'] ); } } if ( 'right' === $this->parent_args['icon_align'] ) { $attr['style'] .= 'margin-right:' . ( $full_icon_size + $addition_margin ) . 'px;'; } else { $attr['style'] .= 'margin-left:' . ( $full_icon_size + $addition_margin ) . 'px;'; } if ( 'button' === $this->parent_args['link_type'] && 'yes' === $this->parent_args['button_span'] ) { $attr['style'] .= 'width: calc(100% - ' . ( $full_icon_size + $addition_margin ) . 'px);'; } } elseif ( 'icon-with-title' === $this->parent_args['layout'] ) { $attr['style'] .= 'float:' . $this->parent_args['icon_align'] . ';'; } if ( ! in_array( $this->parent_args['layout'], [ 'icon-on-side', 'clean-horizontal', 'timeline-vertical' ], true ) && 'button' === $this->parent_args['link_type'] && 'yes' === $this->parent_args['button_span'] ) { $attr['style'] .= 'width: 100%;'; } return $attr; } /** * Builds the attributes array. * * @access public * @since 1.0 * @return array */ public function heading_wrapper_attr() { $attr = [ 'class' => 'heading', 'style' => '', ]; if ( $this->child_args['icon'] || $this->child_args['image'] ) { $attr['class'] .= ' heading-with-icon'; if ( 'timeline-vertical' === $this->parent_args['layout'] ) { // Image is used. if ( $this->child_args['image'] && $this->child_args['image_width'] && $this->child_args['image_height'] ) { $image_height = $this->child_args['image_height']; if ( $image_height > $this->parent_args['title_size'] && $image_height - $this->parent_args['title_size'] - 15 > 0 ) { $attr['style'] .= 'margin-top:' . ( $image_height - $this->parent_args['title_size'] ) . 'px;'; } } elseif ( $this->child_args['icon'] ) { // Icon is used. if ( 'yes' === $this->parent_args['icon_circle'] ) { $full_icon_size = ( intval( $this->parent_args['icon_size'] ) + intval( $this->child_args['circlebordersize'] ) + intval( $this->child_args['outercirclebordersize'] ) ) * 2; } else { $full_icon_size = intval( $this->parent_args['icon_size'] ); } if ( $full_icon_size > $this->parent_args['title_size'] && $full_icon_size - $this->parent_args['title_size'] - 15 > 0 ) { $attr['style'] .= 'margin-top:' . ( ( intval( $full_icon_size ) - $this->parent_args['title_size'] ) / 2 ) . 'px;'; } } } } if ( $this->parent_args['icon_align'] ) { $attr['class'] .= ' icon-' . $this->parent_args['icon_align']; } return $attr; } /** * Builds the attributes array. * * @access public * @since 1.0 * @return array */ public function icon_parent_attr() { $attr = [ 'class' => 'icon', 'style' => '', ]; if ( 'yes' !== $this->parent_args['icon_circle'] && 'icon-boxed' === $this->parent_args['layout'] ) { $attr['style'] .= 'position:absolute;width: 100%;top:-' . ( 50 + ( intval( $this->parent_args['icon_size'] ) / 2 ) ) . 'px;'; } if ( 'timeline-vertical' === $this->parent_args['layout'] && 'right' === $this->parent_args['icon_align'] && ( ! $this->child_args['outercirclebordercolor'] || ! $this->child_args['circlebordersize'] ) ) { $attr['style'] .= 'padding-left:20px;'; } if ( 'timeline-vertical' === $this->parent_args['layout'] ) { // Image is used. if ( $this->child_args['image'] && $this->child_args['image_width'] && $this->child_args['image_height'] ) { $image_height = $this->child_args['image_height']; if ( $image_height > $this->parent_args['title_size'] && $image_height - $this->parent_args['title_size'] - 15 > 0 ) { $attr['style'] .= 'margin-top:-' . ( $image_height - $this->parent_args['title_size'] ) . 'px;'; $attr['style'] .= 'margin-bottom:-' . ( $image_height - $this->parent_args['title_size'] ) . 'px;'; } } elseif ( $this->child_args['icon'] ) { // Icon is used. if ( 'yes' === $this->parent_args['icon_circle'] ) { $full_icon_size = ( intval( $this->parent_args['icon_size'] ) + intval( $this->child_args['circlebordersize'] ) + intval( $this->child_args['outercirclebordersize'] ) ) * 2; } else { $full_icon_size = intval( $this->parent_args['icon_size'] ); } if ( $full_icon_size > $this->parent_args['title_size'] && $full_icon_size - $this->parent_args['title_size'] - 15 > 0 ) { $attr['style'] .= 'margin-top:-' . ( ( intval( $full_icon_size ) - $this->parent_args['title_size'] ) / 2 ) . 'px;'; $attr['style'] .= 'margin-bottom:-' . ( ( intval( $full_icon_size ) - $this->parent_args['title_size'] ) / 2 ) . 'px;'; } } } if ( $this->parent_args['animation_delay'] ) { $animation_delay = $this->parent_args['animation_delay']; $attr['style'] .= '-webkit-animation-duration: ' . $animation_delay . 'ms;'; $attr['style'] .= 'animation-duration: ' . $animation_delay . 'ms;'; } return $attr; } /** * Builds the attributes array. * * @access public * @since 1.0 * @return array */ public function icon_wrapper_attr() { $attr = [ 'style' => '', ]; if ( $this->child_args['icon'] ) { $attr['class'] = ''; if ( 'yes' === $this->parent_args['icon_circle'] ) { $attr['style'] .= 'height:' . ( ( intval( $this->parent_args['icon_size'] ) + intval( $this->child_args['circlebordersize'] ) ) * 2 ) . 'px;width:' . ( ( intval( $this->parent_args['icon_size'] ) + intval( $this->child_args['circlebordersize'] ) ) * 2 ) . 'px;line-height:' . ( intval( $this->parent_args['icon_size'] ) + intval( $this->child_args['circlebordersize'] ) * 2 ) . 'px;'; if ( $this->child_args['outercirclebordercolor'] ) { $attr['style'] .= 'border-color:' . $this->child_args['outercirclebordercolor'] . ';'; } if ( $this->child_args['outercirclebordersize'] && intval( $this->child_args['outercirclebordersize'] ) ) { $attr['style'] .= 'border-width:' . $this->child_args['outercirclebordersize'] . ';'; } $attr['style'] .= 'border-style:solid;'; if ( $this->child_args['circlebordercolor'] && intval( $this->child_args['circlebordersize'] ) ) { $attr['style'] .= 'background-color:' . $this->child_args['circlebordercolor'] . ';'; } elseif ( $this->child_args['outercirclebordersize'] && intval( $this->child_args['outercirclebordersize'] ) && ! Fusion_Color::new_color( $this->child_args['circlecolor'] )->is_color_transparent() ) { $attr['style'] .= 'background-color:' . $this->child_args['outercirclebordercolor'] . ';'; } if ( 'icon-boxed' === $this->parent_args['layout'] ) { $attr['style'] .= 'position:absolute;top:-' . ( 50 + intval( $this->parent_args['icon_size'] ) + intval( $this->child_args['circlebordersize'] ) ) . 'px;margin-left:-' . ( intval( $this->parent_args['icon_size'] ) + intval( $this->child_args['circlebordersize'] ) ) . 'px;'; } if ( 'round' === $this->parent_args['icon_circle_radius'] ) { $this->parent_args['icon_circle_radius'] = '100%'; } if ( in_array( $this->parent_args['layout'], [ 'icon-on-side', 'timeline-vertical', 'clean-horizontal' ], true ) ) { $margin_direction = 'margin-right'; if ( 'right' === $this->parent_args['icon_align'] ) { $margin_direction = 'margin-left'; } $margin = '20px'; if ( 'timeline-vertical' === $this->parent_args['layout'] && 'right' === $this->parent_args['icon_align'] ) { $margin = '10px'; } $attr['style'] .= $margin_direction . ':' . $margin . ';'; } $attr['style'] .= 'box-sizing:content-box;'; $attr['style'] .= 'border-radius:' . $this->parent_args['icon_circle_radius'] . ';'; } } return $attr; } /** * Builds the attributes array. * * @access public * @since 1.0 * @return array */ public function icon_attr() { $attr = [ 'style' => '', 'aria-hidden' => 'true', ]; if ( $this->child_args['image'] ) { $attr['class'] = 'image'; if ( 'icon-boxed' === $this->parent_args['layout'] && $this->child_args['image_width'] && $this->child_args['image_height'] ) { $attr['style'] = 'margin-left:-' . ( $this->child_args['image_width'] / 2 ) . 'px;'; $attr['style'] .= 'top:-' . ( $this->child_args['image_height'] / 2 + 50 ) . 'px;'; } } elseif ( $this->child_args['icon'] ) { $attr['class'] = 'fontawesome-icon ' . fusion_font_awesome_name_handler( $this->child_args['icon'] ); // Set parent values if child values are unset to get downwards compatibility. if ( ! $this->child_args['circle'] ) { $this->child_args['circle'] = $this->parent_args['circle']; } if ( 'yes' === $this->parent_args['icon_circle'] ) { $attr['class'] .= ' circle-yes'; if ( $this->child_args['circlebordercolor'] ) { $attr['style'] .= 'border-color:' . $this->child_args['circlebordercolor'] . ';'; } $icon_circle_dimension = intval( $this->parent_args['icon_size'] ) * 2; $this->child_args['circlebordersize'] = FusionBuilder::validate_shortcode_attr_value( $this->child_args['circlebordersize'], 'px' ); if ( $this->child_args['circlebordersize'] ) { $attr['style'] .= 'border-width:' . $this->child_args['circlebordersize'] . ';'; } if ( $this->child_args['circlecolor'] ) { $attr['style'] .= 'background-color:' . $this->child_args['circlecolor'] . ';'; } $attr['style'] .= 'box-sizing:content-box;height:' . $icon_circle_dimension . 'px;width:' . $icon_circle_dimension . 'px;line-height:' . $icon_circle_dimension . 'px;'; if ( 'icon-boxed' === $this->parent_args['layout'] && ( ! $this->child_args['outercirclebordercolor'] || ! $this->child_args['outercirclebordersize'] || ! intval( $this->child_args['outercirclebordersize'] ) ) ) { $attr['style'] .= 'top:-' . ( 50 + intval( $this->parent_args['icon_size'] ) ) . 'px;margin-left:-' . intval( $this->parent_args['icon_size'] ) . 'px;'; } if ( 'round' === $this->parent_args['icon_circle_radius'] ) { $this->parent_args['icon_circle_radius'] = '100%'; } $attr['style'] .= 'border-radius:' . $this->parent_args['icon_circle_radius'] . ';'; if ( $this->child_args['outercirclebordercolor'] && $this->child_args['outercirclebordersize'] && intval( $this->child_args['outercirclebordersize'] ) ) { // If there is a thick border, kill border width and make it center aligned positioned. $attr['style'] .= 'position:relative;'; $attr['style'] .= 'top:auto;'; $attr['style'] .= 'left:auto;'; $attr['style'] .= 'margin:0;'; $attr['style'] .= 'border-radius:' . $this->parent_args['icon_circle_radius'] . ';'; } } else { $attr['class'] .= ' circle-no'; $attr['style'] .= 'background-color:transparent;border-color:transparent;height:auto;width: ' . fusion_library()->sanitize->get_value_with_unit( $this->parent_args['icon_size'] ) . ';line-height:normal;'; if ( 'icon-boxed' === $this->parent_args['layout'] ) { $attr['style'] .= 'position:relative;left:auto;right:auto;top:auto;margin-left:auto;margin-right:auto;'; } } if ( $this->child_args['iconflip'] && 'none' !== $this->child_args['iconflip'] ) { $attr['class'] .= ' fa-flip-' . $this->child_args['iconflip']; } if ( $this->child_args['iconrotate'] && 'none' !== $this->child_args['iconrotate'] ) { $attr['class'] .= ' fa-rotate-' . $this->child_args['iconrotate']; } if ( 'yes' === $this->child_args['iconspin'] ) { $attr['class'] .= ' fa-spin'; } $attr['style'] .= 'font-size:' . $this->parent_args['icon_size'] . ';'; } return $attr; } /** * Builds the attributes array. * * @access public * @since 1.0 * @return array */ public function content_container_attr() { $attr = [ 'class' => 'content-container', 'style' => '', ]; return $attr; } /** * Builds the attributes array. * * @access public * @since 1.0 * @return array */ public function timeline_attr() { $attr = []; if ( 'timeline-horizontal' === $this->parent_args['layout'] ) { $attr['class'] = 'content-box-shortcode-timeline'; $attr['style'] = ''; $border_color = ''; if ( $this->child_args['image'] && $this->child_args['image_width'] && $this->child_args['image_height'] ) { $full_icon_size = $this->child_args['image_height']; } elseif ( 'yes' === $this->parent_args['icon_circle'] ) { if ( intval( $this->child_args['outercirclebordersize'] ) ) { $full_icon_size = ( intval( $this->parent_args['icon_size'] ) + intval( $this->child_args['circlebordersize'] ) + intval( $this->child_args['outercirclebordersize'] ) ) * 2; } else { $full_icon_size = intval( $this->parent_args['icon_size'] ) * 2; } } else { $full_icon_size = intval( $this->parent_args['icon_size'] ); } $position_top = $full_icon_size / 2; if ( $this->child_args['backgroundcolor'] && ! Fusion_Color::new_color( $this->child_args['backgroundcolor'] )->is_color_transparent() ) { $position_top += 35; } if ( $this->child_args['circlebordercolor'] ) { $border_color = $this->child_args['circlebordercolor']; } if ( $this->child_args['outercirclebordercolor'] && $this->child_args['outercirclebordersize'] ) { $border_color = $this->child_args['outercirclebordercolor']; } if ( ! $this->child_args['circlebordercolor'] && ! $this->child_args['outercirclebordercolor'] ) { $border_color = '#f6f6f6'; } if ( $border_color ) { $attr['style'] .= 'border-color:' . $border_color . ';'; } if ( $position_top ) { $attr['style'] .= 'top:' . intval( $position_top ) . 'px;'; } } elseif ( 'timeline-vertical' === $this->parent_args['layout'] ) { $attr['class'] = 'content-box-shortcode-timeline-vertical'; $attr['style'] = ''; $border_color = ''; if ( $this->child_args['image'] && $this->child_args['image_width'] && $this->child_args['image_height'] ) { $full_icon_size = $this->child_args['image_height']; } elseif ( 'yes' === $this->parent_args['icon_circle'] ) { if ( intval( $this->child_args['outercirclebordersize'] ) ) { $full_icon_size = ( intval( $this->parent_args['icon_size'] ) + intval( $this->child_args['circlebordersize'] ) + intval( $this->child_args['outercirclebordersize'] ) ) * 2; } else { $full_icon_size = intval( $this->parent_args['icon_size'] ) * 2; } } else { $full_icon_size = intval( $this->parent_args['icon_size'] ); } $position_top = $full_icon_size / 2; if ( $this->parent_args['title_size'] > $full_icon_size ) { $position_top = $this->parent_args['title_size'] / 2; } $position_horizontal = $full_icon_size / 2 + 15; if ( $this->child_args['backgroundcolor'] && ! Fusion_Color::new_color( $this->child_args['backgroundcolor'] )->is_color_transparent() ) { $position_top += 35; $position_horizontal += 35; } if ( $this->child_args['circlebordercolor'] ) { $border_color = $this->child_args['circlebordercolor']; } if ( $this->child_args['outercirclebordercolor'] && intval( $this->child_args['outercirclebordersize'] ) ) { $border_color = $this->child_args['outercirclebordercolor']; } if ( ! $this->child_args['circlebordercolor'] && ! $this->child_args['outercirclebordercolor'] ) { $border_color = '#f6f6f6'; } if ( $border_color ) { $attr['style'] .= 'border-color:' . $border_color . ';'; } if ( $position_horizontal ) { if ( 'right' === $this->parent_args['icon_align'] ) { $attr['style'] .= 'right:' . intval( $position_horizontal ) . 'px;'; } else { $attr['style'] .= 'left:' . intval( $position_horizontal ) . 'px;'; } } if ( $position_top ) { $attr['style'] .= 'top:' . $position_top . 'px;'; } } if ( $this->parent_args['animation_delay'] ) { $animation_delay = $this->parent_args['animation_delay']; $attr['style'] .= '-webkit-transition-duration: ' . $animation_delay . 'ms;'; $attr['style'] .= 'animation-duration: ' . $animation_delay . 'ms;'; } return $attr; } /** * Builds the attributes array. * * @access public * @since 1.0 * @return array */ public function content_box_heading_attr() { $attr = [ 'class' => 'content-box-heading', 'style' => $this->get_heading_css_vars(), ]; $font_size = $this->parent_args['title_size']; if ( $this->parent_args['responsive_typography'] ) { $data = awb_get_responsive_type_data( $this->child_args['heading_size'], $font_size, '' ); $attr['class'] .= ' ' . $data['class']; $attr['style'] .= $data['font_size']; $attr['style'] .= $data['line_height']; } else { $attr['style'] .= 'line-height:' . ( $font_size + 5 ) . 'px;'; } if ( 'icon-on-side' === $this->parent_args['layout'] || 'clean-horizontal' === $this->parent_args['layout'] ) { if ( $this->child_args['image'] && $this->child_args['image_width'] && $this->child_args['image_height'] ) { if ( 'right' === $this->parent_args['icon_align'] ) { $attr['style'] .= 'padding-right:' . ( $this->child_args['image_width'] + 20 ) . 'px;'; } else { $attr['style'] .= 'padding-left:' . ( $this->child_args['image_width'] + 20 ) . 'px;'; } } elseif ( $this->child_args['icon'] ) { if ( 'yes' === $this->parent_args['icon_circle'] ) { $full_icon_size = ( intval( $this->parent_args['icon_size'] ) + intval( $this->child_args['circlebordersize'] ) + intval( $this->child_args['outercirclebordersize'] ) ) * 2; } else { $full_icon_size = intval( $this->parent_args['icon_size'] ); } if ( 'right' === $this->parent_args['icon_align'] ) { $attr['style'] .= 'padding-right:' . ( intval( $full_icon_size ) + 20 ) . 'px;'; } else { $attr['style'] .= 'padding-left:' . ( intval( $full_icon_size ) + 20 ) . 'px;'; } } } return $attr; } /** * Builds the dynamic styling. * * @access public * @since 1.1 * @return array */ public function add_styling() { global $wp_version, $content_media_query, $six_fourty_media_query, $three_twenty_six_fourty_media_query, $ipad_portrait_media_query, $fusion_settings, $dynamic_css_helpers; $main_elements = apply_filters( 'fusion_builder_element_classes', [ '.fusion-content-boxes' ], '.fusion-content-boxes' ); $elements = array_merge( $dynamic_css_helpers->map_selector( $main_elements, '.content-boxes-clean-vertical .content-box-column' ), $dynamic_css_helpers->map_selector( $main_elements, '.content-boxes-clean-horizontal .content-box-column' ) ); $css[ $content_media_query ][ $dynamic_css_helpers->implode( $elements ) ]['border-right-width'] = '1px'; $elements = $dynamic_css_helpers->map_selector( $main_elements, ' .content-box-shortcode-timeline' ); $css[ $content_media_query ][ $dynamic_css_helpers->implode( $elements ) ]['display'] = 'none'; $elements = $dynamic_css_helpers->map_selector( $main_elements, '.content-boxes-icon-boxed .content-wrapper-boxed' ); $css[ $content_media_query ][ $dynamic_css_helpers->implode( $elements ) ]['padding-bottom'] = '20px'; $css[ $content_media_query ][ $dynamic_css_helpers->implode( $elements ) ]['padding-left'] = '3%'; $css[ $content_media_query ][ $dynamic_css_helpers->implode( $elements ) ]['padding-right'] = '3%'; $css[ $six_fourty_media_query ][ $dynamic_css_helpers->implode( $elements ) ]['min-height'] = 'inherit !important'; $css[ $six_fourty_media_query ][ $dynamic_css_helpers->implode( $elements ) ]['padding-bottom'] = '20px'; $css[ $six_fourty_media_query ][ $dynamic_css_helpers->implode( $elements ) ]['padding-left'] = '3% !important'; $css[ $six_fourty_media_query ][ $dynamic_css_helpers->implode( $elements ) ]['padding-right'] = '3% !important'; $css[ $three_twenty_six_fourty_media_query ][ $dynamic_css_helpers->implode( $elements ) ]['min-height'] = 'inherit !important'; $css[ $three_twenty_six_fourty_media_query ][ $dynamic_css_helpers->implode( $elements ) ]['padding-bottom'] = '20px'; $css[ $three_twenty_six_fourty_media_query ][ $dynamic_css_helpers->implode( $elements ) ]['padding-left'] = '3% !important'; $css[ $three_twenty_six_fourty_media_query ][ $dynamic_css_helpers->implode( $elements ) ]['padding-right'] = '3% !important'; $css[ $ipad_portrait_media_query ][ $dynamic_css_helpers->implode( $elements ) ]['padding-bottom'] = '20px'; $css[ $ipad_portrait_media_query ][ $dynamic_css_helpers->implode( $elements ) ]['padding-left'] = '3%'; $css[ $ipad_portrait_media_query ][ $dynamic_css_helpers->implode( $elements ) ]['padding-right'] = '3%'; $elements = array_merge( $dynamic_css_helpers->map_selector( $main_elements, '.content-boxes-icon-on-top .content-box-column' ), $dynamic_css_helpers->map_selector( $main_elements, '.content-boxes-icon-boxed .content-box-column' ) ); $css[ $content_media_query ][ $dynamic_css_helpers->implode( $elements ) ]['margin-bottom'] = '55px'; $css[ $six_fourty_media_query ][ $dynamic_css_helpers->implode( $elements ) ]['margin-bottom'] = '55px'; $css[ $three_twenty_six_fourty_media_query ][ $dynamic_css_helpers->implode( $elements ) ]['margin-bottom'] = '55px'; $css[ $ipad_portrait_media_query ][ $dynamic_css_helpers->implode( $elements ) ]['margin-bottom'] = '55px'; for ( $i = 1; $i <= 6; $i++ ) { $elements = $dynamic_css_helpers->map_selector( $main_elements, '.content-boxes-icon-boxed .content-box-column .heading h' . $i ); $css[ $six_fourty_media_query ][ $dynamic_css_helpers->implode( $elements ) ]['margin-top'] = '-5px'; } $elements = $dynamic_css_helpers->map_selector( $main_elements, '.content-boxes-icon-boxed .content-box-column .more' ); $css[ $six_fourty_media_query ][ $dynamic_css_helpers->implode( $elements ) ]['margin-top'] = '12px'; $elements = $dynamic_css_helpers->map_selector( $main_elements, '.content-boxes-icon-boxed .col' ); $css[ $six_fourty_media_query ][ $dynamic_css_helpers->implode( $elements ) ]['box-sizing'] = 'border-box'; // Content box buttons. $elements = array_merge( $dynamic_css_helpers->map_selector( $main_elements, ' .link-type-button-bar .fusion-read-more' ) ); $css['global'][ $dynamic_css_helpers->implode( $elements ) ]['background'] = fusion_library()->sanitize->color( $fusion_settings->get( 'button_gradient_top_color' ) ); $css['global'][ $dynamic_css_helpers->implode( $elements ) ]['color'] = fusion_library()->sanitize->color( $fusion_settings->get( 'button_accent_color' ) ); if ( $fusion_settings->get( 'button_gradient_top_color' ) != $fusion_settings->get( 'button_gradient_bottom_color' ) ) { // phpcs:ignore Universal.Operators.StrictComparisons $css['global'][ $dynamic_css_helpers->implode( $elements ) ]['background-image'][] = '-webkit-gradient( linear, left bottom, left top, from( ' . fusion_library()->sanitize->color( $fusion_settings->get( 'button_gradient_bottom_color' ) ) . ' ), to( ' . fusion_library()->sanitize->color( $fusion_settings->get( 'button_gradient_top_color' ) ) . ' ) )'; $css['global'][ $dynamic_css_helpers->implode( $elements ) ]['background-image'][] = 'linear-gradient( to top, ' . fusion_library()->sanitize->color( $fusion_settings->get( 'button_gradient_bottom_color' ) ) . ', ' . fusion_library()->sanitize->color( $fusion_settings->get( 'button_gradient_top_color' ) ) . ' )'; } $elements = array_merge( $dynamic_css_helpers->map_selector( $main_elements, ' .link-type-button-bar .fusion-read-more:after' ), $dynamic_css_helpers->map_selector( $main_elements, ' .link-type-button-bar .fusion-read-more:before' ) ); $css['global'][ $dynamic_css_helpers->implode( $elements ) ]['color'] = fusion_library()->sanitize->color( $fusion_settings->get( 'button_accent_color' ) ); $elements = array_merge( $dynamic_css_helpers->map_selector( $main_elements, ' .link-type-button-bar .fusion-read-more:hover' ), $dynamic_css_helpers->map_selector( $main_elements, ' .link-type-button-bar.link-area-box:hover .fusion-read-more' ) ); $css['global'][ $dynamic_css_helpers->implode( $elements ) ]['background'] = fusion_library()->sanitize->color( $fusion_settings->get( 'button_gradient_top_color_hover' ) ); $css['global'][ $dynamic_css_helpers->implode( $elements ) ]['color'] = fusion_library()->sanitize->color( $fusion_settings->get( 'button_accent_hover_color' ) ) . '!important'; if ( $fusion_settings->get( 'button_gradient_top_color_hover' ) != $fusion_settings->get( 'button_gradient_bottom_color_hover' ) ) { // phpcs:ignore Universal.Operators.StrictComparisons $css['global'][ $dynamic_css_helpers->implode( $elements ) ]['background-image'][] = '-webkit-gradient( linear, left bottom, left top, from( ' . fusion_library()->sanitize->color( $fusion_settings->get( 'button_gradient_bottom_color_hover' ) ) . ' ), to( ' . fusion_library()->sanitize->color( $fusion_settings->get( 'button_gradient_top_color_hover' ) ) . ' ) )'; $css['global'][ $dynamic_css_helpers->implode( $elements ) ]['background-image'][] = 'linear-gradient( to top, ' . fusion_library()->sanitize->color( $fusion_settings->get( 'button_gradient_bottom_color_hover' ) ) . ', ' . fusion_library()->sanitize->color( $fusion_settings->get( 'button_gradient_top_color_hover' ) ) . ' )'; } $elements = array_merge( $dynamic_css_helpers->map_selector( $main_elements, ' .link-type-button-bar .fusion-read-more:hover:after' ), $dynamic_css_helpers->map_selector( $main_elements, ' .link-type-button-bar .fusion-read-more:hover:before' ), $dynamic_css_helpers->map_selector( $main_elements, ' .link-type-button-bar.link-area-box:hover .fusion-read-more:after' ), $dynamic_css_helpers->map_selector( $main_elements, ' .link-type-button-bar.link-area-box:hover .fusion-read-more:before' ) ); $css['global'][ $dynamic_css_helpers->implode( $elements ) ]['color'] = fusion_library()->sanitize->color( $fusion_settings->get( 'button_accent_hover_color' ) ) . '!important'; return $css; } /** * Sets the necessary scripts. * * @access public * @since 3.2 * @return void */ public function on_first_render() { Fusion_Dynamic_JS::enqueue_script( 'fusion-content-boxes', FusionBuilder::$js_folder_url . '/general/fusion-content-boxes.js', FusionBuilder::$js_folder_path . '/general/fusion-content-boxes.js', [ 'jquery', 'fusion-animations', 'fusion-equal-heights' ], FUSION_BUILDER_VERSION, true ); } /** * Load base CSS. * * @access public * @since 3.0 * @return void */ public function add_css_files() { FusionBuilder()->add_element_css( FUSION_BUILDER_PLUGIN_DIR . 'assets/css/shortcodes/content-boxes.min.css' ); } /** * Adds settings to element options panel. * * @access public * @since 1.1 * @return array $sections Content Box settings. */ public function add_options() { return [ 'content_boxes_shortcode_section' => [ 'label' => esc_html__( 'Content Boxes', 'fusion-builder' ), 'id' => 'content_boxes_shortcode_section', 'icon' => 'fusiona-newspaper', 'type' => 'accordion', 'fields' => [ 'content_box_bg_color' => [ 'label' => esc_html__( 'Content Box Background Color', 'fusion-builder' ), 'description' => esc_html__( 'Controls the background color for content boxes.', 'fusion-builder' ), 'id' => 'content_box_bg_color', 'default' => 'rgba(255,255,255,0)', 'type' => 'color-alpha', 'transport' => 'postMessage', 'css_vars' => [ [ 'name' => '--content_box_bg_color', 'callback' => [ 'sanitize_color' ], ], ], ], 'content_box_title_size' => [ 'label' => esc_html__( 'Content Box Title Font Size', 'fusion-builder' ), 'description' => esc_html__( 'Controls the size of the title text.', 'fusion-builder' ), 'id' => 'content_box_title_size', 'default' => '24', 'type' => 'slider', 'transport' => 'postMessage', 'choices' => [ 'min' => '0', 'max' => '250', 'step' => '1', ], 'css_vars' => [ [ 'name' => '--content_box_title_size', 'value_pattern' => '$px', ], ], ], 'content_box_title_color' => [ 'label' => esc_html__( 'Content Box Title Font Color', 'fusion-builder' ), 'description' => esc_html__( 'Controls the color of the title font.', 'fusion-builder' ), 'id' => 'content_box_title_color', 'default' => 'var(--awb-color8)', 'type' => 'color-alpha', 'transport' => 'postMessage', 'css_vars' => [ [ 'name' => '--content_box_title_color', 'callback' => [ 'sanitize_color' ], ], ], ], 'content_box_body_color' => [ 'label' => esc_html__( 'Content Box Body Font Color', 'fusion-builder' ), 'description' => esc_html__( 'Controls the color of the body font.', 'fusion-builder' ), 'id' => 'content_box_body_color', 'default' => 'var(--awb-color8)', 'type' => 'color-alpha', 'transport' => 'postMessage', 'css_vars' => [ [ 'name' => '--content_box_body_color', 'callback' => [ 'sanitize_color' ], ], ], ], 'content_box_icon_size' => [ 'label' => esc_html__( 'Content Box Icon Font Size', 'fusion-builder' ), 'description' => esc_html__( 'Controls the size of the icon.', 'fusion-builder' ), 'id' => 'content_box_icon_size', 'default' => '20', 'type' => 'slider', 'transport' => 'postMessage', 'choices' => [ 'min' => '0', 'max' => '250', 'step' => '1', ], ], 'content_box_icon_color' => [ 'label' => esc_html__( 'Content Box Icon Color', 'fusion-builder' ), 'description' => esc_html__( 'Controls the color of the content box icon.', 'fusion-builder' ), 'id' => 'content_box_icon_color', 'default' => 'var(--awb-color1)', 'type' => 'color-alpha', 'transport' => 'postMessage', 'css_vars' => [ [ 'name' => '--content_box_icon_color', 'callback' => [ 'sanitize_color' ], ], ], ], 'content_box_icon_circle' => [ 'label' => esc_html__( 'Content Box Icon Background', 'fusion-builder' ), 'description' => esc_html__( 'Turn on to display a background behind the icon.', 'fusion-builder' ), 'id' => 'content_box_icon_circle', 'default' => 'yes', 'type' => 'radio-buttonset', 'transport' => 'postMessage', 'choices' => [ 'yes' => esc_html__( 'On', 'fusion-builder' ), 'no' => esc_html__( 'Off', 'fusion-builder' ), ], ], 'content_box_icon_circle_radius' => [ 'label' => esc_html__( 'Content Box Icon Background Radius', 'fusion-builder' ), 'description' => esc_html__( 'Controls the border radius of the icon background.', 'fusion-builder' ), 'id' => 'content_box_icon_circle_radius', 'default' => '50%', 'type' => 'dimension', 'transport' => 'postMessage', 'soft_dependency' => true, ], 'content_box_icon_bg_color' => [ 'label' => esc_html__( 'Content Box Icon Background Color', 'fusion-builder' ), 'description' => esc_html__( 'Controls the color of the icon background.', 'fusion-builder' ), 'id' => 'content_box_icon_bg_color', 'default' => 'var(--awb-color7)', 'type' => 'color-alpha', 'transport' => 'postMessage', 'soft_dependency' => true, ], 'content_box_icon_bg_inner_border_color' => [ 'label' => esc_html__( 'Content Box Icon Background Inner Border Color', 'fusion-builder' ), 'description' => esc_html__( 'Controls the inner border color of the icon background.', 'fusion-builder' ), 'id' => 'content_box_icon_bg_inner_border_color', 'default' => 'var(--awb-color8)', 'type' => 'color-alpha', 'transport' => 'postMessage', 'soft_dependency' => true, ], 'content_box_icon_bg_inner_border_size' => [ 'label' => esc_html__( 'Content Box Icon Background Inner Border Size', 'fusion-builder' ), 'description' => esc_html__( 'Controls the inner border size of the icon background.', 'fusion-builder' ), 'id' => 'content_box_icon_bg_inner_border_size', 'default' => '1', 'type' => 'slider', 'transport' => 'postMessage', 'choices' => [ 'min' => '0', 'max' => '20', 'step' => '1', ], 'soft_dependency' => true, ], 'content_box_icon_bg_outer_border_color' => [ 'label' => esc_html__( 'Content Box Icon Background Outer Border Color', 'fusion-builder' ), 'description' => esc_html__( 'Controls the outer border color of the icon background.', 'fusion-builder' ), 'id' => 'content_box_icon_bg_outer_border_color', 'default' => 'rgba(255,255,255,0)', 'type' => 'color-alpha', 'transport' => 'postMessage', 'soft_dependency' => true, ], 'content_box_icon_bg_outer_border_size' => [ 'label' => esc_html__( 'Content Box Icon Background Outer Border Size', 'fusion-builder' ), 'description' => esc_html__( 'Controls the outer border size of the icon background.', 'fusion-builder' ), 'id' => 'content_box_icon_bg_outer_border_size', 'default' => '1', 'type' => 'slider', 'transport' => 'postMessage', 'choices' => [ 'min' => '0', 'max' => '20', 'step' => '1', ], 'soft_dependency' => true, ], 'content_box_icon_hover_type' => [ 'label' => esc_html__( 'Content Box Hover Animation Type', 'fusion-builder' ), 'description' => esc_html__( 'Controls the hover effect of the icon.', 'fusion-builder' ), 'id' => 'content_box_icon_hover_type', 'default' => 'fade', 'type' => 'radio-buttonset', 'transport' => 'postMessage', 'choices' => [ 'none' => esc_html__( 'None', 'fusion-builder' ), 'fade' => esc_html__( 'Fade', 'fusion-builder' ), 'slide' => esc_html__( 'Slide', 'fusion-builder' ), 'pulsate' => esc_html__( 'Pulsate', 'fusion-builder' ), ], ], 'content_box_hover_animation_accent_color' => [ 'label' => esc_html__( 'Content Box Hover Accent Color', 'fusion-builder' ), 'description' => esc_html__( 'Controls the accent color on hover.', 'fusion-builder' ), 'id' => 'content_box_hover_animation_accent_color', 'default' => 'var(--awb-color4)', 'type' => 'color-alpha', 'transport' => 'postMessage', 'css_vars' => [ [ 'name' => '--content_box_hover_animation_accent_color', 'callback' => [ 'sanitize_color' ], ], ], ], 'content_box_link_type' => [ 'label' => esc_html__( 'Content Box Link Type', 'fusion-builder' ), 'description' => esc_html__( 'Controls the type of link that displays in the content box.', 'fusion-builder' ), 'id' => 'content_box_link_type', 'default' => 'text', 'type' => 'radio-buttonset', 'transport' => 'postMessage', 'choices' => [ 'text' => esc_html__( 'Text', 'fusion-builder' ), 'button-bar' => esc_html__( 'Button Bar', 'fusion-builder' ), 'button' => esc_html__( 'Button', 'fusion-builder' ), ], ], 'content_box_button_span' => [ 'label' => esc_html__( 'Button Span', 'fusion-builder' ), 'description' => esc_html__( 'Choose to have the button span the full width.', 'fusion-builder' ), 'id' => 'content_box_button_span', 'default' => 'no', 'type' => 'radio-buttonset', 'transport' => 'postMessage', 'choices' => [ 'yes' => esc_html__( 'Yes', 'fusion-builder' ), 'no' => esc_html__( 'No', 'fusion-builder' ), ], 'soft_dependency' => true, ], 'content_box_link_area' => [ 'label' => esc_html__( 'Content Box Link Area', 'fusion-builder' ), 'description' => esc_html__( 'Controls which area the link will be assigned to.', 'fusion-builder' ), 'id' => 'content_box_link_area', 'default' => 'link-icon', 'type' => 'radio-buttonset', 'transport' => 'postMessage', 'choices' => [ 'link-icon' => esc_html__( 'Link + Icon', 'fusion-builder' ), 'box' => esc_html__( 'Entire Content Box', 'fusion-builder' ), ], ], 'content_box_link_target' => [ 'label' => esc_html__( 'Content Box Link Target', 'fusion-builder' ), 'description' => esc_html__( 'Controls how the link will open.', 'fusion-builder' ), 'id' => 'content_box_link_target', 'default' => '_self', 'type' => 'radio-buttonset', 'transport' => 'postMessage', 'choices' => [ '_self' => esc_html__( 'Same Window/Tab', 'fusion-builder' ), '_blank' => esc_html__( 'New Window/Tab', 'fusion-builder' ), ], ], 'content_box_margin' => [ 'label' => esc_html__( 'Content Box Top/Bottom Margins', 'fusion-builder' ), 'description' => esc_html__( 'Controls the top/bottom margin for content boxes.', 'fusion-builder' ), 'id' => 'content_box_margin', 'type' => 'spacing', 'transport' => 'postMessage', 'choices' => [ 'top' => true, 'bottom' => true, ], 'default' => [ 'top' => '', 'bottom' => '', ], 'css_vars' => [ [ 'name' => '--content_box_margin_top', 'choice' => 'top', ], [ 'name' => '--content_box_margin_bottom', 'choice' => 'bottom', ], ], ], ], ], ]; } } } new FusionSC_ContentBoxes(); } /** * Map shortcode to Avada Builder. * * @since 1.0 */ function fusion_element_content_boxes() { $fusion_settings = awb_get_fusion_settings(); fusion_builder_map( fusion_builder_frontend_data( 'FusionSC_ContentBoxes', [ 'name' => esc_attr__( 'Content Boxes', 'fusion-builder' ), 'shortcode' => 'fusion_content_boxes', 'multi' => 'multi_element_parent', 'element_child' => 'fusion_content_box', 'icon' => 'fusiona-newspaper', 'child_ui' => true, 'preview' => FUSION_BUILDER_PLUGIN_DIR . 'inc/templates/previews/fusion-content-boxes-preview.php', 'preview_id' => 'fusion-builder-block-module-content-boxes-preview-template', 'help_url' => 'https://avada.com/documentation/content-boxes-element/', 'params' => [ [ 'type' => 'textfield', 'heading' => esc_attr__( 'Dynamic Content', 'fusion-builder' ), 'param_name' => 'parent_dynamic_content', 'dynamic_data' => true, 'dynamic_options' => [ 'acf_repeater_parent' ], 'group' => esc_attr__( 'children', 'fusion-builder' ), ], [ 'type' => 'tinymce', 'heading' => esc_attr__( 'Content', 'fusion-builder' ), 'description' => esc_attr__( 'Enter some content for this content box.', 'fusion-builder' ), 'param_name' => 'element_content', 'value' => '[fusion_content_box title="' . esc_attr__( 'Your Content Goes Here', 'fusion-builder' ) . '" backgroundcolor="" icon="" iconflip="" iconrotate="" iconspin="" iconcolor="" circlecolor="" circlebordercolor="" image="" image_id="" image_max_width="" link="" linktext="Read More" animation_type="" animation_direction="left" animation_speed="0.3" ]' . esc_attr__( 'Your Content Goes Here', 'fusion-builder' ) . '[/fusion_content_box]', ], [ 'type' => 'select', 'heading' => esc_attr__( 'Box Layout', 'fusion-builder' ), 'description' => esc_attr__( 'Select the layout for the content box.', 'fusion-builder' ), 'param_name' => 'layout', 'default' => 'icon-with-title', 'value' => [ 'icon-with-title' => esc_attr__( 'Classic Icon With Title', 'fusion-builder' ), 'icon-on-top' => esc_attr__( 'Classic Icon On Top', 'fusion-builder' ), 'icon-on-side' => esc_attr__( 'Classic Icon On Side', 'fusion-builder' ), 'icon-boxed' => esc_attr__( 'Classic Icon Boxed', 'fusion-builder' ), 'clean-vertical' => esc_attr__( 'Clean Layout Vertical', 'fusion-builder' ), 'clean-horizontal' => esc_attr__( 'Clean Layout Horizontal', 'fusion-builder' ), 'timeline-vertical' => esc_attr__( 'Timeline Vertical', 'fusion-builder' ), 'timeline-horizontal' => esc_attr__( 'Timeline Horizontal', 'fusion-builder' ), ], ], [ 'type' => 'range', 'heading' => esc_attr__( 'Number of Columns', 'fusion-builder' ), 'description' => esc_attr__( 'Set the number of columns per row.', 'fusion-builder' ), 'param_name' => 'columns', 'value' => '1', 'min' => '1', 'max' => '6', 'step' => '1', 'dependency' => [ [ 'element' => 'layout', 'value' => 'timeline-vertical', 'operator' => '!=', ], ], ], [ 'type' => 'radio_button_set', 'heading' => esc_attr__( 'Alignment', 'fusion-builder' ), 'description' => esc_attr__( 'Defines how the content boxes should align within the container.', 'fusion-builder' ), 'param_name' => 'alignment', 'default' => '', 'group' => esc_attr__( 'General', 'fusion-builder' ), 'value' => [ '' => esc_attr__( 'Default', 'fusion-builder' ), 'flex-start' => esc_attr__( 'Flex Start', 'fusion-builder' ), 'center' => esc_attr__( 'Center', 'fusion-builder' ), 'flex-end' => esc_attr__( 'Flex End', 'fusion-builder' ), 'stretch' => esc_attr__( 'Stretch', 'fusion-builder' ), ], 'icons' => [ '' => '<span class="fusiona-cog"></span>', 'flex-start' => '<span class="fusiona-align-top-columns"></span>', 'center' => '<span class="fusiona-align-center-columns"></span>', 'flex-end' => '<span class="fusiona-align-bottom-columns"></span>', 'stretch' => '<span class="fusiona-full-height"></span>', ], 'grid_layout' => true, 'back_icons' => true, 'dependency' => [ [ 'element' => 'backgroundcolor', 'operator' => 'is_not_transparent', ], ], ], [ 'type' => 'textfield', 'heading' => esc_attr__( 'Title Size', 'fusion-builder' ), 'description' => esc_attr__( 'Controls the size of the title. In pixels ex: 18px.', 'fusion-builder' ), 'param_name' => 'title_size', 'value' => '', 'group' => esc_attr__( 'Design', 'fusion-builder' ), ], [ 'type' => 'radio_button_set', 'heading' => esc_attr__( 'HTML Heading Tag', 'fusion-builder' ), 'description' => esc_attr__( 'Choose HTML tag of the heading, either div, p or the heading tag, h1-h6.', 'fusion-builder' ), 'param_name' => 'heading_size', 'group' => esc_attr__( 'Design', 'fusion-builder' ), 'value' => [ '1' => 'H1', '2' => 'H2', '3' => 'H3', '4' => 'H4', '5' => 'H5', '6' => 'H6', 'div' => 'DIV', 'p' => 'P', ], 'default' => '2', ], [ 'type' => 'colorpickeralpha', 'heading' => esc_attr__( 'Title Font Color', 'fusion-builder' ), 'description' => esc_attr__( 'Controls the color of the title font. ex: #000.', 'fusion-builder' ), 'param_name' => 'title_color', 'value' => '', 'default' => $fusion_settings->get( 'content_box_title_color' ), 'group' => esc_attr__( 'Design', 'fusion-builder' ), ], [ 'type' => 'colorpickeralpha', 'heading' => esc_attr__( 'Body Font Color', 'fusion-builder' ), 'description' => esc_attr__( 'Controls the color of the body font. ex: #000.', 'fusion-builder' ), 'param_name' => 'body_color', 'value' => '', 'default' => $fusion_settings->get( 'content_box_body_color' ), 'group' => esc_attr__( 'Design', 'fusion-builder' ), ], [ 'type' => 'colorpickeralpha', 'heading' => esc_attr__( 'Content Box Background Color', 'fusion-builder' ), 'description' => '', 'param_name' => 'backgroundcolor', 'value' => '', 'default' => $fusion_settings->get( 'content_box_bg_color' ), 'group' => esc_attr__( 'Design', 'fusion-builder' ), ], [ 'type' => 'dimension', 'remove_from_atts' => true, 'heading' => esc_attr__( 'Border Radius', 'fusion-builder' ), 'description' => __( 'Enter values including any valid CSS unit, ex: 10px.', 'fusion-builder' ), 'param_name' => 'border_radius', 'group' => esc_attr__( 'Design', 'fusion-builder' ), 'value' => [ 'border_radius_top_left' => '', 'border_radius_top_right' => '', 'border_radius_bottom_right' => '', 'border_radius_bottom_left' => '', ], 'dependency' => [ [ 'element' => 'backgroundcolor', 'operator' => 'is_not_transparent', ], ], ], [ 'type' => 'radio_button_set', 'heading' => esc_attr__( 'Box Shadow', 'fusion-builder' ), 'description' => esc_attr__( 'Set to "Yes" to enable box shadows.', 'fusion-builder' ), 'param_name' => 'box_shadow', 'default' => 'no', 'group' => esc_html__( 'Design', 'fusion-builder' ), 'value' => [ 'yes' => esc_attr__( 'Yes', 'fusion-builder' ), 'no' => esc_attr__( 'No', 'fusion-builder' ), ], 'dependency' => [ [ 'element' => 'backgroundcolor', 'operator' => 'is_not_transparent', ], ], ], [ 'type' => 'dimension', 'remove_from_atts' => true, 'heading' => esc_attr__( 'Box Shadow Position', 'fusion-builder' ), 'description' => esc_attr__( 'Set the vertical and horizontal position of the box shadow. Positive values put the shadow below and right of the box, negative values put it above and left of the box. In pixels, ex. 5px.', 'fusion-builder' ), 'param_name' => 'dimension_box_shadow', 'value' => [ 'box_shadow_vertical' => '', 'box_shadow_horizontal' => '', ], 'group' => esc_html__( 'Design', 'fusion-builder' ), 'dependency' => [ [ 'element' => 'backgroundcolor', 'operator' => 'is_not_transparent', ], [ 'element' => 'box_shadow', 'value' => 'yes', 'operator' => '==', ], ], ], [ 'type' => 'range', 'heading' => esc_attr__( 'Box Shadow Blur Radius', 'fusion-builder' ), 'description' => esc_attr__( 'Set the blur radius of the box shadow. In pixels.', 'fusion-builder' ), 'param_name' => 'box_shadow_blur', 'value' => '0', 'min' => '0', 'max' => '100', 'step' => '1', 'group' => esc_html__( 'Design', 'fusion-builder' ), 'dependency' => [ [ 'element' => 'backgroundcolor', 'operator' => 'is_not_transparent', ], [ 'element' => 'box_shadow', 'value' => 'yes', 'operator' => '==', ], ], ], [ 'type' => 'range', 'heading' => esc_attr__( 'Box Shadow Spread Radius', 'fusion-builder' ), 'description' => esc_attr__( 'Set the spread radius of the box shadow. A positive value increases the size of the shadow, a negative value decreases the size of the shadow. In pixels.', 'fusion-builder' ), 'param_name' => 'box_shadow_spread', 'value' => '0', 'min' => '-100', 'max' => '100', 'step' => '1', 'group' => esc_html__( 'Design', 'fusion-builder' ), 'dependency' => [ [ 'element' => 'backgroundcolor', 'operator' => 'is_not_transparent', ], [ 'element' => 'box_shadow', 'value' => 'yes', 'operator' => '==', ], ], ], [ 'type' => 'colorpickeralpha', 'heading' => esc_attr__( 'Box Shadow Color', 'fusion-builder' ), 'description' => esc_attr__( 'Controls the color of the box shadow.', 'fusion-builder' ), 'param_name' => 'box_shadow_color', 'value' => '', 'group' => esc_html__( 'Design', 'fusion-builder' ), 'dependency' => [ [ 'element' => 'backgroundcolor', 'operator' => 'is_not_transparent', ], [ 'element' => 'box_shadow', 'value' => 'yes', 'operator' => '==', ], ], ], [ 'type' => 'radio_button_set', 'heading' => esc_attr__( 'Box Shadow Style', 'fusion-builder' ), 'description' => esc_attr__( 'Set the style of the box shadow to either be an outer or inner shadow.', 'fusion-builder' ), 'param_name' => 'box_shadow_style', 'default' => '', 'group' => esc_html__( 'Design', 'fusion-builder' ), 'value' => [ '' => esc_attr__( 'Outer', 'fusion-builder' ), 'inset' => esc_attr__( 'Inner', 'fusion-builder' ), ], 'dependency' => [ [ 'element' => 'backgroundcolor', 'operator' => 'is_not_transparent', ], [ 'element' => 'box_shadow', 'value' => 'yes', 'operator' => '==', ], ], ], [ 'type' => 'iconpicker', 'heading' => esc_attr__( 'Icon', 'fusion-builder' ), 'param_name' => 'icon', 'value' => '', 'description' => esc_attr__( 'Global setting for all content boxes, this can be overridden individually. Click an icon to select, click again to deselect.', 'fusion-builder' ), 'group' => esc_attr__( 'Design', 'fusion-builder' ), ], [ 'type' => 'radio_button_set', 'heading' => esc_attr__( 'Flip Icon', 'fusion-builder' ), 'description' => esc_attr__( 'Choose to flip the icon.', 'fusion-builder' ), 'param_name' => 'iconflip', 'value' => [ '' => esc_attr__( 'None', 'fusion-builder' ), 'horizontal' => esc_attr__( 'Horizontal', 'fusion-builder' ), 'vertical' => esc_attr__( 'Vertical', 'fusion-builder' ), ], 'default' => '', 'group' => esc_attr__( 'Design', 'fusion-builder' ), ], [ 'type' => 'radio_button_set', 'heading' => esc_attr__( 'Rotate Icon', 'fusion-builder' ), 'description' => esc_attr__( 'Choose to rotate the icon.', 'fusion-builder' ), 'param_name' => 'iconrotate', 'value' => [ '' => esc_attr__( 'None', 'fusion-builder' ), '90' => '90', '180' => '180', '270' => '270', ], 'default' => '', 'group' => esc_attr__( 'Design', 'fusion-builder' ), ], [ 'type' => 'radio_button_set', 'heading' => esc_attr__( 'Spinning Icon', 'fusion-builder' ), 'description' => esc_attr__( 'Choose to let the icon spin.', 'fusion-builder' ), 'param_name' => 'iconspin', 'value' => [ 'yes' => esc_attr__( 'Yes', 'fusion-builder' ), 'no' => esc_attr__( 'No', 'fusion-builder' ), ], 'default' => 'no', 'group' => esc_attr__( 'Design', 'fusion-builder' ), ], [ 'type' => 'colorpickeralpha', 'heading' => esc_attr__( 'Icon Color', 'fusion-builder' ), 'description' => '', 'param_name' => 'iconcolor', 'value' => '', 'default' => $fusion_settings->get( 'content_box_icon_color' ), 'group' => esc_attr__( 'Design', 'fusion-builder' ), 'states' => [ 'hover' => [ 'label' => __( 'Hover', 'fusion-builder' ), 'default' => '', 'preview' => [ 'selector' => '.icon', 'type' => 'class', 'toggle' => 'hover', ], ], ], 'connect-state' => [ 'circlecolor' ], ], [ 'type' => 'radio_button_set', 'heading' => esc_attr__( 'Icon Background', 'fusion-builder' ), 'description' => esc_attr__( 'Choose to show a background behind the icon. Select default for Global Options selection.', 'fusion-builder' ), 'param_name' => 'icon_circle', 'value' => [ '' => esc_attr__( 'Default', 'fusion-builder' ), 'yes' => esc_attr__( 'Yes', 'fusion-builder' ), 'no' => esc_attr__( 'No', 'fusion-builder' ), ], 'child_dependency' => true, 'default' => '', 'group' => esc_attr__( 'Design', 'fusion-builder' ), ], [ 'type' => 'textfield', 'heading' => esc_attr__( 'Icon Background Radius', 'fusion-builder' ), 'description' => esc_attr__( 'Choose the border radius of the icon background. In pixels (px), ex: 1px, or "round".', 'fusion-builder' ), 'param_name' => 'icon_circle_radius', 'value' => '', 'group' => esc_attr__( 'Design', 'fusion-builder' ), 'dependency' => [ [ 'element' => 'icon_circle', 'value' => 'no', 'operator' => '!=', ], ], ], [ 'type' => 'colorpickeralpha', 'heading' => esc_attr__( 'Icon Background Color', 'fusion-builder' ), 'description' => '', 'param_name' => 'circlecolor', 'value' => '', 'default' => $fusion_settings->get( 'content_box_icon_bg_color' ), 'group' => esc_attr__( 'Design', 'fusion-builder' ), 'dependency' => [ [ 'element' => 'icon_circle', 'value' => 'no', 'operator' => '!=', ], ], 'states' => [ 'hover' => [ 'label' => __( 'Hover', 'fusion-builder' ), 'default' => '', 'preview' => [ 'selector' => '.icon', 'type' => 'class', 'toggle' => 'hover', ], ], ], 'connect-state' => [ 'circlecolor' ], ], [ 'type' => 'range', 'heading' => esc_attr__( 'Icon Background Inner Border Size', 'fusion-builder' ), 'description' => '', 'param_name' => 'circlebordersize', 'value' => '', 'min' => '0', 'max' => '20', 'step' => '1', 'default' => $fusion_settings->get( 'content_box_icon_bg_inner_border_size' ), 'group' => esc_attr__( 'Design', 'fusion-builder' ), 'dependency' => [ [ 'element' => 'icon_circle', 'value' => 'no', 'operator' => '!=', ], ], ], [ 'type' => 'colorpickeralpha', 'heading' => esc_attr__( 'Icon Background Inner Border Color', 'fusion-builder' ), 'description' => '', 'param_name' => 'circlebordercolor', 'value' => '', 'default' => $fusion_settings->get( 'content_box_icon_bg_inner_border_color' ), 'group' => esc_attr__( 'Design', 'fusion-builder' ), 'dependency' => [ [ 'element' => 'icon_circle', 'value' => 'no', 'operator' => '!=', ], [ 'element' => 'circlebordersize', 'value' => '0', 'operator' => '!=', ], ], ], [ 'type' => 'range', 'heading' => esc_attr__( 'Icon Background Outer Border Size', 'fusion-builder' ), 'description' => '', 'param_name' => 'outercirclebordersize', 'value' => '', 'min' => '0', 'max' => '20', 'step' => '1', 'default' => $fusion_settings->get( 'content_box_icon_bg_outer_border_size' ), 'group' => esc_attr__( 'Design', 'fusion-builder' ), 'dependency' => [ [ 'element' => 'icon_circle', 'value' => 'no', 'operator' => '!=', ], ], ], [ 'type' => 'colorpickeralpha', 'heading' => esc_attr__( 'Icon Background Outer Border Color', 'fusion-builder' ), 'description' => '', 'param_name' => 'outercirclebordercolor', 'value' => '', 'default' => $fusion_settings->get( 'content_box_icon_bg_outer_border_color' ), 'group' => esc_attr__( 'Design', 'fusion-builder' ), 'dependency' => [ [ 'element' => 'icon_circle', 'value' => 'no', 'operator' => '!=', ], [ 'element' => 'outercirclebordersize', 'value' => '0', 'operator' => '!=', ], ], ], [ 'type' => 'range', 'heading' => esc_attr__( 'Icon Size', 'fusion-builder' ), 'description' => esc_attr__( 'Controls the size of the icon. In pixels.', 'fusion-builder' ), 'param_name' => 'icon_size', 'value' => '', 'min' => '0', 'max' => '250', 'step' => '1', 'default' => $fusion_settings->get( 'content_box_icon_size' ), 'group' => esc_attr__( 'Design', 'fusion-builder' ), ], [ 'type' => 'select', 'heading' => esc_attr__( 'Icon Hover Animation Type', 'fusion-builder' ), 'description' => esc_attr__( 'Select the animation type for icon on hover. Select default for Global Options selection.', 'fusion-builder' ), 'param_name' => 'icon_hover_type', 'group' => esc_attr__( 'Design', 'fusion-builder' ), 'value' => [ '' => esc_attr__( 'Default', 'fusion-builder' ), 'none' => esc_attr__( 'None', 'fusion-builder' ), 'fade' => esc_attr__( 'Fade', 'fusion-builder' ), 'slide' => esc_attr__( 'Slide', 'fusion-builder' ), 'pulsate' => esc_attr__( 'Pulsate', 'fusion-builder' ), ], 'default' => '', 'preview' => [ 'selector' => '.link-area-box,.link-area-link-icon,.link-area-link-icon', 'type' => 'class', 'toggle' => '-hover', 'append' => true, ], ], [ 'type' => 'colorpickeralpha', 'heading' => esc_attr__( 'Hover Accent Color', 'fusion-builder' ), 'description' => esc_attr__( 'Controls the accent color on hover.', 'fusion-builder' ), 'param_name' => 'hover_accent_color', 'value' => '', 'default' => $fusion_settings->get( 'content_box_hover_animation_accent_color' ), 'group' => esc_attr__( 'Design', 'fusion-builder' ), 'preview' => [ 'selector' => '.link-area-box,.link-area-link-icon,.link-area-link-icon', 'type' => 'class', 'toggle' => '-hover', 'append' => true, ], ], [ 'type' => 'upload', 'heading' => esc_attr__( 'Icon Image', 'fusion-builder' ), 'description' => esc_attr__( 'To upload your own icon image, deselect the icon above and then upload your icon image.', 'fusion-builder' ), 'param_name' => 'image', 'value' => '', 'group' => esc_attr__( 'Design', 'fusion-builder' ), ], [ 'type' => 'textfield', 'heading' => esc_attr__( 'Icon Image ID', 'fusion-builder' ), 'description' => esc_attr__( 'Icon Image ID from Media Library.', 'fusion-builder' ), 'param_name' => 'image_id', 'value' => '', 'hidden' => true, 'group' => esc_attr__( 'Design', 'fusion-builder' ), ], [ 'type' => 'textfield', 'heading' => esc_attr__( 'Icon Image Max Width', 'fusion-builder' ), 'description' => esc_attr__( 'Set the icon image max width. Leave empty to use image\'s native width. In pixels, ex: 35.', 'fusion-builder' ), 'param_name' => 'image_max_width', 'default' => '35', 'group' => esc_attr__( 'Design', 'fusion-builder' ), ], [ 'type' => 'radio_button_set', 'heading' => esc_attr__( 'Link Type', 'fusion-builder' ), 'description' => esc_attr__( 'Select the type of link that should show in the content box. Select default for Global Options selection.', 'fusion-builder' ), 'param_name' => 'link_type', 'value' => [ '' => esc_attr__( 'Default', 'fusion-builder' ), 'text' => esc_attr__( 'Text', 'fusion-builder' ), 'button-bar' => esc_attr__( 'Button Bar', 'fusion-builder' ), 'button' => esc_attr__( 'Button', 'fusion-builder' ), ], 'default' => '', ], [ 'type' => 'radio_button_set', 'heading' => esc_attr__( 'Button Span', 'fusion-builder' ), 'description' => esc_attr__( 'Choose to have the button span the full width.', 'fusion-builder' ), 'param_name' => 'button_span', 'value' => [ '' => esc_attr__( 'Default', 'fusion-builder' ), 'yes' => esc_attr__( 'Yes', 'fusion-builder' ), 'no' => esc_attr__( 'No', 'fusion-builder' ), ], 'default' => '', 'dependency' => [ [ 'element' => 'link_type', 'value' => 'text', 'operator' => '!=', ], [ 'element' => 'link_type', 'value' => 'button-bar', 'operator' => '!=', ], ], ], [ 'type' => 'select', 'heading' => esc_attr__( 'Link Area', 'fusion-builder' ), 'description' => esc_attr__( 'Select which area the link will be assigned to. Select default for Global Options selection.', 'fusion-builder' ), 'param_name' => 'link_area', 'value' => [ '' => esc_attr__( 'Default', 'fusion-builder' ), 'link-icon' => esc_attr__( 'Link+Icon', 'fusion-builder' ), 'box' => esc_attr__( 'Entire Content Box', 'fusion-builder' ), ], 'default' => '', ], [ 'type' => 'radio_button_set', 'heading' => esc_attr__( 'Link Target', 'fusion-builder' ), 'description' => __( '_self = open in same window <br />_blank = open in new window', 'fusion-builder' ), 'param_name' => 'link_target', 'value' => [ '' => esc_attr__( 'Default', 'fusion-builder' ), '_self' => esc_attr__( 'Same Window', 'fusion-builder' ), '_blank' => esc_attr__( 'New Window/Tab', 'fusion-builder' ), ], 'default' => '', ], [ 'type' => 'radio_button_set', 'heading' => esc_attr__( 'Content Alignment', 'fusion-builder' ), 'description' => esc_attr__( 'Works with "Classic Icon With Title" and "Classic Icon On Side" layout options.', 'fusion-builder' ), 'param_name' => 'icon_align', 'value' => [ 'left' => esc_attr__( 'Left', 'fusion-builder' ), 'right' => esc_attr__( 'Right', 'fusion-builder' ), ], 'default' => 'left', ], [ 'type' => 'select', 'heading' => esc_attr__( 'Animation Type', 'fusion-builder' ), 'description' => esc_attr__( 'Select the type of animation to use on the element.', 'fusion-builder' ), 'param_name' => 'animation_type', 'value' => fusion_builder_available_animations(), 'default' => '', 'dependency' => [ [ 'element' => 'layout', 'value' => 'timeline-vertical', 'operator' => '!=', ], [ 'element' => 'layout', 'value' => 'timeline-horizontal', 'operator' => '!=', ], ], 'preview' => [ 'selector' => '.content-box-column', 'type' => 'animation', ], ], [ 'type' => 'radio_button_set', 'heading' => esc_attr__( 'Direction of Animation', 'fusion-builder' ), 'description' => esc_attr__( 'Select the incoming direction for the animation.', 'fusion-builder' ), 'param_name' => 'animation_direction', 'value' => [ 'down' => esc_attr__( 'Top', 'fusion-builder' ), 'right' => esc_attr__( 'Right', 'fusion-builder' ), 'up' => esc_attr__( 'Bottom', 'fusion-builder' ), 'left' => esc_attr__( 'Left', 'fusion-builder' ), 'static' => esc_attr__( 'Static', 'fusion-builder' ), ], 'default' => 'left', 'dependency' => [ [ 'element' => 'animation_type', 'value' => '', 'operator' => '!=', ], [ 'element' => 'layout', 'value' => 'timeline-vertical', 'operator' => '!=', ], [ 'element' => 'layout', 'value' => 'timeline-horizontal', 'operator' => '!=', ], ], 'preview' => [ 'selector' => '.content-box-column', 'type' => 'animation', ], ], [ 'type' => 'colorpickeralpha', 'heading' => esc_attr__( 'Animation Color', 'fusion-builder' ), 'description' => esc_attr__( 'Select the color of the animation', 'fusion-builder' ), 'param_name' => 'animation_color', 'default' => 'var(--primary_color)', 'dependency' => [ [ 'element' => 'animation_type', 'value' => 'reveal', 'operator' => '==', ], ], 'preview' => [ 'selector' => '.link-area-box,.link-area-link-icon,.link-area-link-icon', 'type' => 'animation', ], ], [ 'type' => 'range', 'heading' => esc_attr__( 'Speed of Animation', 'fusion-builder' ), 'description' => esc_attr__( 'Type in speed of animation in seconds (0.1 - 5).', 'fusion-builder' ), 'param_name' => 'animation_speed', 'min' => '0.1', 'max' => '5', 'step' => '0.1', 'value' => '0.3', 'dependency' => [ [ 'element' => 'animation_type', 'value' => '', 'operator' => '!=', ], [ 'element' => 'layout', 'value' => 'timeline-vertical', 'operator' => '!=', ], [ 'element' => 'layout', 'value' => 'timeline-horizontal', 'operator' => '!=', ], ], 'preview' => [ 'selector' => '.content-box-column', 'type' => 'animation', ], ], [ 'type' => 'range', 'heading' => esc_attr__( 'Animation Delay', 'fusion-builder' ), 'description' => esc_attr__( 'Controls the delay of animation between each element in a set. In seconds (0.0 - 5.0).', 'fusion-builder' ), 'param_name' => 'animation_delay', 'min' => '0', 'max' => '5', 'step' => '0.1', 'value' => '0', 'dependency' => [ [ 'element' => 'animation_type', 'value' => '', 'operator' => '!=', ], [ 'element' => 'layout', 'value' => 'timeline-vertical', 'operator' => '!=', ], [ 'element' => 'layout', 'value' => 'timeline-horizontal', 'operator' => '!=', ], ], 'preview' => [ 'selector' => '.content-box-column', 'type' => 'animation', ], ], [ 'type' => 'select', 'heading' => esc_attr__( 'Offset of Animation', 'fusion-builder' ), 'description' => esc_attr__( 'Controls when the animation should start.', 'fusion-builder' ), 'param_name' => 'animation_offset', 'value' => [ '' => esc_attr__( 'Default', 'fusion-builder' ), 'top-into-view' => esc_attr__( 'Top of element hits bottom of viewport', 'fusion-builder' ), 'top-mid-of-view' => esc_attr__( 'Top of element hits middle of viewport', 'fusion-builder' ), 'bottom-in-view' => esc_attr__( 'Bottom of element enters viewport', 'fusion-builder' ), ], 'default' => '', 'dependency' => [ [ 'element' => 'animation_type', 'value' => '', 'operator' => '!=', ], [ 'element' => 'layout', 'value' => 'timeline-vertical', 'operator' => '!=', ], [ 'element' => 'layout', 'value' => 'timeline-horizontal', 'operator' => '!=', ], ], ], 'fusion_margin_placeholder' => [ 'param_name' => 'dimensions', 'description' => esc_attr__( 'Spacing above and below the content boxes. In px, em or %, e.g. 10px.', 'fusion-builder' ), ], [ 'type' => 'dimension', 'remove_from_atts' => true, 'heading' => esc_attr__( 'Item Margin', 'fusion-builder' ), 'description' => esc_attr__( 'Spacing above and below each item boxes. In px, em or %, e.g. 10px.', 'fusion-builder' ), 'param_name' => 'item_margin', 'group' => esc_attr__( 'Design', 'fusion-builder' ), 'value' => [ 'item_margin_top' => '', 'item_margin_bottom' => '', ], ], [ 'type' => 'checkbox_button_set', 'heading' => esc_attr__( 'Element Visibility', 'fusion-builder' ), 'param_name' => 'hide_on_mobile', 'value' => fusion_builder_visibility_options( 'full' ), 'default' => fusion_builder_default_visibility( 'array' ), 'description' => esc_attr__( 'Choose to show or hide the element on small, medium or large screens. You can choose more than one at a time.', 'fusion-builder' ), ], [ 'type' => 'textfield', 'heading' => esc_attr__( 'CSS Class', 'fusion-builder' ), 'description' => esc_attr__( 'Add a class to the wrapping HTML element.', 'fusion-builder' ), 'param_name' => 'class', 'value' => '', 'group' => esc_attr__( 'General', 'fusion-builder' ), ], [ 'type' => 'textfield', 'heading' => esc_attr__( 'CSS ID', 'fusion-builder' ), 'description' => esc_attr__( 'Add an ID to the wrapping HTML element.', 'fusion-builder' ), 'param_name' => 'id', 'value' => '', 'group' => esc_attr__( 'General', 'fusion-builder' ), ], ], ], 'parent' ) ); } add_action( 'fusion_builder_before_init', 'fusion_element_content_boxes' ); /** * Map shortcode to Avada Builder. * * @since 1.0 */ function fusion_element_content_box() { $fusion_settings = awb_get_fusion_settings(); fusion_builder_map( fusion_builder_frontend_data( 'FusionSC_ContentBoxes', [ 'name' => esc_attr__( 'Content Box', 'fusion-builder' ), 'description' => esc_attr__( 'Enter some content for this textblock', 'fusion-builder' ), 'shortcode' => 'fusion_content_box', 'hide_from_builder' => true, 'allow_generator' => true, 'inline_editor' => true, 'inline_editor_shortcodes' => true, 'params' => [ [ 'type' => 'textfield', 'heading' => esc_attr__( 'Title', 'fusion-builder' ), 'description' => esc_attr__( 'The box title.', 'fusion-builder' ), 'param_name' => 'title', 'value' => esc_attr__( 'Your Content Goes Here', 'fusion-builder' ), 'placeholder' => true, 'dynamic_data' => true, ], [ 'type' => 'colorpickeralpha', 'heading' => esc_attr__( 'Content Box Background Color', 'fusion-builder' ), 'description' => '', 'param_name' => 'backgroundcolor', 'value' => '', 'default' => $fusion_settings->get( 'content_box_bg_color' ), ], [ 'type' => 'iconpicker', 'heading' => esc_attr__( 'Icon', 'fusion-builder' ), 'param_name' => 'icon', 'value' => '', 'description' => esc_attr__( 'Click an icon to select, click again to deselect.', 'fusion-builder' ), 'dependency' => [ [ 'element' => 'image', 'value' => '', 'operator' => '==', ], ], ], [ 'type' => 'radio_button_set', 'heading' => esc_attr__( 'Flip Icon', 'fusion-builder' ), 'description' => esc_attr__( 'Choose to flip the icon.', 'fusion-builder' ), 'param_name' => 'iconflip', 'value' => [ '' => esc_attr__( 'Default', 'fusion-builder' ), 'none' => esc_attr__( 'None', 'fusion-builder' ), 'horizontal' => esc_attr__( 'Horizontal', 'fusion-builder' ), 'vertical' => esc_attr__( 'Vertical', 'fusion-builder' ), ], 'default' => '', 'dependency' => [ [ 'element' => 'icon', 'value' => '', 'operator' => '!=', ], [ 'element' => 'image', 'value' => '', 'operator' => '==', ], ], ], [ 'type' => 'radio_button_set', 'heading' => esc_attr__( 'Rotate Icon', 'fusion-builder' ), 'description' => esc_attr__( 'Choose to rotate the icon.', 'fusion-builder' ), 'param_name' => 'iconrotate', 'value' => [ '' => esc_attr__( 'Default', 'fusion-builder' ), 'none' => esc_attr__( 'None', 'fusion-builder' ), '90' => '90', '180' => '180', '270' => '270', ], 'default' => '', 'dependency' => [ [ 'element' => 'icon', 'value' => '', 'operator' => '!=', ], [ 'element' => 'image', 'value' => '', 'operator' => '==', ], ], ], [ 'type' => 'radio_button_set', 'heading' => esc_attr__( 'Spinning Icon', 'fusion-builder' ), 'description' => esc_attr__( 'Choose to let the icon spin.', 'fusion-builder' ), 'param_name' => 'iconspin', 'value' => [ '' => esc_attr__( 'Default', 'fusion-builder' ), 'yes' => esc_attr__( 'Yes', 'fusion-builder' ), 'no' => esc_attr__( 'No', 'fusion-builder' ), ], 'default' => '', 'dependency' => [ [ 'element' => 'icon', 'value' => '', 'operator' => '!=', ], [ 'element' => 'image', 'value' => '', 'operator' => '==', ], ], ], [ 'type' => 'colorpickeralpha', 'heading' => esc_attr__( 'Icon Color', 'fusion-builder' ), 'description' => esc_attr__( 'Controls the color of the icon. ', 'fusion-builder' ), 'param_name' => 'iconcolor', 'value' => '', 'default' => $fusion_settings->get( 'content_box_icon_color' ), 'dependency' => [ [ 'element' => 'icon', 'value' => '', 'operator' => '!=', ], [ 'element' => 'image', 'value' => '', 'operator' => '==', ], ], 'states' => [ 'hover' => [ 'label' => __( 'Hover', 'fusion-builder' ), 'default' => '', 'preview' => [ 'selector' => '.icon', 'type' => 'class', 'toggle' => 'hover', ], ], ], 'connect-state' => [ 'circlecolor' ], ], [ 'type' => 'colorpickeralpha', 'heading' => esc_attr__( 'Icon Background Color', 'fusion-builder' ), 'description' => esc_attr__( 'Choose to show a background behind the icon.', 'fusion-builder' ), 'param_name' => 'circlecolor', 'value' => '', 'default' => $fusion_settings->get( 'content_box_icon_bg_color' ), 'dependency' => [ [ 'element' => 'icon', 'value' => '', 'operator' => '!=', ], [ 'element' => 'image', 'value' => '', 'operator' => '==', ], [ 'element' => 'parent_icon_circle', 'value' => 'no', 'operator' => '!=', ], ], 'states' => [ 'hover' => [ 'label' => __( 'Hover', 'fusion-builder' ), 'default' => '', 'preview' => [ 'selector' => '.icon', 'type' => 'class', 'toggle' => 'hover', ], ], ], 'connect-state' => [ 'iconcolor' ], ], [ 'type' => 'range', 'heading' => esc_attr__( 'Icon Background Inner Border Size', 'fusion-builder' ), 'description' => '', 'param_name' => 'circlebordersize', 'value' => '', 'min' => '0', 'max' => '20', 'step' => '1', 'default' => $fusion_settings->get( 'content_box_icon_bg_inner_border_size' ), 'dependency' => [ [ 'element' => 'icon', 'value' => '', 'operator' => '!=', ], [ 'element' => 'image', 'value' => '', 'operator' => '==', ], [ 'element' => 'parent_icon_circle', 'value' => 'no', 'operator' => '!=', ], ], ], [ 'type' => 'colorpickeralpha', 'heading' => esc_attr__( 'Icon Background Inner Border Color', 'fusion-builder' ), 'description' => '', 'param_name' => 'circlebordercolor', 'value' => '', 'default' => $fusion_settings->get( 'content_box_icon_bg_inner_border_color' ), 'dependency' => [ [ 'element' => 'icon', 'value' => '', 'operator' => '!=', ], [ 'element' => 'image', 'value' => '', 'operator' => '==', ], [ 'element' => 'slidercirclebordersize', 'value' => '0', 'operator' => '!=', ], [ 'element' => 'parent_icon_circle', 'value' => 'no', 'operator' => '!=', ], ], ], [ 'type' => 'range', 'heading' => esc_attr__( 'Icon Background Outer Border Size', 'fusion-builder' ), 'description' => '', 'param_name' => 'outercirclebordersize', 'value' => '', 'min' => '0', 'max' => '20', 'step' => '1', 'default' => $fusion_settings->get( 'content_box_icon_bg_outer_border_size' ), 'dependency' => [ [ 'element' => 'icon', 'value' => '', 'operator' => '!=', ], [ 'element' => 'image', 'value' => '', 'operator' => '==', ], [ 'element' => 'parent_icon_circle', 'value' => 'no', 'operator' => '!=', ], ], ], [ 'type' => 'colorpickeralpha', 'heading' => esc_attr__( 'Icon Background Outer Border Color', 'fusion-builder' ), 'description' => '', 'param_name' => 'outercirclebordercolor', 'value' => '', 'default' => $fusion_settings->get( 'content_box_icon_bg_outer_border_color' ), 'dependency' => [ [ 'element' => 'icon', 'value' => '', 'operator' => '!=', ], [ 'element' => 'image', 'value' => '', 'operator' => '==', ], [ 'element' => 'slideroutercirclebordersize', 'value' => '0', 'operator' => '!=', ], [ 'element' => 'parent_icon_circle', 'value' => 'no', 'operator' => '!=', ], ], ], [ 'type' => 'upload', 'heading' => esc_attr__( 'Icon Image', 'fusion-builder' ), 'description' => esc_attr__( 'To upload your own icon image, deselect the icon above and then upload your icon image.', 'fusion-builder' ), 'param_name' => 'image', 'value' => '', ], [ 'type' => 'textfield', 'heading' => esc_attr__( 'Icon Image ID', 'fusion-builder' ), 'description' => esc_attr__( 'Icon Image ID from Media Library.', 'fusion-builder' ), 'param_name' => 'image_id', 'value' => '', 'hidden' => true, 'callback' => [ 'function' => 'fusion_ajax', 'action' => 'get_fusion_content_box_image_data', 'ajax' => true, ], ], [ 'type' => 'textfield', 'heading' => esc_attr__( 'Icon Image Max Width', 'fusion-builder' ), 'description' => esc_attr__( 'Set the icon image max width. Leave empty for value set in parent option. Set to -1 to use image\'s native width. In pixels, ex: 35.', 'fusion-builder' ), 'param_name' => 'image_max_width', 'default' => '', 'dependency' => [ [ 'element' => 'image', 'value' => '', 'operator' => '!=', ], ], ], [ 'type' => 'link_selector', 'heading' => esc_attr__( 'Read More Link Url', 'fusion-builder' ), 'description' => esc_attr__( "Add the link's url ex: http://example.com.", 'fusion-builder' ), 'param_name' => 'link', 'value' => '', ], [ 'type' => 'textfield', 'heading' => esc_attr__( 'Read More Link Text', 'fusion-builder' ), 'description' => esc_attr__( 'Insert the text to display as the link.', 'fusion-builder' ), 'param_name' => 'linktext', 'value' => '', 'dependency' => [ [ 'element' => 'link', 'value' => '', 'operator' => '!=', ], ], ], [ 'type' => 'radio_button_set', 'heading' => esc_attr__( 'Read More Link Target', 'fusion-builder' ), 'description' => esc_html__( 'Controls how the link will open.', 'fusion-builder' ), 'param_name' => 'link_target', 'value' => [ '' => esc_attr__( 'Default', 'fusion-builder' ), '_self' => esc_attr__( 'Same Window', 'fusion-builder' ), '_blank' => esc_attr__( 'New Window/Tab', 'fusion-builder' ), ], 'default' => '', 'dependency' => [ [ 'element' => 'link', 'value' => '', 'operator' => '!=', ], ], ], [ 'type' => 'tinymce', 'heading' => esc_attr__( 'Content Box Content', 'fusion-builder' ), 'description' => esc_attr__( 'Add content for content box.', 'fusion-builder' ), 'param_name' => 'element_content', 'value' => esc_attr__( 'Your Content Goes Here', 'fusion-builder' ), 'placeholder' => true, 'dynamic_data' => true, ], [ 'type' => 'select', 'heading' => esc_attr__( 'Animation Type', 'fusion-builder' ), 'description' => esc_attr__( 'Select the type of animation to use on the element.', 'fusion-builder' ), 'param_name' => 'animation_type', 'value' => fusion_builder_available_animations(), 'default' => '', 'group' => esc_attr__( 'Animation', 'fusion-builder' ), 'preview' => [ 'selector' => '.link-area-box,.link-area-link-icon,.link-area-link-icon', 'type' => 'animation', ], ], [ 'type' => 'radio_button_set', 'heading' => esc_attr__( 'Direction of Animation', 'fusion-builder' ), 'description' => esc_attr__( 'Select the incoming direction for the animation.', 'fusion-builder' ), 'param_name' => 'animation_direction', 'value' => [ 'down' => esc_attr__( 'Top', 'fusion-builder' ), 'right' => esc_attr__( 'Right', 'fusion-builder' ), 'up' => esc_attr__( 'Bottom', 'fusion-builder' ), 'left' => esc_attr__( 'Left', 'fusion-builder' ), 'static' => esc_attr__( 'Static', 'fusion-builder' ), ], 'default' => 'left', 'group' => esc_attr__( 'Animation', 'fusion-builder' ), 'dependency' => [ [ 'element' => 'animation_type', 'value' => '', 'operator' => '!=', ], [ 'element' => 'animation_type', 'value' => 'none', 'operator' => '!=', ], ], 'preview' => [ 'selector' => '.link-area-box,.link-area-link-icon,.link-area-link-icon', 'type' => 'animation', ], ], [ 'type' => 'colorpickeralpha', 'heading' => esc_attr__( 'Animation Color', 'fusion-builder' ), 'description' => esc_attr__( 'Select the color of the animation', 'fusion-builder' ), 'param_name' => 'animation_color', 'default' => 'var(--primary_color)', 'dependency' => [ [ 'element' => 'animation_type', 'value' => 'reveal', 'operator' => '==', ], ], 'preview' => [ 'selector' => '.link-area-box,.link-area-link-icon,.link-area-link-icon', 'type' => 'animation', ], ], [ 'type' => 'range', 'heading' => esc_attr__( 'Speed of Animation', 'fusion-builder' ), 'description' => esc_attr__( 'Type in speed of animation in seconds (0.1 - 5).', 'fusion-builder' ), 'param_name' => 'animation_speed', 'min' => '0.1', 'max' => '5', 'step' => '0.1', 'value' => '0.3', 'group' => esc_attr__( 'Animation', 'fusion-builder' ), 'dependency' => [ [ 'element' => 'animation_type', 'value' => '', 'operator' => '!=', ], [ 'element' => 'animation_type', 'value' => 'none', 'operator' => '!=', ], ], 'preview' => [ 'selector' => '.link-area-box,.link-area-link-icon,.link-area-link-icon', 'type' => 'animation', ], ], [ 'type' => 'select', 'heading' => esc_attr__( 'Offset of Animation', 'fusion-builder' ), 'description' => esc_attr__( 'Controls when the animation should start.', 'fusion-builder' ), 'param_name' => 'animation_offset', 'value' => [ '' => esc_attr__( 'Default', 'fusion-builder' ), 'top-into-view' => esc_attr__( 'Top of element hits bottom of viewport', 'fusion-builder' ), 'top-mid-of-view' => esc_attr__( 'Top of element hits middle of viewport', 'fusion-builder' ), 'bottom-in-view' => esc_attr__( 'Bottom of element enters viewport', 'fusion-builder' ), ], 'default' => '', 'group' => esc_attr__( 'Animation', 'fusion-builder' ), 'dependency' => [ [ 'element' => 'animation_type', 'value' => '', 'operator' => '!=', ], [ 'element' => 'animation_type', 'value' => 'none', 'operator' => '!=', ], ], ], ], ], 'child' ) ); } add_action( 'fusion_builder_before_init', 'fusion_element_content_box' );

𝗡𝗔𝗠𝗘	𝗦𝗜𝗭𝗘	𝗟𝗔𝗦𝗧 𝗧𝗢𝗨𝗖𝗛	𝗨𝗦𝗘𝗥	𝗦𝗧𝗔𝗧𝗨𝗦
..	--	27 Aug 2026 4.59 AM	docteuh / users	0755
components	--	26 Aug 2026 4.27 AM	docteuh / users	0755
form	--	26 Aug 2026 4.27 AM	docteuh / users	0755
js	--	26 Aug 2026 4.27 AM	docteuh / users	0755

fusion-audio.php	20.387 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-blank-page.php	0.665 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-blog.php	107.766 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-breadcrumbs.php	15.495 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-button.php	85.926 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-chart.php	33.149 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-checklist.php	31.546 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-circles-info.php	77.414 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-code-block.php	1.843 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-column-inner.php	1.904 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-column.php	1.896 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-contact-form7.php	2.275 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-content-boxes.php	132.065 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-convertplus.php	8.286 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-countdown.php	54.114 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-counters-box.php	30.157 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-counters-circle.php	18.565 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-dropcap.php	8.805 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-events.php	36.033 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-facebook-page.php	19.25 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-flickr.php	19.747 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-flip-boxes.php	61.462 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-fontawesome.php	34.19 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-gallery.php	88.555 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-global.php	10.852 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-google-map.php	42.931 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-gravity-form.php	3.487 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-highlight.php	11.383 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-image-before-after.php	49.818 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-image-carousel.php	48.022 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-image-hotspots.php	33.223 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-image.php	90.025 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-inline.php	2.218 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-instagram.php	60.796 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-layer-slider.php	2.073 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-lightbox.php	8.715 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-lottie.php	21.71 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-menu-anchor.php	3.188 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-menu.php	93.935 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-modal.php	17.323 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-news-ticker.php	43.221 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-nextpage.php	0.738 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-one-page-link.php	3.88 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-open-street-map.php	52.27 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-person.php	65.724 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-popover.php	13.306 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-post-card-cart.php	142.81 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-post-card-image.php	30.33 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-post-cards.php	142.96 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-post-slider.php	19.51 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-pricing-table.php	38.265 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-progress.php	27.663 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-recent-posts.php	52.588 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-revolution-slider.php	1.058 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-row-inner.php	1.067 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-row.php	0.991 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-scroll-progress.php	16.159 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-search.php	29.545 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-section-separator.php	174.154 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-separator.php	34.366 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-slider.php	23.82 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-social-links.php	51.16 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-social-sharing.php	61.703 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-soundcloud.php	10.246 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-star-rating.php	19.802 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-stripe-button.php	76.124 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-submenu.php	59.607 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-syntax-highlighter.php	32.148 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-table-of-contents.php	41.999 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-table.php	8.218 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-tabs.php	65.576 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-tagcloud.php	36.479 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-tagline.php	36.945 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-testimonials.php	53.142 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-title.php	65.333 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-toggle.php	57.083 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-tooltip.php	5.704 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-twitter-timeline.php	19.066 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-user-login.php	71.05 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-video.php	18.535 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-views-counter.php	21.79 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-vimeo.php	17.144 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-widget-area.php	12.915 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-widget.php	21.944 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-woo-cart-coupons.php	15.592 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-woo-cart-shipping.php	15.572 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-woo-cart-table.php	38.775 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-woo-cart-totals.php	22.699 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-woo-checkout-form.php	0.706 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-woo-featured-products-slider.php	28.007 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-woo-product-grid.php	47.554 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-woo-product-slider.php	28.406 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-woo-shortcodes.php	3.424 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-woo-sorting.php	25.361 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
fusion-youtube.php	17.496 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
woo-checkout-billing.php	12.527 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
woo-checkout-order-review.php	24.136 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
woo-checkout-payment.php	35.031 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
woo-checkout-shipping.php	12.418 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
woo-checkout-tabs.php	44.624 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
woo-mini-cart.php	74.974 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
woo-notices.php	38.273 KB	20 Nov 2023 7.12 PM	docteuh / users	0644
woo-upsells.php	7.247 KB	20 Nov 2023 7.12 PM	docteuh / users	0644

✘✘ GRAYBYTE WORDPRESS FILE MANAGER ✘✘