name = esc_html__( 'Testimonial', 'et_builder' );
$this->slug = 'et_pb_testimonial';
$this->fb_support = true;
$this->whitelisted_fields = array(
'author',
'job_title',
'company_name',
'url',
'url_new_window',
'portrait_url',
'quote_icon',
'use_background_color',
'background_color',
'background_layout',
'content_new',
'admin_label',
'module_id',
'module_class',
'quote_icon_color',
'quote_icon_background_color',
'portrait_border_radius',
'portrait_width',
'portrait_height',
'box_shadow_style_image',
'box_shadow_horizontal_image',
'box_shadow_vertical_image',
'box_shadow_blur_image',
'box_shadow_spread_image',
'box_shadow_color_image',
'box_shadow_position_image',
);
$this->fields_defaults = array(
'url_new_window' => array( 'off' ),
'quote_icon' => array( 'on' ),
'use_background_color' => array( 'on' ),
'background_color' => array( '#f5f5f5', 'add_default_setting' ),
'background_layout' => array( 'dark' ),
'text_orientation' => array( 'left' ),
);
$this->main_css_element = '%%order_class%%.et_pb_testimonial';
$this->options_toggles = array(
'general' => array(
'toggles' => array(
'main_content' => esc_html__( 'Text', 'et_builder' ),
'image' => esc_html__( 'Image', 'et_builder' ),
'link' => esc_html__( 'Link', 'et_builder' ),
'elements' => esc_html__( 'Elements', 'et_builder' ),
),
),
'advanced' => array(
'toggles' => array(
'icon' => esc_html__( 'Quote Icon', 'et_builder' ),
'text' => array(
'title' => esc_html__( 'Text', 'et_builder' ),
'priority' => 49,
),
'image' => array(
'title' => esc_html__( 'Image', 'et_builder' ),
'priority' => 51,
),
'animation' => array(
'title' => esc_html__( 'Animation', 'et_builder' ),
'priority' => 100,
),
),
),
);
$this->advanced_options = array(
'fonts' => array(
'body' => array(
'label' => esc_html__( 'Body', 'et_builder' ),
'css' => array(
'main' => "{$this->main_css_element} *",
),
'hide_text_shadow' => true,
),
),
'background' => array(
'use_background_color' => false,
'settings' => array(
'color' => 'alpha',
),
),
'custom_margin_padding' => array(
'css' => array(
'important' => 'all',
),
),
'max_width' => array(),
'text' => array(),
'animation' => array(),
'filters' => array(
'child_filters_target' => array(
'tab_slug' => 'advanced',
'toggle_slug' => 'image',
),
),
'image' => array(
'css' => array(
'main' => '%%order_class%% .et_pb_testimonial_portrait',
),
),
);
$this->custom_css_options = array(
'testimonial_portrait' => array(
'label' => esc_html__( 'Testimonial Portrait', 'et_builder' ),
'selector' => '.et_pb_testimonial_portrait',
),
'testimonial_description' => array(
'label' => esc_html__( 'Testimonial Description', 'et_builder' ),
'selector' => '.et_pb_testimonial_description',
),
'testimonial_author' => array(
'label' => esc_html__( 'Testimonial Author', 'et_builder' ),
'selector' => '.et_pb_testimonial_author',
),
'testimonial_meta' => array(
'label' => esc_html__( 'Testimonial Meta', 'et_builder' ),
'selector' => '.et_pb_testimonial_meta',
),
);
}
function get_fields() {
$fields = array(
'author' => array(
'label' => esc_html__( 'Author Name', 'et_builder' ),
'type' => 'text',
'option_category' => 'basic_option',
'description' => esc_html__( 'Input the name of the testimonial author.', 'et_builder' ),
'toggle_slug' => 'main_content',
),
'job_title' => array(
'label' => esc_html__( 'Job Title', 'et_builder' ),
'type' => 'text',
'option_category' => 'basic_option',
'description' => esc_html__( 'Input the job title.', 'et_builder' ),
'toggle_slug' => 'main_content',
),
'company_name' => array(
'label' => esc_html__( 'Company Name', 'et_builder' ),
'type' => 'text',
'option_category' => 'basic_option',
'description' => esc_html__( 'Input the name of the company.', 'et_builder' ),
'toggle_slug' => 'main_content',
),
'url' => array(
'label' => esc_html__( 'Author/Company URL', 'et_builder' ),
'type' => 'text',
'option_category' => 'basic_option',
'description' => esc_html__( 'Input the website of the author or leave blank for no link.', 'et_builder' ),
'toggle_slug' => 'link',
),
'url_new_window' => array(
'label' => esc_html__( 'URLs Open', 'et_builder' ),
'type' => 'select',
'option_category' => 'configuration',
'options' => array(
'off' => esc_html__( 'In The Same Window', 'et_builder' ),
'on' => esc_html__( 'In The New Tab', 'et_builder' ),
),
'toggle_slug' => 'link',
'description' => esc_html__( 'Choose whether or not the URL should open in a new window.', 'et_builder' ),
),
'portrait_url' => array(
'label' => esc_html__( 'Portrait Image URL', 'et_builder' ),
'type' => 'upload',
'option_category' => 'basic_option',
'upload_button_text' => esc_attr__( 'Upload an image', 'et_builder' ),
'choose_text' => esc_attr__( 'Choose an Image', 'et_builder' ),
'update_text' => esc_attr__( 'Set As Image', 'et_builder' ),
'description' => esc_html__( 'Upload your desired image, or type in the URL to the image you would like to display.', 'et_builder' ),
'toggle_slug' => 'image',
),
'quote_icon' => array(
'label' => esc_html__( 'Show Quote Icon', 'et_builder' ),
'type' => 'yes_no_button',
'option_category' => 'configuration',
'options' => array(
'on' => esc_html__( 'Yes', 'et_builder' ),
'off' => esc_html__( 'No', 'et_builder' ),
),
'description' => esc_html__( 'Choose whether or not the quote icon should be visible.', 'et_builder' ),
'toggle_slug' => 'elements',
),
'background_color' => array(
'label' => esc_html__( 'Background Color', 'et_builder' ),
'type' => 'color-alpha',
'description' => esc_html__( 'Here you can define a custom background color for your CTA.', 'et_builder' ),
'depends_default' => true,
'toggle_slug' => 'background',
),
'use_background_color' => array(
'label' => esc_html__( 'Use Background Color', 'et_builder' ),
'type' => 'yes_no_button',
'option_category' => 'configuration',
'options' => array(
'on' => esc_html__( 'Yes', 'et_builder' ),
'off' => esc_html__( 'No', 'et_builder' ),
),
'affects' => array(
'background_color',
),
'toggle_slug' => 'background',
'description' => esc_html__( 'Here you can choose whether background color setting below should be used or not.', 'et_builder' ),
),
'background_layout' => array(
'label' => esc_html__( 'Text Color', 'et_builder' ),
'type' => 'select',
'option_category' => 'color_option',
'options' => array(
'light' => esc_html__( 'Dark', 'et_builder' ),
'dark' => esc_html__( 'Light', 'et_builder' ),
),
'tab_slug' => 'advanced',
'toggle_slug' => 'text',
'description' => esc_html__( 'Here you can choose whether your text should be light or dark. If you are working with a dark background, then your text should be light. If your background is light, then your text should be set to dark.', 'et_builder' ),
),
'content_new' => array(
'label' => esc_html__( 'Content', 'et_builder' ),
'type' => 'tiny_mce',
'option_category' => 'basic_option',
'description' => esc_html__( 'Input the main text content for your module here.', 'et_builder' ),
'toggle_slug' => 'main_content',
),
'quote_icon_color' => array(
'label' => esc_html__( 'Quote Icon Color', 'et_builder' ),
'type' => 'color-alpha',
'custom_color' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'icon',
),
'quote_icon_background_color' => array(
'label' => esc_html__( 'Quote Icon Background Color', 'et_builder' ),
'type' => 'color-alpha',
'custom_color' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'icon',
'default' => '#f5f5f5',
'shortcode_default' => '#f5f5f5',
),
'portrait_width' => array(
'label' => esc_html__( 'Portrait Width', 'et_builder' ),
'type' => 'range',
'option_category' => 'layout',
'tab_slug' => 'advanced',
'toggle_slug' => 'image',
'range_settings' => array(
'min' => '1',
'max' => '200',
'step' => '1',
),
),
'portrait_height' => array(
'label' => esc_html__( 'Portrait Height', 'et_builder' ),
'type' => 'range',
'option_category' => 'layout',
'tab_slug' => 'advanced',
'toggle_slug' => 'image',
'range_settings' => array(
'min' => '1',
'max' => '200',
'step' => '1',
),
),
'disabled_on' => array(
'label' => esc_html__( 'Disable on', 'et_builder' ),
'type' => 'multiple_checkboxes',
'options' => array(
'phone' => esc_html__( 'Phone', 'et_builder' ),
'tablet' => esc_html__( 'Tablet', 'et_builder' ),
'desktop' => esc_html__( 'Desktop', 'et_builder' ),
),
'additional_att' => 'disable_on',
'option_category' => 'configuration',
'description' => esc_html__( 'This will disable the module on selected devices', 'et_builder' ),
'tab_slug' => 'custom_css',
'toggle_slug' => 'visibility',
),
'admin_label' => array(
'label' => esc_html__( 'Admin Label', 'et_builder' ),
'type' => 'text',
'description' => esc_html__( 'This will change the label of the module in the builder for easy identification.', 'et_builder' ),
'toggle_slug' => 'admin_label',
),
'module_id' => array(
'label' => esc_html__( 'CSS ID', 'et_builder' ),
'type' => 'text',
'option_category' => 'configuration',
'tab_slug' => 'custom_css',
'toggle_slug' => 'classes',
'option_class' => 'et_pb_custom_css_regular',
),
'module_class' => array(
'label' => esc_html__( 'CSS Class', 'et_builder' ),
'type' => 'text',
'option_category' => 'configuration',
'tab_slug' => 'custom_css',
'toggle_slug' => 'classes',
'option_class' => 'et_pb_custom_css_regular',
),
);
$fields = array_merge( $fields, ET_Builder_Module_Fields_Factory::get( 'BoxShadow' )->get_fields( array(
'suffix' => '_image',
'label' => esc_html__( 'Image Box Shadow', 'et_builder' ),
'option_category' => 'layout',
'tab_slug' => 'advanced',
'toggle_slug' => 'image',
) ) );
return $fields;
}
function shortcode_callback( $atts, $content = null, $function_name ) {
$module_id = $this->shortcode_atts['module_id'];
$module_class = $this->shortcode_atts['module_class'];
$author = $this->shortcode_atts['author'];
$job_title = $this->shortcode_atts['job_title'];
$portrait_url = $this->shortcode_atts['portrait_url'];
$company_name = $this->shortcode_atts['company_name'];
$url = $this->shortcode_atts['url'];
$quote_icon = $this->shortcode_atts['quote_icon'];
$url_new_window = $this->shortcode_atts['url_new_window'];
$use_background_color = $this->shortcode_atts['use_background_color'];
$background_color = $this->shortcode_atts['background_color'];
$background_layout = $this->shortcode_atts['background_layout'];
$quote_icon_color = $this->shortcode_atts['quote_icon_color'];
$quote_icon_background_color = $this->shortcode_atts['quote_icon_background_color'];
$portrait_width = $this->shortcode_atts['portrait_width'];
$portrait_height = $this->shortcode_atts['portrait_height'];
$module_class = ET_Builder_Element::add_module_order_class( $module_class, $function_name );
if ( '' !== $portrait_width ) {
ET_Builder_Element::set_style( $function_name, array(
'selector' => '%%order_class%% .et_pb_testimonial_portrait',
'declaration' => sprintf(
'width: %1$s;',
esc_html( et_builder_process_range_value( $portrait_width ) )
),
) );
}
if ( '' !== $portrait_height ) {
ET_Builder_Element::set_style( $function_name, array(
'selector' => '%%order_class%% .et_pb_testimonial_portrait',
'declaration' => sprintf(
'height: %1$s;',
esc_html( et_builder_process_range_value( $portrait_height ) )
),
) );
}
$style = '';
if ( 'on' === $use_background_color && $this->fields_defaults['background_color'][0] !== $background_color ) {
$style .= sprintf(
'background-color: %1$s !important; ',
esc_html( $background_color )
);
}
if ( '' !== $style ) {
ET_Builder_Element::set_style( $function_name, array(
'selector' => '%%order_class%%.et_pb_testimonial',
'declaration' => rtrim( $style ),
) );
}
if ( '' !== $quote_icon_color ) {
ET_Builder_Element::set_style( $function_name, array(
'selector' => '%%order_class%%.et_pb_testimonial:before',
'declaration' => sprintf(
'color: %1$s;',
esc_html( $quote_icon_color )
),
) );
}
if ( '' !== $quote_icon_background_color ) {
ET_Builder_Element::set_style( $function_name, array(
'selector' => '%%order_class%%.et_pb_testimonial:before',
'declaration' => sprintf(
'background-color: %1$s;',
esc_html( $quote_icon_background_color )
),
) );
}
$portrait_image = '';
$video_background = $this->video_background();
$parallax_image_background = $this->get_parallax_image_background();
$class = " et_pb_module et_pb_bg_layout_{$background_layout}{$this->get_text_orientation_classname()}";
if ( '' !== $portrait_url ) {
$portrait_image = sprintf(
'
',
esc_attr( $portrait_url )
);
}
if ( '' !== $url && ( '' !== $company_name || '' !== $author ) ) {
$link_output = sprintf( '%2$s',
esc_url( $url ),
( '' !== $company_name ? esc_html( $company_name ) : esc_html( $author ) ),
( 'on' === $url_new_window ? ' target="_blank"' : '' )
);
if ( '' !== $company_name ) {
$company_name = $link_output;
} else {
$author = $link_output;
}
}
// Images: Add CSS Filters and Mix Blend Mode rules (if set)
if ( array_key_exists( 'image', $this->advanced_options ) && array_key_exists( 'css', $this->advanced_options['image'] ) ) {
$module_class .= $this->generate_css_filters(
$function_name,
'child_',
self::$data_utils->array_get( $this->advanced_options['image']['css'], 'main', '%%order_class%%' )
);
}
$output = sprintf(
'
%16$s
%14$s
%8$s
',
$this->shortcode_content,
$author,
( '' !== $module_id ? sprintf( ' id="%1$s"', esc_attr( $module_id ) ) : '' ),
( '' !== $module_class ? sprintf( ' %1$s', esc_attr( $module_class ) ) : '' ),
( 'off' === $quote_icon ? ' et_pb_icon_off' : '' ), // 5
( '' !== $job_title ? esc_html( $job_title ) : '' ),
( '' !== $company_name
? sprintf( '%2$s%1$s',
$company_name,
( '' !== $job_title ? ', ' : '' )
)
: ''
),
( '' !== $portrait_image ? $portrait_image : '' ),
( '' === $portrait_image ? ' et_pb_testimonial_no_image' : '' ),
esc_attr( $class ), // 10
( 'on' === $use_background_color
? sprintf( ' style="background-color: %1$s;"', esc_attr( $background_color ) )
: ''
),
( 'off' === $use_background_color ? ' et_pb_testimonial_no_bg' : '' ),
'' !== $video_background ? ' et_pb_section_video et_pb_preload' : '',
$video_background,
'' !== $parallax_image_background ? ' et_pb_section_parallax' : '', // 15
$parallax_image_background
);
return $output;
}
public function process_box_shadow( $function_name ) {
$boxShadow = ET_Builder_Module_Fields_Factory::get( 'BoxShadow' );
$selector = sprintf( '.%1$s .et_pb_testimonial_portrait:before', self::get_module_order_class( $function_name ) );
self::set_style( $function_name, array(
'selector' => $selector,
'declaration' => $boxShadow->get_value( $this->shortcode_atts, array( 'suffix' => '_image' ) )
) );
parent::process_box_shadow( $function_name );
}
protected function _add_additional_border_fields() {
parent::_add_additional_border_fields();
$suffix = 'portrait';
$tab_slug = 'advanced';
$toggle_slug = 'image';
$this->_additional_fields_options = array_merge(
$this->_additional_fields_options,
ET_Builder_Module_Fields_Factory::get( 'Border' )->get_fields( array(
'suffix' => "_{$suffix}",
'label_prefix' => esc_html__( 'Image', 'et_builder' ),
'tab_slug' => $tab_slug,
'toggle_slug' => $toggle_slug,
'defaults' => array(
'border_radii' => 'on|90px|90px|90px|90px',
'border_styles' => array(
'width' => '0px',
'color' => '#333333',
'style' => 'solid',
),
),
) )
);
$this->advanced_options["border_{$suffix}"]["border_radii_{$suffix}"] = $this->_additional_fields_options["border_radii_{$suffix}"];
$this->advanced_options["border_{$suffix}"]["border_styles_{$suffix}"] = $this->_additional_fields_options["border_styles_{$suffix}"];
$this->advanced_options["border_{$suffix}"]['css'] = array(
'main' => array(
'border_radii' => "%%order_class%% .et_pb_testimonial_portrait, %%order_class%% .et_pb_testimonial_portrait:before",
'border_styles' => "%%order_class%% .et_pb_testimonial_portrait",
)
);
}
function process_advanced_border_options( $function_name ) {
parent::process_advanced_border_options( $function_name );
$suffix = 'portrait';
/**
* @var ET_Builder_Module_Field_Border $border_field
*/
$border_field = ET_Builder_Module_Fields_Factory::get( 'Border' );
$css_selector = ! empty( $this->advanced_options["border_{$suffix}"]['css']['main']['border_radii'] ) ? $this->advanced_options["border_{$suffix}"]['css']['main']['border_radii'] : $this->main_css_element;
self::set_style( $function_name, array(
'selector' => $css_selector,
'declaration' => $border_field->get_radii_style( $this->shortcode_atts, $this->advanced_options, "_{$suffix}" ),
'priority' => $this->_style_priority,
) );
$css_selector = ! empty( $this->advanced_options["border_{$suffix}"]['css']['main']['border_styles'] ) ? $this->advanced_options["border_{$suffix}"]['css']['main']['border_styles'] : $this->main_css_element;
self::set_style( $function_name, array(
'selector' => $css_selector,
'declaration' => $border_field->get_borders_style( $this->shortcode_atts, $this->advanced_options, "_{$suffix}" ),
'priority' => $this->_style_priority,
) );
}
}
new ET_Builder_Module_Testimonial;