You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

954 lines
37 KiB
PHTML

<?php
class ET_Builder_Module_Pricing_Tables extends ET_Builder_Module {
/**
* Holds additional shortcode.
*
* @var string
*/
public $additional_shortcode;
function init() {
$this->name = esc_html__( 'Pricing Tables', 'et_builder' );
$this->plural = esc_html__( 'Pricing Tables', 'et_builder' );
$this->slug = 'et_pb_pricing_tables';
$this->vb_support = 'on';
$this->main_css_element = '%%order_class%%';
$this->child_slug = 'et_pb_pricing_table';
$this->child_item_text = esc_html__( 'Pricing Table', 'et_builder' );
$this->additional_shortcode = 'et_pb_pricing_item';
$this->custom_css_fields = array(
'pricing_heading' => array(
'label' => esc_html__( 'Pricing Heading', 'et_builder' ),
'selector' => '.et_pb_pricing_heading',
),
'pricing_title' => array(
'label' => esc_html__( 'Pricing Title', 'et_builder' ),
'selector' => '.et_pb_pricing_heading h2',
),
'pricing_subtitle' => array(
'label' => esc_html__( 'Pricing Subtitle', 'et_builder' ),
'selector' => '.et_pb_pricing_heading .et_pb_best_value',
),
'pricing_top' => array(
'label' => esc_html__( 'Pricing Top', 'et_builder' ),
'selector' => '.et_pb_pricing_content_top',
),
'price' => array(
'label' => esc_html__( 'Price', 'et_builder' ),
'selector' => '.et_pb_et_price',
),
'currency' => array(
'label' => esc_html__( 'Currency', 'et_builder' ),
'selector' => '.et_pb_dollar_sign',
),
'frequency' => array(
'label' => esc_html__( 'Frequency', 'et_builder' ),
'selector' => '.et_pb_frequency',
),
'pricing_content' => array(
'label' => esc_html__( 'Pricing Content', 'et_builder' ),
'selector' => '.et_pb_pricing_content',
),
'pricing_item' => array(
'label' => esc_html__( 'Pricing Item', 'et_builder' ),
'selector' => 'ul.et_pb_pricing li',
),
'pricing_item_excluded' => array(
'label' => esc_html__( 'Excluded Item', 'et_builder' ),
'selector' => 'ul.et_pb_pricing li.et_pb_not_available',
),
'pricing_button' => array(
'label' => esc_html__( 'Pricing Button', 'et_builder' ),
'selector' => '.et_pb_pricing_table_button',
),
'featured_table' => array(
'label' => esc_html__( 'Featured Table', 'et_builder' ),
'selector' => '.et_pb_featured_table',
),
);
$this->settings_modal_toggles = array(
'general' => array(
'toggles' => array(
'elements' => et_builder_i18n( 'Elements' ),
),
),
'advanced' => array(
'toggles' => array(
'layout' => et_builder_i18n( 'Layout' ),
'bullet' => esc_html__( 'Bullet', 'et_builder' ),
),
),
);
$this->advanced_fields = array(
'borders' => array(
'default' => array(
// @TODO
'additional_elements' => array(
array(
"{$this->main_css_element} .et_pb_pricing_content_top" => array( 'bottom' ),
),
),
'css' => array(
'main' => array(
'border_radii' => "{$this->main_css_element} .et_pb_pricing_table",
'border_styles' => "{$this->main_css_element} .et_pb_pricing_table",
),
),
'defaults' => array(
'border_radii' => 'on||||',
'border_styles' => array(
'width' => '1px',
'color' => '#bebebe',
'style' => 'solid',
),
),
),
'price' => array(
'css' => array(
'main' => array(
'border_radii' => "{$this->main_css_element} .et_pb_pricing_content_top",
'border_styles' => "{$this->main_css_element} .et_pb_pricing_content_top",
),
),
'option_category' => 'border',
'tab_slug' => 'advanced',
'toggle_slug' => 'price',
'defaults' => array(
'border_radii' => 'on||||',
'border_styles' => array(
'width' => '0px',
'color' => '#bebebe',
'style' => 'solid',
),
'composite' => array(
'border_bottom' => array(
'border_width_bottom' => '1px',
),
),
),
),
),
'fonts' => array(
'header' => array(
'label' => et_builder_i18n( 'Title' ),
'css' => array(
'main' => "{$this->main_css_element} .et_pb_pricing_heading h2, {$this->main_css_element} .et_pb_pricing_heading h1.et_pb_pricing_title, {$this->main_css_element} .et_pb_pricing_heading h3.et_pb_pricing_title, {$this->main_css_element} .et_pb_pricing_heading h4.et_pb_pricing_title, {$this->main_css_element} .et_pb_pricing_heading h5.et_pb_pricing_title, {$this->main_css_element} .et_pb_pricing_heading h6.et_pb_pricing_title",
'important' => 'all',
),
'letter_spacing' => array(
'default' => '0px',
),
'header_level' => array(
'default' => 'h2',
),
'options_priority' => array(
'header_text_color' => 9,
),
),
'body' => array(
'label' => et_builder_i18n( 'Body' ),
'css' => array(
'main' => "{$this->main_css_element} .et_pb_pricing li",
'limited_main' => "{$this->main_css_element} .et_pb_pricing li, {$this->main_css_element} .et_pb_pricing li span, {$this->main_css_element} .et_pb_pricing li a",
),
'line_height' => array(
'range_settings' => array(
'min' => '1',
'max' => '100',
'step' => '1',
),
),
'font_size' => array(
'default' => absint( et_get_option( 'body_font_size', '14' ) ) . 'px',
),
'letter_spacing' => array(
'default' => '0px',
),
'block_elements' => array(
'tabbed_subtoggles' => true,
'bb_icons_support' => true,
),
'options_priority' => array(
'body_text_color' => 9,
),
),
'subheader' => array(
'label' => esc_html__( 'Subtitle', 'et_builder' ),
'css' => array(
'main' => "{$this->main_css_element} .et_pb_best_value",
),
'letter_spacing' => array(
'default' => '0px',
),
'line_height' => array(
'default' => '1em',
),
'options_priority' => array(
'subheader_text_color' => 9,
),
),
'price' => array(
'label' => esc_html__( 'Price', 'et_builder' ),
'css' => array(
'main' => "{$this->main_css_element} .et_pb_sum",
'text_align' => "{$this->main_css_element} .et_pb_pricing_content_top",
),
'line_height' => array(
'range_settings' => array(
'min' => '1',
'max' => '100',
'step' => '1',
),
),
'options_priority' => array(
'price_text_color' => 8,
),
),
'currency_frequency' => array(
'label' => esc_html__( 'Currency &amp; Frequency', 'et_builder' ),
'css' => array(
'main' => "{$this->main_css_element} .et_pb_dollar_sign, {$this->main_css_element} .et_pb_frequency",
),
'hide_text_align' => true,
'options_priority' => array(
'currency_frequency_text_color' => 9,
),
),
'excluded' => array(
'label' => esc_html__( 'Excluded Item', 'et_builder' ),
'css' => array(
'main' => "{$this->main_css_element} .et_pb_pricing li.et_pb_not_available, {$this->main_css_element} .et_pb_pricing li.et_pb_not_available span, {$this->main_css_element} .et_pb_pricing li.et_pb_not_available a",
),
'line_height' => array(
'range_settings' => array(
'min' => '1',
'max' => '100',
'step' => '1',
),
),
'font_size' => array(
'default' => absint( et_get_option( 'body_font_size', '14' ) ) . 'px',
),
'options_priority' => array(
'excluded_text_color' => 9,
),
),
),
'background' => array(
'css' => array(
'main' => "{$this->main_css_element} .et_pb_pricing_table",
),
'settings' => array(
'color' => 'alpha',
),
),
'button' => array(
'button' => array(
'label' => et_builder_i18n( 'Button' ),
'css' => array(
'main' => "{$this->main_css_element} .et_pb_pricing_table_button.et_pb_button",
'limited_main' => "{$this->main_css_element} .et_pb_pricing_table_button.et_pb_button",
'alignment' => "{$this->main_css_element} .et_pb_button_wrapper",
),
'use_alignment' => true,
'box_shadow' => array(
'css' => array(
'main' => '%%order_class%% .et_pb_button',
),
),
'margin_padding' => array(
'css' => array(
'important' => 'all',
),
),
),
),
'margin_padding' => array(
'css' => array(
'important' => 'all', // needed to overwrite last module margin-bottom styling
'main' => '%%order_class%% .et_pb_pricing_heading, %%order_class%% .et_pb_pricing_content_top, %%order_class%% .et_pb_pricing_content',
'padding-right' => '%%order_class%% .et_pb_button_wrapper',
'padding-bottom' => '%%order_class%% .et_pb_pricing_table',
'padding-left' => '%%order_class%% .et_pb_button_wrapper',
),
),
'text' => array(
'css' => array(
'text_orientation' => '%%order_class%% .et_pb_pricing_table, %%order_class%% .et_pb_pricing_content',
'text_shadow' => '%%order_class%% .et_pb_pricing_heading, %%order_class%% .et_pb_pricing_content_top, %%order_class%% .et_pb_pricing_content',
),
),
'position_fields' => array(
'default' => 'relative',
),
);
$this->help_videos = array(
array(
'id' => 'BVzu4WnjgYI',
'name' => esc_html__( 'An introduction to the Pricing Tables module', 'et_builder' ),
),
);
}
function get_fields() {
$fields = array(
'featured_table_background_color' => array(
'label' => esc_html__( 'Featured Background Color', 'et_builder' ),
'description' => esc_html__( 'Pick a unique color to be used for the background of featured pricing tables. This helps featured tables stand out from the rest.', 'et_builder' ),
'type' => 'color-alpha',
'custom_color' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'layout',
'priority' => 23,
'hover' => 'tabs',
'mobile_options' => true,
'sticky' => true,
),
'featured_table_header_background_color' => array(
'label' => esc_html__( 'Featured Header Background Color', 'et_builder' ),
'description' => esc_html__( 'Pick a unique color to use for the background behind pricing table titles in featured pricing tables. Unique colors can help featured items stand out from the rest.', 'et_builder' ),
'type' => 'color-alpha',
'custom_color' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'header',
'priority' => 21,
'hover' => 'tabs',
'mobile_options' => true,
'sticky' => true,
),
'featured_table_header_text_color' => array(
'label' => esc_html__( 'Featured Title Text Color', 'et_builder' ),
'description' => esc_html__( 'Pick a unique color to use for title text in featured pricing tables. Unique colors can help featured items stand out from the rest.', 'et_builder' ),
'type' => 'color-alpha',
'custom_color' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'header',
'priority' => 20,
'hover' => 'tabs',
'mobile_options' => true,
'sticky' => true,
),
'header_background_color' => array(
'label' => esc_html__( 'Table Header Background Color', 'et_builder' ),
'description' => esc_html__( 'Pick a color to use for the background behind pricing table titles.', 'et_builder' ),
'type' => 'color-alpha',
'custom_color' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'header',
'hover' => 'tabs',
'mobile_options' => true,
'sticky' => true,
),
'featured_table_subheader_text_color' => array(
'label' => esc_html__( 'Featured Subtitle Text Color', 'et_builder' ),
'description' => esc_html__( 'Pick a unique color to use for subtitles in featured pricing tables. Unique colors can help featured items stand out from the rest.', 'et_builder' ),
'type' => 'color-alpha',
'custom_color' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'subheader',
'priority' => 20,
'hover' => 'tabs',
'mobile_options' => true,
'sticky' => true,
),
'featured_table_text_color' => array(
'label' => esc_html__( 'Featured Body Text Color', 'et_builder' ),
'description' => esc_html__( 'Pick a unique color to use for body text in featured pricing tables. Unique colors can help featured items stand out from the rest.', 'et_builder' ),
'type' => 'color-alpha',
'custom_color' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'body',
'sub_toggle' => 'p',
'priority' => 8,
'hover' => 'tabs',
'mobile_options' => true,
'sticky' => true,
),
'show_bullet' => array(
'label' => esc_html__( 'Show Bullets', 'et_builder' ),
'description' => esc_html__( "Disabling bullets will remove the bullet points that appear next to each list item within the pricing table's feature area.", 'et_builder' ),
'type' => 'yes_no_button',
'option_category' => 'layout',
'options' => array(
'on' => et_builder_i18n( 'Yes' ),
'off' => et_builder_i18n( 'No' ),
),
'default_on_front' => 'on',
'toggle_slug' => 'elements',
'affects' => array(
'bullet_color',
),
'mobile_options' => true,
'hover' => 'tabs',
),
'featured_table_bullet_color' => array(
'label' => esc_html__( 'Featured Bullet Color', 'et_builder' ),
'description' => esc_html__( 'Pick a unique color to use for the bullets that appear next to each list items within featured tabes. Unique colors can help featured items stand out from the rest.', 'et_builder' ),
'type' => 'color-alpha',
'custom_color' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'bullet',
'priority' => 22,
'hover' => 'tabs',
'mobile_options' => true,
'sticky' => true,
),
'bullet_color' => array(
'label' => esc_html__( 'Bullet Color', 'et_builder' ),
'description' => esc_html__( "Pick a color to use for the bullets that appear next to each list item within the pricing table's feature area.", 'et_builder' ),
'type' => 'color-alpha',
'custom_color' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'bullet',
'depends_show_if' => 'on',
'hover' => 'tabs',
'mobile_options' => true,
'sticky' => true,
),
'show_featured_drop_shadow' => array(
'label' => esc_html__( 'Show Featured Drop Shadow', 'et_builder' ),
'description' => esc_html__( 'Featured pricing tables have a drop shadow that helps them stand out from the rest. This shadow can be disabled if you wish.', 'et_builder' ),
'type' => 'yes_no_button',
'option_category' => 'layout',
'options' => array(
'on' => et_builder_i18n( 'Yes' ),
'off' => et_builder_i18n( 'No' ),
),
'default_on_front' => 'on',
'tab_slug' => 'advanced',
'toggle_slug' => 'layout',
'priority' => 24,
'mobile_options' => true,
),
'featured_table_excluded_text_color' => array(
'label' => esc_html__( 'Featured Excluded Item Color', 'et_builder' ),
'description' => esc_html__( 'Pick a unique color to use for excluded list items within featured pricing tables. Unique colors can help featured items stand out from the rest.', 'et_builder' ),
'type' => 'color-alpha',
'custom_color' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'excluded',
'priority' => 20,
'hover' => 'tabs',
'mobile_options' => true,
'sticky' => true,
),
'featured_table_price_background_color' => array(
'label' => esc_html__( 'Featured Pricing Area Background Color', 'et_builder' ),
'description' => esc_html__( 'Pick a unique color to use for the background area that appears behind the pricing text in featured tables. Unique colors can help featured items stand out from the rest.', 'et_builder' ),
'type' => 'color-alpha',
'custom_color' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'price',
'priority' => 18,
'hover' => 'tabs',
'mobile_options' => true,
'sticky' => true,
),
'featured_table_price_color' => array(
'label' => esc_html__( 'Featured Price Text Color', 'et_builder' ),
'description' => esc_html__( 'Pick a unique color to use for price text within featured pricing tables. Unique colors can help featured items stand out from the rest.', 'et_builder' ),
'type' => 'color-alpha',
'custom_color' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'price',
'priority' => 19,
'hover' => 'tabs',
'mobile_options' => true,
'sticky' => true,
),
'featured_table_currency_frequency_text_color' => array(
'label' => esc_html__( 'Featured Currency &amp; Frequency Text Color', 'et_builder' ),
'description' => esc_html__( 'Pick a unique color to use for currency and frequency text within featured pricing tables. Unique colors can help featured items stand out from the rest.', 'et_builder' ),
'type' => 'color-alpha',
'custom_color' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'currency_frequency',
'priority' => 20,
'hover' => 'tabs',
'mobile_options' => true,
'sticky' => true,
),
'price_background_color' => array(
'label' => esc_html__( 'Pricing Area Background Color', 'et_builder' ),
'description' => esc_html__( 'Pick a color to use for the background area that appears behind the pricing text.', 'et_builder' ),
'type' => 'color-alpha',
'custom_color' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'price',
'priority' => 21,
'hover' => 'tabs',
'mobile_options' => true,
'sticky' => true,
),
);
return $fields;
}
public function get_transition_fields_css_props() {
$fields = parent::get_transition_fields_css_props();
$fields['bullet_color'] = array( 'border-color' => '%%order_class%% .et_pb_pricing li span:before' );
$fields['featured_table_bullet_color'] = array( 'border-color' => '%%order_class%% .et_pb_featured_table .et_pb_pricing li span:before' );
$fields['featured_table_header_background_color'] = array( 'background-color' => '%%order_class%% .et_pb_featured_table .et_pb_pricing_heading' );
$fields['featured_table_header_text_color'] = array( 'color' => '%%order_class%% .et_pb_featured_table .et_pb_pricing_heading h2, %%order_class%% .et_pb_featured_table .et_pb_pricing_heading .et_pb_pricing_title' );
$fields['header_background_color'] = array( 'background-color' => '%%order_class%% .et_pb_pricing_heading' );
$fields['featured_table_text_color'] = array( 'color' => '%%order_class%% .et_pb_featured_table .et_pb_pricing_content li, %%order_class%% .et_pb_featured_table .et_pb_pricing_content li span, %%order_class%% .et_pb_featured_table .et_pb_pricing_content li a' );
$fields['featured_table_subheader_text_color'] = array( 'color' => '%%order_class%% .et_pb_featured_table .et_pb_best_value' );
$fields['featured_table_price_color'] = array( 'color' => '%%order_class%% .et_pb_featured_table .et_pb_sum' );
$fields['featured_table_currency_frequency_text_color'] = array( 'color' => '%%order_class%% .et_pb_featured_table .et_pb_dollar_sign, %%order_class%% .et_pb_featured_table .et_pb_frequency' );
$fields['featured_table_excluded_text_color'] = array( 'color' => '%%order_class%% .et_pb_featured_table .et_pb_pricing li.et_pb_not_available, %%order_class%% .et_pb_featured_table .et_pb_pricing li.et_pb_not_available span, %%order_class%% .et_pb_featured_table .et_pb_pricing li.et_pb_not_available a' );
$fields['featured_table_price_background_color'] = array( 'background-color' => '%%order_class%% .et_pb_featured_table .et_pb_pricing_content_top' );
$fields['price_background_color'] = array( 'background-color' => '%%order_class%% .et_pb_pricing_content_top' );
return $fields;
}
function before_render() {
global $et_pb_pricing_tables_num,
$et_pb_pricing_tables_icon,
$et_pb_pricing_tables_icon_tablet,
$et_pb_pricing_tables_icon_phone,
$et_pb_pricing_tab,
$et_pb_pricing_tables_button_rel,
$et_pb_pricing_tables_header_level,
$et_pb_pricing_tables_sticky,
$et_pb_pricing_tables_sticky_transition;
$button_custom = $this->props['custom_button'];
$custom_icon_values = et_pb_responsive_options()->get_property_values( $this->props, 'button_icon' );
$custom_icon = isset( $custom_icon_values['desktop'] ) ? $custom_icon_values['desktop'] : '';
$custom_icon_tablet = isset( $custom_icon_values['tablet'] ) ? $custom_icon_values['tablet'] : '';
$custom_icon_phone = isset( $custom_icon_values['phone'] ) ? $custom_icon_values['phone'] : '';
$et_pb_pricing_tables_num = 0;
$et_pb_pricing_tables_icon = 'on' === $button_custom ? $custom_icon : '';
$et_pb_pricing_tables_icon_tablet = 'on' === $button_custom ? $custom_icon_tablet : '';
$et_pb_pricing_tables_icon_phone = 'on' === $button_custom ? $custom_icon_phone : '';
$et_pb_pricing_tables_button_rel = $this->props['button_rel'];
$et_pb_pricing_tables_header_level = 'h2' === $this->props['header_level'] ? '' : $this->props['header_level'];
// Pass down sticky module status for correct selector suffix placement.
$et_pb_pricing_tables_sticky = et_pb_sticky_options()->is_sticky_module( $this->props );
// Module item has no sticky options hence this needs to be inherited to setup transition.
$et_pb_pricing_tables_sticky_transition = et_()->array_get( $this->props, 'sticky_transition', 'on' );
}
/**
* Renders the module output.
*
* @param array $attrs List of attributes.
* @param string $content Content being processed.
* @param string $render_slug Slug of module that is used for rendering output.
*
* @return string
*/
public function render( $attrs, $content, $render_slug ) {
$multi_view = et_pb_multi_view_options( $this );
$featured_table = $this->get_featured_table( $content );
$show_featured_drop_shadow = $this->props['show_featured_drop_shadow'];
$show_featured_drop_shadow_values = et_pb_responsive_options()->get_property_values( $this->props, 'show_featured_drop_shadow' );
$show_featured_drop_shadow_tablet = isset( $show_featured_drop_shadow_values['tablet'] ) ? $show_featured_drop_shadow_values['tablet'] : '';
$show_featured_drop_shadow_phone = isset( $show_featured_drop_shadow_values['phone'] ) ? $show_featured_drop_shadow_values['phone'] : '';
$body_text_align_values = et_pb_responsive_options()->get_property_values( $this->props, 'body_text_align' );
global $et_pb_pricing_tables_num, $et_pb_pricing_tables_icon, $et_pb_pricing_tables_icon_tablet, $et_pb_pricing_tables_icon_phone;
// Show Featured Drop Shadow.
$disabled_shadow = 'none';
$reset_shadow = '0 0 12px rgba(0,0,0,0.1)';
$featured_shadow = '';
$featured_shadow_tablet = '';
$featured_shadow_phone = '';
if ( 'on' !== $show_featured_drop_shadow ) {
$featured_shadow = 'none';
}
if ( '' !== $show_featured_drop_shadow_tablet ) {
if ( 'on' !== $show_featured_drop_shadow_tablet ) {
$featured_shadow_tablet = $disabled_shadow;
} elseif ( 'on' === $show_featured_drop_shadow_tablet && 'on' !== $featured_shadow ) {
$featured_shadow_tablet = $reset_shadow;
}
if ( $featured_shadow_tablet === $featured_shadow ) {
$featured_shadow_tablet = '';
}
}
if ( '' !== $show_featured_drop_shadow_phone ) {
if ( 'on' !== $show_featured_drop_shadow_phone ) {
$featured_shadow_phone = $disabled_shadow;
} elseif ( 'on' === $show_featured_drop_shadow_phone && 'on' !== $featured_shadow_tablet ) {
$featured_shadow_phone = $reset_shadow;
}
if ( $featured_shadow_phone === $featured_shadow_tablet ) {
$featured_shadow_phone = '';
}
}
$featured_shadow_values = array(
'desktop' => esc_html( $featured_shadow ),
'tablet' => esc_html( $featured_shadow_tablet ),
'phone' => esc_html( $featured_shadow_phone ),
);
et_pb_responsive_options()->generate_responsive_css( $featured_shadow_values, '%%order_class%% .et_pb_featured_table', array( '-moz-box-shadow', '-webkit-box-shadow', 'box-shadow' ), $render_slug, '', 'shadow' );
// Featured Table Background Color.
$this->generate_styles(
array(
'base_attr_name' => 'featured_table_background_color',
'selector' => '%%order_class%% .et_pb_featured_table',
'hover_pseudo_selector_location' => 'suffix',
'sticky_pseudo_selector_location' => 'prefix',
'css_property' => 'background-color',
'render_slug' => $render_slug,
'type' => 'color',
)
);
// Header Background Color.
$this->generate_styles(
array(
'base_attr_name' => 'header_background_color',
'selector' => '%%order_class%% .et_pb_pricing_heading',
'hover_selector' => '%%order_class%% .et_pb_pricing_table:hover .et_pb_pricing_heading',
'css_property' => 'background-color',
'render_slug' => $render_slug,
'type' => 'color',
)
);
// Featured Table Header Background Color.
$this->generate_styles(
array(
'base_attr_name' => 'featured_table_header_background_color',
'selector' => '%%order_class%% .et_pb_featured_table .et_pb_pricing_heading',
'hover_selector' => '%%order_class%% .et_pb_featured_table:hover .et_pb_pricing_heading',
'css_property' => 'background-color',
'render_slug' => $render_slug,
'type' => 'color',
'important' => true,
)
);
// Featured Table Title Text Color.
$this->generate_styles(
array(
'base_attr_name' => 'featured_table_header_text_color',
'selector' => '%%order_class%% .et_pb_featured_table .et_pb_pricing_heading h2, %%order_class%% .et_pb_featured_table .et_pb_pricing_heading .et_pb_pricing_title',
'hover_selector' => '%%order_class%% .et_pb_featured_table:hover .et_pb_pricing_heading h2, %%order_class%% .et_pb_featured_table:hover .et_pb_pricing_heading .et_pb_pricing_title',
'css_property' => 'color',
'render_slug' => $render_slug,
'type' => 'color',
'important' => true,
)
);
// Featured Table Sutitle Text Color.
$this->generate_styles(
array(
'base_attr_name' => 'featured_table_subheader_text_color',
'selector' => '%%order_class%% .et_pb_featured_table .et_pb_best_value',
'hover_selector' => '%%order_class%% .et_pb_featured_table:hover .et_pb_best_value',
'css_property' => 'color',
'render_slug' => $render_slug,
'type' => 'color',
'important' => true,
)
);
// Featured Table Price Text Color.
$this->generate_styles(
array(
'base_attr_name' => 'featured_table_price_color',
'selector' => '%%order_class%% .et_pb_featured_table .et_pb_sum',
'hover_selector' => '%%order_class%% .et_pb_featured_table:hover .et_pb_sum',
'css_property' => 'color',
'render_slug' => $render_slug,
'type' => 'color',
'important' => true,
)
);
// Featured Table Body Text Color.
$featured_table_text_color_selector = et_builder_has_limitation( 'use_additional_limiting_styles' ) ? '%%order_class%% .et_pb_featured_table .et_pb_pricing_content li, %%order_class%% .et_pb_featured_table .et_pb_pricing_content li span, %%order_class%% .et_pb_featured_table .et_pb_pricing_content li a' : '%%order_class%% .et_pb_featured_table .et_pb_pricing_content li';
$featured_table_text_color_selector_hover = et_is_builder_plugin_active() ? '%%order_class%% .et_pb_featured_table:hover .et_pb_pricing_content li, %%order_class%% .et_pb_featured_table:hover .et_pb_pricing_content li span, %%order_class%% .et_pb_featured_table:hover .et_pb_pricing_content li a' : '%%order_class%% .et_pb_featured_table:hover .et_pb_pricing_content li';
$this->generate_styles(
array(
'base_attr_name' => 'featured_table_text_color',
'selector' => $featured_table_text_color_selector,
'hover_selector' => $featured_table_text_color_selector_hover,
'css_property' => 'color',
'render_slug' => $render_slug,
'type' => 'color',
'important' => true,
)
);
// Bullet Color.
$this->generate_styles(
array(
'base_attr_name' => 'bullet_color',
'selector' => '%%order_class%% .et_pb_pricing li span:before',
'hover_selector' => '%%order_class%% .et_pb_pricing:hover li span:before',
'css_property' => 'border-color',
'render_slug' => $render_slug,
'type' => 'color',
)
);
// Featured Table Bullet Color.
$this->generate_styles(
array(
'base_attr_name' => 'featured_table_bullet_color',
'selector' => '%%order_class%% .et_pb_featured_table .et_pb_pricing li span:before',
'hover_selector' => '%%order_class%% .et_pb_featured_table:hover .et_pb_pricing li span:before',
'css_property' => 'border-color',
'render_slug' => $render_slug,
'type' => 'color',
)
);
// Featured Table Currency Frequency Text Color.
$this->generate_styles(
array(
'base_attr_name' => 'featured_table_currency_frequency_text_color',
'selector' => '%%order_class%% .et_pb_featured_table .et_pb_dollar_sign, %%order_class%% .et_pb_featured_table .et_pb_frequency',
'hover_selector' => '%%order_class%% .et_pb_featured_table:hover .et_pb_dollar_sign, %%order_class%% .et_pb_featured_table:hover .et_pb_frequency',
'css_property' => 'color',
'render_slug' => $render_slug,
'type' => 'color',
'important' => true,
)
);
// Featured Table Excluded Item Text Color.
$this->generate_styles(
array(
'base_attr_name' => 'featured_table_excluded_text_color',
'selector' => '%%order_class%% .et_pb_featured_table .et_pb_pricing li.et_pb_not_available, %%order_class%% .et_pb_featured_table .et_pb_pricing li.et_pb_not_available span, %%order_class%% .et_pb_featured_table .et_pb_pricing li.et_pb_not_available a',
'hover_selector' => '%%order_class%% .et_pb_featured_table:hover .et_pb_pricing li.et_pb_not_available, %%order_class%% .et_pb_featured_table:hover .et_pb_pricing li.et_pb_not_available span, %%order_class%% .et_pb_featured_table:hover .et_pb_pricing li.et_pb_not_available a',
'css_property' => 'color',
'render_slug' => $render_slug,
'type' => 'color',
'important' => true,
)
);
// Featured Table Price Background Color.
$this->generate_styles(
array(
'base_attr_name' => 'featured_table_price_background_color',
'selector' => '%%order_class%% .et_pb_featured_table .et_pb_pricing_content_top',
'hover_selector' => '%%order_class%% .et_pb_featured_table:hover .et_pb_pricing_content_top',
'css_property' => 'background-color',
'render_slug' => $render_slug,
'type' => 'color',
)
);
// Price Background Color.
$this->generate_styles(
array(
'base_attr_name' => 'price_background_color',
'selector' => '%%order_class%% .et_pb_pricing_content_top',
'hover_selector' => '%%order_class%%:hover .et_pb_pricing_content_top',
'css_property' => 'background-color',
'render_slug' => $render_slug,
'type' => 'color',
)
);
// Custom Padding Left On Center.
if ( ! empty( $body_text_align_values ) ) {
foreach ( $body_text_align_values as $body_text_align_device => $body_text_align_value ) {
if ( 'center' !== $body_text_align_value ) {
continue;
}
$padding_left_style = array(
'selector' => '%%order_class%% .et_pb_pricing li',
'declaration' => esc_html( 'padding-left: 0;' ),
);
if ( 'desktop' !== $body_text_align_device ) {
$current_media_query = 'tablet' === $body_text_align_device ? 'max_width_980' : 'max_width_767';
$padding_left_style['media_query'] = ET_Builder_Element::get_media_query( $current_media_query );
}
ET_Builder_Element::set_style( $render_slug, $padding_left_style );
}
}
$video_background = $this->video_background();
$parallax_image_background = $this->get_parallax_image_background();
$content = $this->content;
// Module classnames
$this->add_classname(
array(
'et_pb_pricing',
'clearfix',
"et_pb_pricing_{$et_pb_pricing_tables_num}",
$featured_table,
)
);
if ( 'off' === $multi_view->get_value( 'show_bullet' ) ) {
$this->add_classname( 'et_pb_pricing_no_bullet' );
}
// Remove automatically added classnames
$this->remove_classname(
array(
$render_slug,
)
);
$multi_view_data_attr = $multi_view->render_attrs(
array(
'classes' => array(
'et_pb_pricing_no_bullet' => array(
'show_bullet' => 'off',
),
),
)
);
$output = sprintf(
'<div%3$s class="%2$s"%6$s>
%5$s
%4$s
%7$s
%8$s
<div class="et_pb_pricing_table_wrap">
%1$s
</div>
</div>',
$content,
$this->module_classname( $render_slug ),
$this->module_id(),
$video_background,
$parallax_image_background,
$multi_view_data_attr,
et_core_esc_previously( $this->background_pattern() ), // #7
et_core_esc_previously( $this->background_mask() ) // #8
);
$output .= $this->keep_box_shadow_compatibility( $attrs, $content, $render_slug );
return $output;
}
/**
* Additional module output.
*
* @param array $atts List of attributes.
* @param string $content Content being processed.
* @param string $function_name Slug of module that is used for rendering output.
*
* @return string
*/
public function additional_render( $atts, $content, $function_name ) {
$attributes = shortcode_atts(
array(
'available' => 'on',
),
$atts
);
$output = sprintf(
'<li%2$s><span>%1$s</span></li>',
$content,
( 'on' !== $attributes['available'] ? ' class="et_pb_not_available"' : '' )
);
return $output;
}
private function get_featured_table( $content ) {
// Extract `et_pb_pricing_table` shortcode attributes
preg_match_all( '/\[et_pb_pricing_table(\s+[^\]]*)\]/', $content, $matches );
if ( ! isset( $matches[1] ) || 0 === count( $matches[1] ) ) {
return '';
}
$list = array();
foreach ( $matches[1] as $match ) {
// Check if the shortcode has the `feature` attribute on
// TODO: Find a better way to do that
$list[] = (bool) preg_match( '/[\s]featured=[\'|"]on[\'|"]/', $match );
}
// We need to know only the first 4 tables status,
// because in a row are maximum 4 tables
$count = count( $list ) > 4 ? 4 : count( $list );
for ( $i = 0; $i < $count; $i ++ ) {
if ( true === $list[ $i ] ) {
switch ( $i ) {
case 0:
return '';
case 1:
return 'et_pb_second_featured';
case 2:
return 'et_pb_third_featured';
case 3:
return 'et_pb_fourth_featured';
}
}
}
return 'et_pb_no_featured_in_first_row';
}
private function keep_box_shadow_compatibility( $atts, $content, $function_name ) {
/**
* @var ET_Builder_Module_Field_BoxShadow $box_shadow
*/
$box_shadow = ET_Builder_Module_Fields_Factory::get( 'BoxShadow' );
$utils = ET_Core_Data_Utils::instance();
if (
! is_admin()
&&
version_compare( $utils->array_get( $atts, '_builder_version', '3.0.93' ), '3.0.97', 'lt' )
&&
$box_shadow->is_inset( $box_shadow->get_value( $atts ) )
) {
$class = '.' . self::get_module_order_class( $function_name );
$overlay_shadow = $box_shadow->get_style( $class, $atts );
return sprintf(
'<style type="text/css">%1$s %2$s %3$s</style>',
'.et_pb_pricing > .box-shadow-overlay { z-index: 11; }',
sprintf( '%1$s { box-shadow: none; }', esc_attr( $class ) ),
sprintf( '%1$s { %2$s }', esc_attr( $overlay_shadow['selector'] ), esc_attr( $overlay_shadow['declaration'] ) )
);
}
return '';
}
}
if ( et_builder_should_load_all_module_data() ) {
new ET_Builder_Module_Pricing_Tables();
}