File Editor
Directories:
.. (Back)
field
helpers
settings
type
woocommerce
Files:
Accordion.php
AccordionItem.php
Audio.php
BarCounters.php
BarCountersItem.php
Blog.php
Blurb.php
Button.php
CircleCounter.php
Code.php
Comments.php
ContactForm.php
ContactFormItem.php
CountdownTimer.php
Cta.php
Divider.php
FilterablePortfolio.php
FullwidthCode.php
FullwidthHeader.php
FullwidthImage.php
FullwidthMap.php
FullwidthMenu.php
FullwidthPortfolio.php
FullwidthPostContent.php
FullwidthPostSlider.php
FullwidthPostTitle.php
FullwidthSlider.php
Gallery.php
Heading.php
Icon.php
Image.php
Login.php
Map.php
MapItem.php
Menu.php
NumberCounter.php
Portfolio.php
PostContent.php
PostSlider.php
PostTitle.php
PostsNavigation.php
PricingTables.php
PricingTablesItem.php
Search.php
Sidebar.php
Signup.php
SignupItem.php
Slider.php
SliderItem.php
SocialMediaFollow.php
SocialMediaFollowItem.php
Tabs.php
TabsItem.php
TeamMember.php
Testimonial.php
Text.php
Toggle.php
Video.php
VideoSlider.php
VideoSliderItem.php
Create New File
Create
Edit File: PricingTables.php
<?php class ET_Builder_Module_Pricing_Tables extends ET_Builder_Module { 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 & 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 & 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(); }
Save Changes
Rename File
Rename