register_presets_control( 'Price_Table', $this );
$this->register_general_controls();
$this->register_heading_controls();
$this->register_pricing_controls();
$this->register_sub_heading_controls();
$this->register_content_controls();
$this->register_tooltip_content_controls();
$this->register_cta_controls();
$this->register_separator_controls();
$this->register_ribbon_controls();
$this->register_heading_style_controls();
$this->register_pricing_style_controls();
$this->register_sub_heading_style_controls();
$this->register_content_style_controls();
$this->register_tooltip_style_controls();
$this->register_cta_style_controls();
$this->register_separator_style_controls();
$this->register_ribbon_style_controls();
$this->register_helpful_information();
}
/**
* Register Price Table General Controls.
*
* @since 0.0.1
* @access protected
*/
protected function register_general_controls() {
$this->start_controls_section(
'section_general_field',
array(
'label' => __( 'General', 'uael' ),
)
);
$this->add_control(
'pricetable_style',
array(
'label' => __( 'Style', 'uael' ),
'type' => Controls_Manager::SELECT,
'label_block' => false,
'default' => '1',
'options' => array(
'1' => __( 'Normal', 'uael' ),
'2' => __( 'Features at Bottom', 'uael' ),
'3' => __( 'Circular Background for Price', 'uael' ),
'4' => __( 'Pricing Above Call To Action', 'uael' ),
),
)
);
$this->add_control(
'box_hover_animation',
array(
'label' => __( 'Hover Animation', 'uael' ),
'type' => Controls_Manager::SELECT,
'default' => '',
'options' => array(
'' => __( 'None', 'uael' ),
'float' => __( 'Float', 'uael' ),
'sink' => __( 'Sink', 'uael' ),
'wobble-vertical' => __( 'Wobble Vertical', 'uael' ),
),
'prefix_class' => 'elementor-animation-',
)
);
$this->end_controls_section();
}
/**
* Register Price Table Heading Controls.
*
* @since 0.0.1
* @access protected
*/
protected function register_heading_controls() {
$this->start_controls_section(
'section_header_field',
array(
'label' => __( 'Heading', 'uael' ),
)
);
$this->add_control(
'heading_icon',
array(
'label' => __( 'Icon', 'uael' ),
'type' => Controls_Manager::ICONS,
'render_type' => 'template',
'style_transfer' => true,
)
);
$this->add_control(
'heading',
array(
'label' => __( 'Title', 'uael' ),
'type' => Controls_Manager::TEXT,
'dynamic' => array(
'active' => true,
),
'default' => __( 'Unlimited', 'uael' ),
)
);
$this->add_control(
'show_sub_heading',
array(
'label' => __( 'Show Description', 'uael' ),
'type' => Controls_Manager::SWITCHER,
'label_on' => __( 'Yes', 'uael' ),
'label_off' => __( 'No', 'uael' ),
'return_value' => 'yes',
'default' => 'yes',
'condition' => array(
'pricetable_style!' => '2',
),
)
);
$this->add_control(
'sub_heading',
array(
'label' => __( 'Description', 'uael' ),
'type' => Controls_Manager::TEXT,
'dynamic' => array(
'active' => true,
),
'default' => __( 'Free trial 30 days.', 'uael' ),
'condition' => array(
'pricetable_style!' => '2',
'show_sub_heading' => 'yes',
),
)
);
$this->end_controls_section();
}
/**
* Register Price Table Heading Controls for Style 3.
*
* @since 0.0.1
* @access protected
*/
protected function register_sub_heading_controls() {
$this->start_controls_section(
'section_sub_heading_field',
array(
'label' => __( 'Description', 'uael' ),
'condition' => array(
'pricetable_style' => '2',
),
)
);
$this->add_control(
'sub_heading_style2',
array(
'label' => __( 'Description', 'uael' ),
'type' => Controls_Manager::TEXT,
'dynamic' => array(
'active' => true,
),
'default' => __( 'Free trial 30 days.', 'uael' ),
'condition' => array(
'pricetable_style' => '2',
),
)
);
$this->end_controls_section();
}
/**
* Register Price Table Pricing Controls.
*
* @since 0.0.1
* @access protected
*/
protected function register_pricing_controls() {
$this->start_controls_section(
'section_pricing_fields',
array(
'label' => __( 'Pricing', 'uael' ),
)
);
$this->add_control(
'price',
array(
'label' => __( 'Price', 'uael' ),
'type' => Controls_Manager::TEXT,
'dynamic' => array(
'active' => true,
),
'default' => __( '49.99', 'uael' ),
)
);
$this->add_control(
'sale',
array(
'label' => __( 'Offering Discount?', 'uael' ),
'type' => Controls_Manager::SWITCHER,
'label_on' => __( 'Yes', 'uael' ),
'label_off' => __( 'No', 'uael' ),
'return_value' => 'yes',
'default' => '',
)
);
$this->add_control(
'original_price',
array(
'label' => __( 'Original Price', 'uael' ),
'type' => Controls_Manager::TEXT,
'default' => '59.99',
'dynamic' => array(
'active' => true,
),
'condition' => array(
'sale' => 'yes',
),
)
);
$this->add_control(
'original_price_position',
array(
'label' => __( 'Position', 'uael' ),
'type' => Controls_Manager::CHOOSE,
'label_block' => false,
'options' => array(
'left' => array(
'title' => __( 'Left', 'uael' ),
'icon' => 'eicon-h-align-left',
),
'top' => array(
'title' => __( 'Top', 'uael' ),
'icon' => 'eicon-v-align-top',
),
'right' => array(
'title' => __( 'Right', 'uael' ),
'icon' => 'eicon-h-align-right',
),
),
'toggle' => false,
'selectors_dictionary' => array(
'left' => '0',
'right' => '5',
),
'default' => 'left',
'selectors' => array(
'{{WRAPPER}} .uael-price-table-original-price' => 'order: {{VALUE}}',
),
'condition' => array(
'sale' => 'yes',
'original_price!' => '',
),
'prefix_class' => 'uael-price-box__original-price-position-',
'render_type' => 'template',
)
);
$this->add_control(
'original_price_tooltip',
array(
'label' => __( 'Enable Tooltip for Original Price', 'uael' ),
'type' => Controls_Manager::SWITCHER,
'label_on' => __( 'Show', 'uael' ),
'label_off' => __( 'Hide', 'uael' ),
'return_value' => 'yes',
'default' => 'no',
'condition' => array(
'sale' => 'yes',
'original_price!' => '',
'original_price_position' => 'top',
),
'render_type' => 'template',
)
);
$this->add_control(
'original_price_tooltip_icon',
array(
'label' => __( 'Tooltip Icon', 'uael' ),
'type' => Controls_Manager::ICONS,
'condition' => array(
'sale' => 'yes',
'original_price!' => '',
'original_price_position' => 'top',
'original_price_tooltip' => 'yes',
),
'render_type' => 'template',
)
);
$this->add_control(
'original_price_tooltip_position',
array(
'label' => __( 'Tooltip Position', 'uael' ),
'type' => Controls_Manager::SELECT,
'default' => 'top',
'options' => array(
'top' => __( 'Top', 'uael' ),
'bottom' => __( 'Bottom', 'uael' ),
'left' => __( 'Left', 'uael' ),
'right' => __( 'Right', 'uael' ),
),
'condition' => array(
'sale' => 'yes',
'original_price!' => '',
'original_price_position' => 'top',
'original_price_tooltip' => 'yes',
'original_price_tooltip_icon[value]!' => '',
),
'render_type' => 'template',
)
);
$this->add_control(
'original_price_tooltip_content',
array(
'label' => __( 'Tooltip Content', 'uael' ),
'type' => Controls_Manager::TEXTAREA,
'rows' => 2,
'default' => __( 'This is a tooltip', 'uael' ),
'placeholder' => __( 'Type your description here', 'uael' ),
'dynamic' => array(
'active' => true,
),
'condition' => array(
'sale' => 'yes',
'original_price!' => '',
'original_price_position' => 'top',
'original_price_tooltip' => 'yes',
'original_price_tooltip_icon[value]!' => '',
),
)
);
$this->add_control(
'original_price_tooltip_hide',
array(
'label' => __( 'Hide Tooltip On', 'uael' ),
'description' => __( 'Choose on what breakpoint the tooltip will be hidden.', 'uael' ),
'type' => Controls_Manager::SELECT,
'default' => 'none',
'options' => array(
'none' => __( 'None', 'uael' ),
'tablet' => __( 'Tablet & Mobile', 'uael' ),
'mobile' => __( 'Mobile', 'uael' ),
),
'condition' => array(
'sale' => 'yes',
'original_price!' => '',
'original_price_position' => 'top',
'original_price_tooltip' => 'yes',
'original_price_tooltip_icon[value]!' => '',
),
'prefix_class' => 'uael-strike-price-tooltip-hide-',
'render_type' => 'template',
)
);
$this->add_control(
'currency_symbol',
array(
'label' => __( 'Currency Symbol', 'uael' ),
'type' => Controls_Manager::SELECT,
'options' => array(
'' => __( 'None', 'uael' ),
'dollar' => '$ ' . _x( 'Dollar', 'Currency Symbol', 'uael' ),
'euro' => '€ ' . _x( 'Euro', 'Currency Symbol', 'uael' ),
'baht' => '฿ ' . _x( 'Baht', 'Currency Symbol', 'uael' ),
'franc' => '₣ ' . _x( 'Franc', 'Currency Symbol', 'uael' ),
'guilder' => 'ƒ ' . _x( 'Guilder', 'Currency Symbol', 'uael' ),
'krona' => 'kr ' . _x( 'Krona', 'Currency Symbol', 'uael' ),
'lira' => '₤ ' . _x( 'Lira', 'Currency Symbol', 'uael' ),
'indian_rupee' => '₹ ' . _x( 'Rupee (Indian)', 'Currency Symbol', 'uael' ),
'peseta' => '₧ ' . _x( 'Peseta', 'Currency Symbol', 'uael' ),
'peso' => '₱ ' . _x( 'Peso', 'Currency Symbol', 'uael' ),
'pound' => '£ ' . _x( 'Pound Sterling', 'Currency Symbol', 'uael' ),
'real' => 'R$ ' . _x( 'Real', 'Currency Symbol', 'uael' ),
'ruble' => '₽ ' . _x( 'Ruble', 'Currency Symbol', 'uael' ),
'rupee' => '₨ ' . _x( 'Rupee', 'Currency Symbol', 'uael' ),
'shekel' => '₪ ' . _x( 'Shekel', 'Currency Symbol', 'uael' ),
'yen' => '¥ ' . _x( 'Yen/Yuan', 'Currency Symbol', 'uael' ),
'won' => '₩ ' . _x( 'Won', 'Currency Symbol', 'uael' ),
'custom' => __( 'Custom', 'uael' ),
),
'default' => 'dollar',
)
);
$this->add_control(
'currency_symbol_custom',
array(
'label' => __( 'Currency Symbol', 'uael' ),
'type' => Controls_Manager::TEXT,
'condition' => array(
'currency_symbol' => 'custom',
),
)
);
$this->add_control(
'currency_format',
array(
'label' => __( 'Currency Format', 'uael' ),
'type' => Controls_Manager::SELECT,
'options' => array(
'' => 'Raised',
',' => 'Normal',
),
)
);
if ( parent::is_internal_links() ) {
$this->add_control(
'help_doc_pricing',
array(
'type' => Controls_Manager::RAW_HTML,
/* translators: %s admin link */
'raw' => __( 'The raised option will add a Subscript / Superscript design to the fractional part of the Price.', 'uael' ),
'content_classes' => 'uael-editor-doc',
'condition' => array(
'currency_format' => '',
),
'separator' => 'none',
)
);
}
$this->add_control(
'duration',
array(
'label' => __( 'Duration', 'uael' ),
'type' => Controls_Manager::TEXT,
'default' => __( 'Monthly', 'uael' ),
'dynamic' => array(
'active' => true,
),
)
);
$this->add_control(
'duration_position',
array(
'label' => __( 'Duration Position', 'uael' ),
'type' => Controls_Manager::SELECT,
'label_block' => false,
'options' => array(
'below' => __( 'Below', 'uael' ),
'beside' => __( 'Beside', 'uael' ),
),
'default' => 'below',
'condition' => array(
'duration!' => '',
'pricetable_style!' => '3',
),
)
);
$this->end_controls_section();
}
/**
* Register Price Table separator Controls for Style 3.
*
* @since 0.0.1
* @access protected
*/
protected function register_separator_controls() {
$this->start_controls_section(
'section_separator',
array(
'label' => __( 'Separator', 'uael' ),
'condition' => array(
'pricetable_style' => '2',
),
)
);
$this->add_control(
'pricetable_separator',
array(
'label' => __( 'Separator', 'uael' ),
'type' => Controls_Manager::SWITCHER,
'label_on' => __( 'Yes', 'uael' ),
'label_off' => __( 'No', 'uael' ),
'return_value' => 'yes',
'default' => 'yes',
'condition' => array(
'pricetable_style' => '2',
),
)
);
$this->end_controls_section();
}
/**
* Register Price Table Content Controls.
*
* @since 0.0.1
* @access protected
*/
protected function register_content_controls() {
$this->start_controls_section(
'section_features',
array(
'label' => __( 'Content', 'uael' ),
)
);
$repeater = new Repeater();
$repeater->add_control(
'item_text',
array(
'label' => __( 'Text', 'uael' ),
'type' => Controls_Manager::TEXT,
'default' => __( 'Feature', 'uael' ),
'dynamic' => array(
'active' => true,
),
)
);
$repeater->add_control(
'tooltip_content',
array(
'label' => __( 'Tooltip Content', 'uael' ),
'type' => Controls_Manager::WYSIWYG,
'default' => __( 'This is a tooltip', 'uael' ),
'dynamic' => array(
'active' => true,
),
)
);
if ( UAEL_Helper::is_elementor_updated() ) {
$repeater->add_control(
'new_item_icon',
array(
'label' => __( 'Icon', 'uael' ),
'type' => Controls_Manager::ICONS,
'fa4compatibility' => 'item_icon',
'default' => array(
'value' => 'fa fa-arrow-circle-right',
'library' => 'fa-solid',
),
'render_type' => 'template',
)
);
} else {
$repeater->add_control(
'item_icon',
array(
'label' => __( 'Icon', 'uael' ),
'type' => Controls_Manager::ICON,
'default' => 'fa fa-arrow-circle-right',
)
);
}
$repeater->add_control(
'item_advanced_settings',
array(
'label' => __( 'Override Global Settings', 'uael' ),
'type' => Controls_Manager::SWITCHER,
'label_on' => __( 'Yes', 'uael' ),
'label_off' => __( 'No', 'uael' ),
'return_value' => 'yes',
'default' => 'no',
)
);
$repeater->add_control(
'item_icon_color',
array(
'label' => __( 'Icon Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'conditions' => array(
'relation' => 'and',
'terms' => array(
array(
'name' => UAEL_Helper::get_new_icon_name( 'item_icon' ),
'operator' => '!=',
'value' => '',
),
array(
'name' => 'item_advanced_settings',
'operator' => '==',
'value' => 'yes',
),
),
),
'selectors' => array(
'{{WRAPPER}} .uael-price-table-features-list {{CURRENT_ITEM}} i' => 'color: {{VALUE}};',
'{{WRAPPER}} .uael-price-table-features-list {{CURRENT_ITEM}} svg' => 'fill: {{VALUE}};',
),
)
);
$repeater->add_control(
'item_text_color',
array(
'label' => __( 'Text Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'condition' => array(
'item_advanced_settings' => 'yes',
),
'selectors' => array(
'{{WRAPPER}} {{CURRENT_ITEM}}' => 'color: {{VALUE}};',
),
)
);
$repeater->add_control(
'item_bg_color',
array(
'label' => __( 'Background Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'condition' => array(
'item_advanced_settings' => 'yes',
),
'selectors' => array(
'{{WRAPPER}} {{CURRENT_ITEM}}' => 'background-color: {{VALUE}} !important;',
),
)
);
$this->add_control(
'features_list',
array(
'type' => Controls_Manager::REPEATER,
'fields' => $repeater->get_controls(),
'default' => array(
array(
'item_text' => __( 'List of Features', 'uael' ),
'new_item_icon' => array(
'value' => 'fa fa-arrow-circle-right',
'library' => 'fa-solid',
),
),
array(
'item_text' => __( 'List of Features', 'uael' ),
'new_item_icon' => array(
'value' => 'fa fa-arrow-circle-right',
'library' => 'fa-solid',
),
),
array(
'item_text' => __( 'List of Features', 'uael' ),
'new_item_icon' => array(
'value' => 'fa fa-arrow-circle-right',
'library' => 'fa-solid',
),
),
),
'title_field' => '{{ item_text }}',
)
);
$this->end_controls_section();
}
/**
* Register Hotspot Tooltip Controls.
*
* @since 1.27.1
* @access protected
*/
protected function register_tooltip_content_controls() {
$this->start_controls_section(
'section_tooltip',
array(
'label' => __( 'Tooltip', 'uael' ),
)
);
$this->add_control(
'features_tooltip_data',
array(
'label' => __( 'Enable Tooltip', 'uael' ),
'type' => Controls_Manager::SWITCHER,
'default' => 'no',
'label_on' => __( 'Yes', 'uael' ),
'label_off' => __( 'No', 'uael' ),
'return_value' => 'yes',
)
);
$this->add_control(
'position',
array(
'label' => __( 'Position', 'uael' ),
'type' => Controls_Manager::SELECT,
'default' => 'top',
'options' => array(
'top' => __( 'Top', 'uael' ),
'bottom' => __( 'Bottom', 'uael' ),
'left' => __( 'Left', 'uael' ),
'right' => __( 'Right', 'uael' ),
),
'condition' => array(
'features_tooltip_data' => 'yes',
),
'frontend_available' => true,
)
);
$this->add_control(
'trigger',
array(
'label' => __( 'Display on', 'uael' ),
'type' => Controls_Manager::SELECT,
'default' => 'hover',
'options' => array(
'hover' => __( 'Hover', 'uael' ),
'click' => __( 'Click', 'uael' ),
),
'condition' => array(
'features_tooltip_data' => 'yes',
),
'frontend_available' => true,
)
);
$this->add_control(
'arrow',
array(
'label' => __( 'Arrow', 'uael' ),
'type' => Controls_Manager::SELECT,
'default' => 'true',
'options' => array(
'true' => __( 'Show', 'uael' ),
'false' => __( 'Hide', 'uael' ),
),
'condition' => array(
'features_tooltip_data' => 'yes',
),
)
);
$this->add_control(
'distance',
array(
'label' => __( 'Distance', 'uael' ),
'description' => __( 'The distance between the marker and the tooltip.', 'uael' ),
'type' => Controls_Manager::SLIDER,
'default' => array(
'size' => 6,
'unit' => 'px',
),
'range' => array(
'px' => array(
'min' => 0,
'max' => 100,
),
),
'condition' => array(
'features_tooltip_data' => 'yes',
),
)
);
$this->add_control(
'tooltip_anim',
array(
'label' => __( 'Animation Type', 'uael' ),
'type' => Controls_Manager::SELECT,
'default' => 'fade',
'options' => array(
'fade' => __( 'Default', 'uael' ),
'grow' => __( 'Grow', 'uael' ),
'swing' => __( 'Swing', 'uael' ),
'slide' => __( 'Slide', 'uael' ),
'fall' => __( 'Fall', 'uael' ),
),
'condition' => array(
'features_tooltip_data' => 'yes',
),
)
);
$this->add_control(
'responsive_support',
array(
'label' => __( 'Hide Tooltip On', 'uael' ),
'description' => __( 'Choose on what breakpoint the tooltip will be hidden.', 'uael' ),
'type' => Controls_Manager::SELECT,
'default' => 'none',
'options' => array(
'none' => __( 'None', 'uael' ),
'tablet' => __( 'Tablet & Mobile', 'uael' ),
'mobile' => __( 'Mobile', 'uael' ),
),
'condition' => array(
'features_tooltip_data' => 'yes',
),
'render_type' => 'template',
)
);
$this->add_control(
'hotspot_tooltip_adv',
array(
'label' => __( 'Advanced Settings', 'uael' ),
'type' => Controls_Manager::SWITCHER,
'default' => 'no',
'label_on' => __( 'Yes', 'uael' ),
'label_off' => __( 'No', 'uael' ),
'return_value' => 'yes',
'condition' => array(
'features_tooltip_data' => 'yes',
),
)
);
$this->add_control(
'anim_duration',
array(
'label' => __( 'Animation Duration', 'uael' ),
'type' => Controls_Manager::SLIDER,
'range' => array(
'px' => array(
'min' => 0,
'max' => 1000,
),
),
'default' => array(
'size' => 350,
'unit' => 'px',
),
'condition' => array(
'hotspot_tooltip_adv' => 'yes',
'features_tooltip_data' => 'yes',
),
'frontend_available' => true,
)
);
$this->add_responsive_control(
'tooltip_width',
array(
'label' => __( 'Width', 'uael' ),
'type' => Controls_Manager::SLIDER,
'range' => array(
'px' => array(
'min' => 0,
'max' => 1000,
),
),
'condition' => array(
'hotspot_tooltip_adv' => 'yes',
'features_tooltip_data' => 'yes',
),
'selectors' => array(
'.tooltipster-base.tooltipster-sidetip.uael-price-table-wrap-{{ID}}.uael-price-table-tooltip .tooltipster-content' => 'width: {{SIZE}}px;',
),
'frontend_available' => true,
)
);
$this->add_responsive_control(
'tooltip_height',
array(
'label' => __( 'Max Height', 'uael' ),
'description' => __( 'Note: If Tooltip Content is large, a vertical scroll will appear. Set Max Height to manage the content window height.', 'uael' ),
'type' => Controls_Manager::SLIDER,
'range' => array(
'px' => array(
'min' => 0,
'max' => 1000,
),
),
'condition' => array(
'hotspot_tooltip_adv' => 'yes',
'features_tooltip_data' => 'yes',
),
'selectors' => array(
'.tooltipster-base.tooltipster-sidetip.uael-price-table-wrap-{{ID}}.uael-price-table-tooltip .tooltipster-content' => 'max-height: {{SIZE}}px;',
),
'frontend_available' => true,
)
);
$this->add_control(
'zindex',
array(
'label' => __( 'Z-Index', 'uael' ),
'description' => __( 'Note: Increase the z-index value if you are unable to see the tooltip. For example - 99, 999, 9999 ', 'uael' ),
'type' => Controls_Manager::NUMBER,
'default' => '99',
'min' => -9999999,
'step' => 1,
'condition' => array(
'hotspot_tooltip_adv' => 'yes',
'features_tooltip_data' => 'yes',
),
)
);
$this->end_controls_section();
}
/**
* Register Price Table Call to Action Controls.
*
* @since 0.0.1
* @access protected
*/
protected function register_cta_controls() {
$this->start_controls_section(
'section_button',
array(
'label' => __( 'Call To Action', 'uael' ),
)
);
$this->add_control(
'price_cta_type',
array(
'label' => __( 'Type', 'uael' ),
'type' => Controls_Manager::SELECT,
'default' => 'button',
'label_block' => false,
'options' => array(
'none' => __( 'None', 'uael' ),
'link' => __( 'Text', 'uael' ),
'button' => __( 'Button', 'uael' ),
),
)
);
$this->add_control(
'cta_text',
array(
'label' => __( 'Text', 'uael' ),
'type' => Controls_Manager::TEXT,
'default' => __( 'Select Plan', 'uael' ),
'dynamic' => array(
'active' => true,
),
'condition' => array(
'price_cta_type!' => 'none',
),
)
);
if ( UAEL_Helper::is_elementor_updated() ) {
$this->add_control(
'new_cta_icon',
array(
'label' => __( 'Select Icon', 'uael' ),
'type' => Controls_Manager::ICONS,
'fa4compatibility' => 'cta_icon',
'condition' => array(
'price_cta_type' => array( 'button', 'link' ),
),
'render_type' => 'template',
)
);
} else {
$this->add_control(
'cta_icon',
array(
'label' => __( 'Select Icon', 'uael' ),
'type' => Controls_Manager::ICON,
'condition' => array(
'price_cta_type' => array( 'button', 'link' ),
),
)
);
}
$this->add_control(
'cta_icon_position',
array(
'label' => __( 'Icon Position', 'uael' ),
'type' => Controls_Manager::SELECT,
'default' => 'right',
'label_block' => false,
'options' => array(
'right' => __( 'After Text', 'uael' ),
'left' => __( 'Before Text', 'uael' ),
),
'condition' => array(
'price_cta_type' => array( 'button', 'link' ),
),
)
);
$this->add_control(
'link',
array(
'label' => __( 'Link', 'uael' ),
'type' => Controls_Manager::URL,
'placeholder' => 'http://your-link.com',
'default' => array(
'url' => '#',
),
'dynamic' => array(
'active' => true,
),
'condition' => array(
'price_cta_type!' => 'none',
),
)
);
$this->add_control(
'show_footer_additional_info',
array(
'label' => __( 'Show Disclaimer Text', 'uael' ),
'type' => Controls_Manager::SWITCHER,
'label_on' => __( 'Yes', 'uael' ),
'label_off' => __( 'No', 'uael' ),
'return_value' => 'yes',
'default' => 'yes',
)
);
$this->add_control(
'footer_additional_info',
array(
'label' => __( 'Disclaimer Text', 'uael' ),
'type' => Controls_Manager::TEXTAREA,
'rows' => 2,
'dynamic' => array(
'active' => true,
),
'condition' => array(
'show_footer_additional_info' => 'yes',
),
)
);
$this->end_controls_section();
}
/**
* Register Price Table Ribbon Controls.
*
* @since 0.0.1
* @access protected
*/
protected function register_ribbon_controls() {
$this->start_controls_section(
'section_ribbon',
array(
'label' => __( 'Ribbon', 'uael' ),
)
);
$this->add_control(
'show_ribbon',
array(
'label' => __( 'Style', 'uael' ),
'type' => Controls_Manager::SELECT,
'default' => 'none',
'label_block' => false,
'options' => array(
'none' => __( 'None', 'uael' ),
'1' => __( 'Corner Ribbon', 'uael' ),
'2' => __( 'Circular Ribbon', 'uael' ),
'3' => __( 'Flag Ribbon', 'uael' ),
),
)
);
$this->add_control(
'ribbon_title',
array(
'label' => __( 'Title', 'uael' ),
'type' => Controls_Manager::TEXT,
'default' => __( 'NEW', 'uael' ),
'condition' => array(
'show_ribbon!' => 'none',
),
)
);
$this->add_control(
'ribbon_horizontal_position',
array(
'label' => __( 'Horizontal Position', 'uael' ),
'type' => Controls_Manager::CHOOSE,
'label_block' => false,
'toggle' => false,
'options' => array(
'left' => array(
'title' => __( 'Left', 'uael' ),
'icon' => 'eicon-h-align-left',
),
'right' => array(
'title' => __( 'Right', 'uael' ),
'icon' => 'eicon-h-align-right',
),
),
'default' => 'right',
'condition' => array(
'show_ribbon!' => array( 'none', '3' ),
),
)
);
$ribbon_distance_transform = is_rtl() ? 'translateY(-50%) translateX({{SIZE}}{{UNIT}}) rotate(-45deg)' : 'translateY(-50%) translateX(-50%) translateX({{SIZE}}{{UNIT}}) rotate(-45deg)';
$this->add_responsive_control(
'ribbon_distance',
array(
'label' => __( 'Distance', 'uael' ),
'type' => Controls_Manager::SLIDER,
'range' => array(
'px' => array(
'min' => 10,
'max' => 100,
),
),
'selectors' => array(
'{{WRAPPER}} .uael-price-table-ribbon-1 .uael-price-table-ribbon-content' => 'margin-top: {{SIZE}}{{UNIT}}; transform: ' . $ribbon_distance_transform,
),
'condition' => array(
'show_ribbon' => '1',
),
)
);
$this->add_responsive_control(
'ribbon_size',
array(
'label' => __( 'Size', 'uael' ),
'type' => Controls_Manager::SLIDER,
'range' => array(
'em' => array(
'min' => 1,
'max' => 20,
),
),
'default' => array(
'size' => '4',
'unit' => 'em',
),
'selectors' => array(
'{{WRAPPER}} .uael-price-table-ribbon-2 .uael-price-table-ribbon-content' => 'min-height: {{SIZE}}em; min-width: {{SIZE}}em; line-height: {{SIZE}}em; z-index: 1;',
),
'condition' => array(
'show_ribbon' => '2',
),
)
);
$this->add_responsive_control(
'ribbon_top_distance',
array(
'label' => __( 'Top Distance', 'uael' ),
'type' => Controls_Manager::SLIDER,
'range' => array(
'%' => array(
'min' => 0,
'max' => 100,
),
),
'selectors' => array(
'{{WRAPPER}} .uael-price-table-ribbon-3 .uael-price-table-ribbon-content' => 'top: {{SIZE}}%;',
),
'condition' => array(
'show_ribbon' => '3',
),
)
);
$this->end_controls_section();
}
/**
* Register Price Table Heading Style Controls.
*
* @since 0.0.1
* @access protected
*/
protected function register_heading_style_controls() {
$this->start_controls_section(
'section_header_style',
array(
'label' => __( 'Heading', 'uael' ),
'tab' => Controls_Manager::TAB_STYLE,
'show_label' => false,
)
);
$this->add_control(
'header_bg_color',
array(
'label' => __( 'Background Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'global' => array(
'default' => Global_Colors::COLOR_SECONDARY,
),
'selectors' => array(
'{{WRAPPER}} .uael-price-table-header' => 'background-color: {{VALUE}};',
),
)
);
$this->add_responsive_control(
'header_padding',
array(
'label' => __( 'Padding', 'uael' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array( 'px', '%', 'em' ),
'selectors' => array(
'{{WRAPPER}} .uael-pricing-style-3 .uael-pricing-heading-wrap, {{WRAPPER}} .uael-pricing-style-2 .uael-price-table-header, {{WRAPPER}} .uael-pricing-style-1 .uael-price-table-header, {{WRAPPER}} .uael-pricing-style-4 .uael-price-table-header' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
)
);
$this->add_control(
'heading_icon_style',
array(
'label' => __( 'Icon', 'uael' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
'condition' => array(
'heading_icon[value]!' => '',
),
)
);
$this->add_control(
'heading_icon_size',
array(
'label' => __( 'Size (px)', 'uael' ),
'type' => Controls_Manager::SLIDER,
'default' => array(
'size' => 40,
),
'range' => array(
'px' => array(
'max' => 500,
),
),
'selectors' => array(
'{{WRAPPER}} .uael-price-heading-icon i,
{{WRAPPER}} .uael-price-heading-icon svg' => 'font-size: {{SIZE}}px; width: {{SIZE}}px; height: {{SIZE}}px; line-height: {{SIZE}}px;',
),
'condition' => array(
'heading_icon[value]!' => '',
),
)
);
$this->add_responsive_control(
'heading_icon_padding',
array(
'label' => __( 'Padding', 'uael' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array( 'px', 'em', '%' ),
'selectors' => array(
'{{WRAPPER}} .uael-price-heading-icon' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
'condition' => array(
'heading_icon[value]!' => '',
),
)
);
$this->start_controls_tabs( 'icon_style' );
$this->start_controls_tab(
'heading_icon_normal',
array(
'label' => __( 'Normal', 'uael' ),
'condition' => array(
'heading_icon[value]!' => '',
),
)
);
$this->add_control(
'heading_icon_color_normal',
array(
'label' => __( 'Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'global' => array(
'default' => Global_Colors::COLOR_TEXT,
),
'default' => '',
'selectors' => array(
'{{WRAPPER}} .uael-price-heading-icon i' => 'color: {{VALUE}};',
'{{WRAPPER}} .uael-price-heading-icon svg' => 'fill: {{VALUE}};',
),
'condition' => array(
'heading_icon[value]!' => '',
),
)
);
$this->add_control(
'heading_icon_background_color_normal',
array(
'label' => __( 'Background Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => array(
'{{WRAPPER}} .uael-price-heading-icon' => 'background: {{VALUE}};',
),
'condition' => array(
'heading_icon[value]!' => '',
),
)
);
$this->end_controls_tab();
$this->start_controls_tab(
'heading_icon_hover',
array(
'label' => __( 'Hover', 'uael' ),
'condition' => array(
'heading_icon[value]!' => '',
),
)
);
$this->add_control(
'heading_icon_color_hover',
array(
'label' => __( 'Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'global' => array(
'default' => Global_Colors::COLOR_TEXT,
),
'default' => '',
'selectors' => array(
'{{WRAPPER}} .uael-price-heading-icon i:hover' => 'color: {{VALUE}};',
'{{WRAPPER}} .uael-price-heading-icon svg:hover' => 'fill: {{VALUE}};',
),
'condition' => array(
'heading_icon[value]!' => '',
),
)
);
$this->add_control(
'heading_icon_background_color_hover',
array(
'label' => __( 'Background Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => array(
'{{WRAPPER}} .uael-price-heading-icon:hover' => 'background: {{VALUE}};',
),
'condition' => array(
'heading_icon[value]!' => '',
),
)
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->add_group_control(
Group_Control_Border::get_type(),
array(
'name' => 'header_border',
'label' => __( 'Border', 'uael' ),
'selector' => '{{WRAPPER}} .uael-price-table-header',
)
);
$this->add_control(
'heading_style',
array(
'label' => __( 'Title', 'uael' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
)
);
$this->add_control(
'heading_tag',
array(
'label' => __( 'Title Tag', 'uael' ),
'type' => Controls_Manager::SELECT,
'options' => array(
'h1' => __( 'H1', 'uael' ),
'h2' => __( 'H2', 'uael' ),
'h3' => __( 'H3', 'uael' ),
'h4' => __( 'H4', 'uael' ),
'h5' => __( 'H5', 'uael' ),
'h6' => __( 'H6', 'uael' ),
'div' => __( 'div', 'uael' ),
'p' => __( 'p', 'uael' ),
),
'default' => 'h3',
)
);
$this->add_control(
'heading_color',
array(
'label' => __( 'Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'global' => array(
'default' => Global_Colors::COLOR_PRIMARY,
),
'selectors' => array(
'{{WRAPPER}} .uael-price-table-heading' => 'color: {{VALUE}}',
),
)
);
$this->add_group_control(
Group_Control_Typography::get_type(),
array(
'name' => 'heading_typography',
'selector' => '{{WRAPPER}} .uael-price-table-heading',
'global' => array(
'default' => Global_Typography::TYPOGRAPHY_PRIMARY,
),
)
);
$this->add_control(
'sub_heading_style',
array(
'label' => __( 'Description', 'uael' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
'condition' => array(
'pricetable_style!' => '2',
'show_sub_heading' => 'yes',
),
)
);
$this->add_control(
'sub_heading_tag',
array(
'label' => __( 'Description Tag', 'uael' ),
'type' => Controls_Manager::SELECT,
'options' => array(
'h1' => __( 'H1', 'uael' ),
'h2' => __( 'H2', 'uael' ),
'h3' => __( 'H3', 'uael' ),
'h4' => __( 'H4', 'uael' ),
'h5' => __( 'H5', 'uael' ),
'h6' => __( 'H6', 'uael' ),
'div' => __( 'div', 'uael' ),
'p' => __( 'p', 'uael' ),
),
'condition' => array(
'pricetable_style!' => '2',
'show_sub_heading' => 'yes',
),
'default' => 'p',
)
);
$this->add_control(
'sub_heading_color',
array(
'label' => __( 'Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'global' => array(
'default' => Global_Colors::COLOR_TEXT,
),
'condition' => array(
'pricetable_style!' => '2',
'show_sub_heading' => 'yes',
),
'selectors' => array(
'{{WRAPPER}} .uael-price-table-subheading' => 'color: {{VALUE}}',
),
)
);
$this->add_group_control(
Group_Control_Typography::get_type(),
array(
'name' => 'sub_heading_typography',
'selector' => '{{WRAPPER}} .uael-price-table-subheading',
'global' => array(
'default' => Global_Typography::TYPOGRAPHY_SECONDARY,
),
'condition' => array(
'pricetable_style!' => '2',
'show_sub_heading' => 'yes',
),
)
);
$this->end_controls_section();
}
/**
* Register Price Table Description Style Controls for Style 3.
*
* @since 0.0.1
* @access protected
*/
protected function register_sub_heading_style_controls() {
$this->start_controls_section(
'section_sub_heading_style2',
array(
'label' => __( 'Description', 'uael' ),
'tab' => Controls_Manager::TAB_STYLE,
'show_label' => false,
'condition' => array(
'pricetable_style' => '2',
),
)
);
$this->add_control(
'sub_heading_tag_style2',
array(
'label' => __( 'Description Tag', 'uael' ),
'type' => Controls_Manager::SELECT,
'options' => array(
'h1' => __( 'H1', 'uael' ),
'h2' => __( 'H2', 'uael' ),
'h3' => __( 'H3', 'uael' ),
'h4' => __( 'H4', 'uael' ),
'h5' => __( 'H5', 'uael' ),
'h6' => __( 'H6', 'uael' ),
'div' => __( 'div', 'uael' ),
'p' => __( 'p', 'uael' ),
),
'condition' => array(
'pricetable_style' => '2',
),
'default' => 'p',
)
);
$this->add_control(
'sub_heading_color_style2',
array(
'label' => __( 'Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'global' => array(
'default' => Global_Colors::COLOR_TEXT,
),
'condition' => array(
'pricetable_style' => '2',
),
'selectors' => array(
'{{WRAPPER}} .uael-price-table-subheading' => 'color: {{VALUE}}',
),
)
);
$this->add_group_control(
Group_Control_Typography::get_type(),
array(
'name' => 'sub_heading_typography_style2',
'selector' => '{{WRAPPER}} .uael-price-table-subheading',
'global' => array(
'default' => Global_Typography::TYPOGRAPHY_SECONDARY,
),
'condition' => array(
'pricetable_style' => '2',
),
)
);
$this->end_controls_section();
}
/**
* Register Price Table Pricing Style Controls.
*
* @since 0.0.1
* @access protected
*/
protected function register_pricing_style_controls() {
$this->start_controls_section(
'section_pricing_element_style',
array(
'label' => __( 'Pricing', 'uael' ),
'tab' => Controls_Manager::TAB_STYLE,
'show_label' => false,
)
);
$this->add_control(
'pricing_element_bg_color',
array(
'label' => __( 'Background Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} .uael-pricing-style-3 .uael-price-table-pricing, {{WRAPPER}} .uael-pricing-style-2 .uael-price-table-price-wrap, {{WRAPPER}} .uael-pricing-style-1 .uael-price-table-price-wrap, {{WRAPPER}} .uael-pricing-style-4 .uael-price-table-price-wrap' => 'background-color: {{VALUE}}',
),
)
);
$this->add_responsive_control(
'price_bg_size',
array(
'label' => __( 'Background Size', 'uael' ),
'type' => Controls_Manager::SLIDER,
'size_units' => array( 'px', 'em' ),
'range' => array(
'px' => array(
'min' => 100,
'max' => 300,
),
'em' => array(
'min' => 5,
'max' => 20,
),
),
'default' => array(
'size' => '9',
'unit' => 'em',
),
'selectors' => array(
'{{WRAPPER}} .uael-pricing-style-3 .uael-price-table-pricing' => 'min-height: {{SIZE}}{{UNIT}}; min-width: {{SIZE}}{{UNIT}}; line-height: {{SIZE}}{{UNIT}}; margin-top: calc( -{{SIZE}}{{UNIT}} / 2 ); box-sizing: content-box;',
'{{WRAPPER}} .uael-pricing-style-3 .uael-price-table-header' => 'padding-bottom: calc( {{SIZE}}{{UNIT}} / 2 );',
),
'condition' => array(
'pricetable_style' => '3',
),
)
);
$this->add_responsive_control(
'pricing_element_padding',
array(
'label' => __( 'Padding', 'uael' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array( 'px', '%', 'em' ),
'condition' => array(
'pricetable_style!' => '3',
),
'selectors' => array(
'{{WRAPPER}} .uael-price-table-price-wrap' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
)
);
$this->add_group_control(
Group_Control_Border::get_type(),
array(
'name' => 'price_border_style3',
'label' => __( 'Border', 'uael' ),
'fields_options' => array(
'border' => array(
'default' => 'solid',
),
'width' => array(
'default' => array(
'top' => '3',
'right' => '3',
'bottom' => '3',
'left' => '3',
),
),
),
'condition' => array(
'pricetable_style' => '3',
),
'selector' => '{{WRAPPER}} .uael-pricing-style-3 .uael-price-table-pricing',
)
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
array(
'name' => 'section_price_shadow',
'condition' => array(
'pricetable_style' => '3',
),
'selector' => '{{WRAPPER}} .uael-price-table-pricing',
)
);
$this->add_control(
'main_price_style',
array(
'label' => __( 'Price', 'uael' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
)
);
$this->add_control(
'price_color',
array(
'label' => __( 'Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} .uael-price-table-currency, {{WRAPPER}} .uael-price-table-integer-part, {{WRAPPER}} .uael-price-table-fractional-part, {{WRAPPER}} .uael-price-currency-normal' => 'color: {{VALUE}}',
),
)
);
$this->add_group_control(
Group_Control_Typography::get_type(),
array(
'name' => 'price_typography',
'selector' => '{{WRAPPER}} .uael-pricing-value',
'global' => array(
'default' => Global_Typography::TYPOGRAPHY_PRIMARY,
),
)
);
$this->add_control(
'heading_currency_style',
array(
'label' => __( 'Currency Symbol', 'uael' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
'condition' => array(
'currency_symbol!' => '',
'currency_format!' => ',',
),
)
);
$this->add_responsive_control(
'currency_size',
array(
'label' => __( 'Size', 'uael' ),
'type' => Controls_Manager::SLIDER,
'range' => array(
'px' => array(
'min' => 0,
'max' => 100,
),
),
'selectors' => array(
'{{WRAPPER}} .uael-price-table-currency' => 'font-size: calc({{SIZE}}em/100)',
),
'condition' => array(
'currency_symbol!' => '',
'currency_format!' => ',',
),
)
);
$this->add_control(
'currency_vertical_position',
array(
'label' => __( 'Vertical Position', 'uael' ),
'type' => Controls_Manager::CHOOSE,
'label_block' => false,
'options' => array(
'top' => array(
'title' => __( 'Top', 'uael' ),
'icon' => 'eicon-v-align-top',
),
'middle' => array(
'title' => __( 'Middle', 'uael' ),
'icon' => 'eicon-v-align-middle',
),
'bottom' => array(
'title' => __( 'Bottom', 'uael' ),
'icon' => 'eicon-v-align-bottom',
),
),
'condition' => array(
'currency_symbol!' => '',
'currency_format!' => ',',
),
'default' => 'top',
'selectors_dictionary' => array(
'top' => 'flex-start',
'middle' => 'center',
'bottom' => 'flex-end',
),
'selectors' => array(
'{{WRAPPER}} .uael-price-table-currency' => 'align-self: {{VALUE}}',
),
)
);
$this->add_control(
'fractional_part_style',
array(
'label' => __( 'Fractional Part', 'uael' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
'condition' => array(
'currency_format!' => ',',
),
)
);
$this->add_responsive_control(
'fractional_part_size',
array(
'label' => __( 'Size', 'uael' ),
'type' => Controls_Manager::SLIDER,
'range' => array(
'px' => array(
'min' => 1,
'max' => 100,
),
),
'condition' => array(
'currency_format!' => ',',
),
'selectors' => array(
'{{WRAPPER}} .uael-price-table-fractional-part' => 'font-size: calc({{SIZE}}em/100)',
),
)
);
$this->add_control(
'fractional_part_position',
array(
'label' => __( 'Vertical Position', 'uael' ),
'type' => Controls_Manager::CHOOSE,
'label_block' => false,
'options' => array(
'top' => array(
'title' => __( 'Top', 'uael' ),
'icon' => 'eicon-v-align-top',
),
'middle' => array(
'title' => __( 'Middle', 'uael' ),
'icon' => 'eicon-v-align-middle',
),
'bottom' => array(
'title' => __( 'Bottom', 'uael' ),
'icon' => 'eicon-v-align-bottom',
),
),
'default' => 'top',
'selectors_dictionary' => array(
'top' => 'flex-start',
'middle' => 'center',
'bottom' => 'flex-end',
),
'condition' => array(
'currency_format!' => ',',
),
'selectors' => array(
'{{WRAPPER}} .uael-price-table-beside-price' => 'align-self: {{VALUE}}',
),
)
);
$this->add_control(
'fractional_part_position_note',
array(
'type' => Controls_Manager::RAW_HTML,
'raw' => __( 'Note: When Currency Format is Raised and Duration Position is Beside, Vertical Positioning will not work.', 'uael' ),
'content_classes' => 'uael-editor-doc',
'condition' => array(
'currency_format' => '',
'duration_position' => 'beside',
),
)
);
$this->add_control(
'heading_original_price_style',
array(
'label' => __( 'Original Price', 'uael' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
'condition' => array(
'sale' => 'yes',
'original_price!' => '',
),
)
);
$this->add_control(
'original_price_color',
array(
'label' => __( 'Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'global' => array(
'default' => Global_Colors::COLOR_SECONDARY,
),
'selectors' => array(
'{{WRAPPER}} .uael-price-table-original-price' => 'color: {{VALUE}};',
),
'condition' => array(
'sale' => 'yes',
'original_price!' => '',
),
)
);
$this->add_control(
'original_price_tooltip_color',
array(
'label' => __( 'Tooltip Icon Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'global' => array(
'default' => Global_Colors::COLOR_SECONDARY,
),
'selectors' => array(
'{{WRAPPER}} .uael-price-table .uael-strike-tooltip' => 'color: {{VALUE}};',
),
'condition' => array(
'sale' => 'yes',
'original_price!' => '',
'original_price_tooltip' => 'yes',
),
)
);
$this->add_group_control(
Group_Control_Typography::get_type(),
array(
'name' => 'original_price_typography',
'selector' => '{{WRAPPER}} .uael-price-table-original-price',
'global' => array(
'default' => Global_Typography::TYPOGRAPHY_PRIMARY,
),
'condition' => array(
'sale' => 'yes',
'original_price!' => '',
),
)
);
$this->add_control(
'original_price_vertical_position',
array(
'label' => __( 'Vertical Position', 'uael' ),
'type' => Controls_Manager::CHOOSE,
'label_block' => false,
'options' => array(
'top' => array(
'title' => __( 'Top', 'uael' ),
'icon' => 'eicon-v-align-top',
),
'middle' => array(
'title' => __( 'Middle', 'uael' ),
'icon' => 'eicon-v-align-middle',
),
'bottom' => array(
'title' => __( 'Bottom', 'uael' ),
'icon' => 'eicon-v-align-bottom',
),
),
'selectors_dictionary' => array(
'top' => 'flex-start',
'middle' => 'center',
'bottom' => 'flex-end',
),
'default' => 'middle',
'selectors' => array(
'{{WRAPPER}} .uael-price-table-original-price' => 'align-self: {{VALUE}}',
),
'condition' => array(
'sale' => 'yes',
'original_price!' => '',
'original_price_position!' => array( 'top', 'bottom' ),
),
)
);
$this->add_control(
'original_price_tooltip_bottom_spacing',
array(
'label' => __( 'Bottom Spacing', 'uael' ),
'type' => Controls_Manager::SLIDER,
'size_units' => array( 'px', '%', 'em' ),
'range' => array(
'px' => array(
'min' => 0,
'max' => 100,
'step' => 1,
),
'%' => array(
'min' => 0,
'max' => 100,
),
'em' => array(
'min' => 0,
'max' => 10,
),
),
'selectors' => array(
'{{WRAPPER}} .uael-pricing-container > .uael-price-table-original-price' => 'margin-bottom: {{SIZE}}{{UNIT}};',
),
'condition' => array(
'sale' => 'yes',
'original_price!' => '',
'original_price_position' => 'top',
),
)
);
$this->add_control(
'heading_duration_style',
array(
'label' => __( 'Duration', 'uael' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
'condition' => array(
'duration!' => '',
),
)
);
$this->add_control(
'duration_color',
array(
'label' => __( 'Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'global' => array(
'default' => Global_Colors::COLOR_SECONDARY,
),
'selectors' => array(
'{{WRAPPER}} .uael-price-table-duration' => 'color: {{VALUE}}',
),
'condition' => array(
'duration!' => '',
),
)
);
$this->add_control(
'duration_bg_color',
array(
'label' => __( 'Background Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} .uael-price-table-duration' => 'background-color: {{VALUE}}',
),
'condition' => array(
'duration!' => '',
),
)
);
$this->add_group_control(
Group_Control_Typography::get_type(),
array(
'name' => 'duration_typography',
'selector' => '{{WRAPPER}} .uael-price-table-duration',
'global' => array(
'default' => Global_Typography::TYPOGRAPHY_SECONDARY,
),
'condition' => array(
'duration!' => '',
),
)
);
$this->add_control(
'duration_top_spacing',
array(
'label' => __( 'Top Spacing', 'uael' ),
'type' => Controls_Manager::SLIDER,
'size_units' => array( 'px', '%' ),
'range' => array(
'px' => array(
'min' => 0,
'max' => 100,
'step' => 1,
),
'%' => array(
'min' => 0,
'max' => 100,
),
),
'selectors' => array(
'{{WRAPPER}} .uael-pricing-duration' => 'margin-top: {{SIZE}}{{UNIT}};',
),
'condition' => array(
'duration!' => '',
'duration_position' => 'below',
),
)
);
$this->add_control(
'duration_padding',
array(
'label' => __( 'Padding', 'uael' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array( 'px', '%', 'em' ),
'selectors' => array(
'{{WRAPPER}} .uael-price-table-duration' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
'condition' => array(
'duration!' => '',
),
)
);
$this->add_control(
'duration_part_position',
array(
'label' => __( 'Vertical Position', 'uael' ),
'type' => Controls_Manager::CHOOSE,
'label_block' => false,
'options' => array(
'top' => array(
'title' => __( 'Top', 'uael' ),
'icon' => 'eicon-v-align-top',
),
'middle' => array(
'title' => __( 'Middle', 'uael' ),
'icon' => 'eicon-v-align-middle',
),
'bottom' => array(
'title' => __( 'Bottom', 'uael' ),
'icon' => 'eicon-v-align-bottom',
),
),
'default' => 'bottom',
'selectors_dictionary' => array(
'top' => 'flex-start',
'middle' => 'center',
'bottom' => 'flex-end',
),
'condition' => array(
'duration_position' => 'beside',
'currency_format' => ',',
'pricetable_style!' => '2',
),
'selectors' => array(
'{{WRAPPER}} .uael-price-table-beside-price' => 'align-self: {{VALUE}}',
),
)
);
$this->end_controls_section();
}
/**
* Register Price Table Content Style Controls for Style 3.
*
* @since 0.0.1
* @access protected
*/
protected function register_separator_style_controls() {
$this->start_controls_section(
'section_separator_style',
array(
'label' => __( 'Separator', 'uael' ),
'tab' => Controls_Manager::TAB_STYLE,
'show_label' => false,
'condition' => array(
'pricetable_style' => '2',
),
)
);
$this->add_control(
'pricetable_separator_style',
array(
'label' => __( 'Style', 'uael' ),
'type' => Controls_Manager::SELECT,
'default' => 'solid',
'label_block' => false,
'options' => array(
'solid' => __( 'Solid', 'uael' ),
'dashed' => __( 'Dashed', 'uael' ),
'dotted' => __( 'Dotted', 'uael' ),
'double' => __( 'Double', 'uael' ),
),
'condition' => array(
'pricetable_separator' => 'yes',
'pricetable_style' => '2',
),
'selectors' => array(
'{{WRAPPER}} .uael-separator' => 'border-top-style: {{VALUE}}; display: inline-block;',
),
)
);
$this->add_control(
'pricetable_separator_color',
array(
'label' => __( 'Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'default' => '#eaeaea',
'condition' => array(
'pricetable_separator' => 'yes',
'pricetable_style' => '2',
),
'selectors' => array(
'{{WRAPPER}} .uael-separator' => 'border-top-color: {{VALUE}};',
),
)
);
$this->add_control(
'pricetable_separator_thickness',
array(
'label' => __( 'Thickness', 'uael' ),
'type' => Controls_Manager::SLIDER,
'size_units' => array( 'px', 'em', 'rem' ),
'range' => array(
'px' => array(
'min' => 1,
'max' => 200,
),
),
'default' => array(
'size' => 2,
'unit' => 'px',
),
'condition' => array(
'pricetable_separator' => 'yes',
'pricetable_style' => '2',
),
'selectors' => array(
'{{WRAPPER}} .uael-separator' => 'border-top-width: {{SIZE}}{{UNIT}};',
),
)
);
$this->add_responsive_control(
'pricetable_separator_width',
array(
'label' => __( 'Width', 'uael' ),
'type' => Controls_Manager::SLIDER,
'size_units' => array( '%', 'px' ),
'range' => array(
'px' => array(
'max' => 1200,
),
),
'default' => array(
'size' => 70,
'unit' => '%',
),
'tablet_default' => array(
'unit' => '%',
),
'mobile_default' => array(
'unit' => '%',
),
'label_block' => true,
'condition' => array(
'pricetable_separator' => 'yes',
'pricetable_style' => '2',
),
'selectors' => array(
'{{WRAPPER}} .uael-separator' => 'width: {{SIZE}}{{UNIT}};',
),
)
);
$this->end_controls_section();
}
/**
* Register Price Table Content Style Controls.
*
* @since 0.0.1
* @access protected
*/
protected function register_content_style_controls() {
$this->start_controls_section(
'section_features_list_style',
array(
'label' => __( 'Content', 'uael' ),
'tab' => Controls_Manager::TAB_STYLE,
'show_label' => false,
)
);
$this->add_control(
'price_features_layout',
array(
'label' => __( 'Layout', 'uael' ),
'type' => Controls_Manager::SELECT,
'default' => 'simple',
'label_block' => false,
'options' => array(
'simple' => __( 'Simple', 'uael' ),
'divider' => __( 'Divider between fields', 'uael' ),
'borderbox' => __( 'Box Layout', 'uael' ),
'strips' => __( 'Stripped Layout', 'uael' ),
),
'prefix_class' => 'uael-price-features-',
)
);
$this->add_control(
'features_list_bg_color',
array(
'label' => __( 'Background Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'condition' => array(
'price_features_layout!' => 'strips',
),
'selectors' => array(
'{{WRAPPER}} .uael-price-table-features-list, {{WRAPPER}} .uael-pricing-style-3 .uael-price-table-price-wrap' => 'background-color: {{VALUE}}',
),
)
);
$this->add_responsive_control(
'features_list_padding',
array(
'label' => __( 'Box Padding', 'uael' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array( 'px', '%', 'em' ),
'selectors' => array(
'{{WRAPPER}} .uael-price-table-features-list' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
)
);
$this->add_group_control(
Group_Control_Border::get_type(),
array(
'name' => 'content_border',
'label' => __( 'Border', 'uael' ),
'selector' => '{{WRAPPER}} .uael-price-table-price-wrap',
)
);
$this->add_control(
'content_bottom_spacing',
array(
'label' => __( 'Bottom Spacing', 'uael' ),
'type' => Controls_Manager::SLIDER,
'size_units' => array( 'px', '%' ),
'range' => array(
'px' => array(
'min' => 0,
'max' => 100,
'step' => 1,
),
'%' => array(
'min' => 0,
'max' => 100,
),
),
'selectors' => array(
'{{WRAPPER}} .uael-price-table-price-wrap' => 'margin-bottom: {{SIZE}}{{UNIT}};',
),
)
);
$this->add_control(
'features_list_style_fields',
array(
'label' => __( 'Features List', 'uael' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
)
);
$this->add_responsive_control(
'features_icon_spacing',
array(
'label' => __( 'Icon Spacing', 'uael' ),
'type' => Controls_Manager::SLIDER,
'default' => array(
'size' => 5,
'unit' => 'px',
),
'range' => array(
'px' => array(
'min' => 0,
'max' => 20,
),
),
'selectors' => array(
'{{WRAPPER}} .uael-price-table-features-list i,
{{WRAPPER}} .uael-price-table-features-list svg' => 'margin-right: {{SIZE}}{{UNIT}};',
),
)
);
$this->add_responsive_control(
'features_icon_size',
array(
'label' => __( 'Icon Size', 'uael' ),
'type' => Controls_Manager::SLIDER,
'default' => array(
'size' => '16',
'unit' => 'px',
),
'range' => array(
'px' => array(
'min' => 0,
'max' => 100,
),
),
'selectors' => array(
'{{WRAPPER}} .uael-price-table .uael-price-table-features-list i' => 'font-size: {{SIZE}}{{UNIT}};',
'{{WRAPPER}} .uael-price-table .uael-price-table-features-list svg' => 'height: {{SIZE}}{{UNIT}}; width: {{SIZE}}{{UNIT}};',
),
)
);
$this->add_control(
'features_icon_color',
array(
'label' => __( 'Icon Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} .uael-price-table-features-list i' => 'color: {{VALUE}}',
'{{WRAPPER}} .uael-price-table-features-list svg' => 'fill: {{VALUE}}',
),
)
);
$this->add_control(
'features_list_color',
array(
'label' => __( 'Text Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'global' => array(
'default' => Global_Colors::COLOR_TEXT,
),
'selectors' => array(
'{{WRAPPER}} .uael-price-table-features-list' => 'color: {{VALUE}}',
),
)
);
$this->add_group_control(
Group_Control_Typography::get_type(),
array(
'name' => 'features_list_typography',
'selector' => '{{WRAPPER}} .uael-price-table-features-list li',
'global' => array(
'default' => Global_Typography::TYPOGRAPHY_TEXT,
),
)
);
$this->add_responsive_control(
'features_rows_padding',
array(
'label' => __( 'Item Padding', 'uael' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array( 'px', '%' ),
'selectors' => array(
'{{WRAPPER}} .uael-price-table-feature-content' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
)
);
$this->add_responsive_control(
'features_list_alignment',
array(
'label' => __( 'Alignment', 'uael' ),
'type' => Controls_Manager::CHOOSE,
'label_block' => false,
'options' => array(
'left' => array(
'title' => __( 'Left', 'uael' ),
'icon' => 'fa fa-align-left',
),
'center' => array(
'title' => __( 'Center', 'uael' ),
'icon' => 'fa fa-align-center',
),
'right' => array(
'title' => __( 'Right', 'uael' ),
'icon' => 'fa fa-align-right',
),
),
'selectors' => array(
'{{WRAPPER}} .uael-price-table-features-list' => 'text-align: {{VALUE}}',
),
)
);
$this->add_control(
'features_list_divider_heading',
array(
'label' => __( 'Divider', 'uael' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
'condition' => array(
'price_features_layout' => 'divider',
),
)
);
$this->add_control(
'features_list_borderbox',
array(
'label' => __( 'Box Layout', 'uael' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
'condition' => array(
'price_features_layout' => 'borderbox',
),
)
);
$this->add_control(
'divider_style',
array(
'label' => __( 'Style', 'uael' ),
'type' => Controls_Manager::SELECT,
'options' => array(
'solid' => __( 'Solid', 'uael' ),
'double' => __( 'Double', 'uael' ),
'dotted' => __( 'Dotted', 'uael' ),
'dashed' => __( 'Dashed', 'uael' ),
),
'condition' => array(
'price_features_layout' => array( 'divider', 'borderbox' ),
),
'default' => 'solid',
'selectors' => array(
'{{WRAPPER}}.uael-price-features-divider .uael-price-table-features-list li:before, {{WRAPPER}}.uael-price-features-borderbox .uael-price-table-features-list li:before, {{WRAPPER}}.uael-price-features-borderbox .uael-price-table-features-list li:after' => 'border-top-style: {{VALUE}};',
),
)
);
$this->add_control(
'divider_color',
array(
'label' => __( 'Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'default' => '#ddd',
'global' => array(
'default' => Global_Colors::COLOR_TEXT,
),
'condition' => array(
'price_features_layout' => array( 'divider', 'borderbox' ),
),
'selectors' => array(
'{{WRAPPER}} .uael-price-table-features-list li:before, {{WRAPPER}}.uael-price-features-borderbox .uael-price-table-features-list li:after' => 'border-top-color: {{VALUE}};',
),
)
);
$this->add_responsive_control(
'divider_weight',
array(
'label' => __( 'Weight', 'uael' ),
'type' => Controls_Manager::SLIDER,
'default' => array(
'size' => 1,
'unit' => 'px',
),
'range' => array(
'px' => array(
'min' => 1,
'max' => 20,
),
),
'condition' => array(
'price_features_layout' => array( 'divider', 'borderbox' ),
),
'selectors' => array(
'{{WRAPPER}} .uael-price-table-features-list li:before, {{WRAPPER}}.uael-price-features-borderbox .uael-price-table-features-list li:after' => 'border-top-width: {{SIZE}}{{UNIT}};',
),
)
);
$this->add_responsive_control(
'divider_width',
array(
'label' => __( 'Width', 'uael' ),
'type' => Controls_Manager::SLIDER,
'default' => array(
'size' => '60',
'unit' => 'px',
),
'condition' => array(
'price_features_layout' => 'divider',
),
'selectors' => array(
'{{WRAPPER}}.uael-price-features-divider .uael-price-table-features-list li:before' => 'margin-left: calc((100% - {{SIZE}}%)/2); margin-right: calc((100% - {{SIZE}}%)/2)',
),
)
);
$this->add_control(
'features_even_odd_fields',
array(
'label' => __( 'Stripped Layout', 'uael' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
'condition' => array(
'price_features_layout' => 'strips',
),
)
);
$this->start_controls_tabs( 'features_list_style' );
$this->start_controls_tab(
'features_even',
array(
'label' => __( 'Even', 'uael' ),
'condition' => array(
'price_features_layout' => 'strips',
),
)
);
$this->add_control(
'features_bg_color_even',
array(
'label' => __( 'Background Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'default' => '#FFFFFF',
'selectors' => array(
'{{WRAPPER}} .uael-price-table .uael-price-table-features-list li.even' => 'background-color: {{VALUE}}',
),
'condition' => array(
'price_features_layout' => 'strips',
),
)
);
$this->add_control(
'features_text_color_even',
array(
'label' => __( 'Text Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => array(
'{{WRAPPER}} .uael-price-table .uael-price-table-features-list li.even-tc' => 'color: {{VALUE}}',
),
'condition' => array(
'price_features_layout' => 'strips',
),
)
);
$this->end_controls_tab();
$this->start_controls_tab(
'tab_features_odd',
array(
'label' => __( 'Odd', 'uael' ),
'condition' => array(
'price_features_layout' => 'strips',
),
)
);
$this->add_control(
'table_features_bg_color_odd',
array(
'label' => __( 'Background Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'default' => '#eaeaea',
'selectors' => array(
'{{WRAPPER}} .uael-price-table .uael-price-table-features-list li.odd' => 'background-color: {{VALUE}}',
),
'condition' => array(
'price_features_layout' => 'strips',
),
)
);
$this->add_control(
'table_features_text_color_odd',
array(
'label' => __( 'Text Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => array(
'{{WRAPPER}} .uael-price-table .uael-price-table-features-list li.odd-tc' => 'color: {{VALUE}}',
),
'condition' => array(
'price_features_layout' => 'strips',
),
)
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->add_responsive_control(
'features_spacing',
array(
'label' => __( 'Item Spacing', 'uael' ),
'type' => Controls_Manager::SLIDER,
'range' => array(
'px' => array(
'min' => 0,
'max' => 50,
),
),
'default' => array(
'size' => '0',
'unit' => 'px',
),
'selectors' => array(
'{{WRAPPER}} .uael-price-table .uael-price-table-features-list li:not(:last-child)' => 'margin-bottom: {{SIZE}}{{UNIT}};',
),
'condition' => array(
'price_features_layout' => 'strips',
),
)
);
$this->end_controls_section();
}
/**
* Register Hotspot General Controls.
*
* @since 1.27.1
* @access protected
*/
protected function register_tooltip_style_controls() {
$this->start_controls_section(
'section_tooltip_style',
array(
'label' => __( 'Tooltip', 'uael' ),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => array(
'features_tooltip_data' => 'yes',
),
)
);
$this->add_control(
'uael_tooltip_align',
array(
'label' => __( 'Text Alignment', 'uael' ),
'type' => Controls_Manager::CHOOSE,
'options' => array(
'left' => array(
'title' => __( 'Left', 'uael' ),
'icon' => 'fa fa-align-left',
),
'center' => array(
'title' => __( 'Center', 'uael' ),
'icon' => 'fa fa-align-center',
),
'right' => array(
'title' => __( 'Right', 'uael' ),
'icon' => 'fa fa-align-right',
),
),
'selectors' => array(
'.tooltipster-sidetip.uael-price-table-wrap-{{ID}}.uael-price-table-tooltip .tooltipster-content' => 'text-align: {{VALUE}};',
),
)
);
$this->add_group_control(
Group_Control_Typography::get_type(),
array(
'name' => 'uael_tooltip_typography',
'label' => __( 'Typography', 'uael' ),
'selector' => '.tooltipster-sidetip.uael-price-table-wrap-{{ID}}.uael-price-table-tooltip .tooltipster-content',
)
);
$this->add_control(
'uael_tooltip_color',
array(
'label' => __( 'Text Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => array(
'.tooltipster-sidetip.uael-price-table-wrap-{{ID}}.uael-tooltipster-active.uael-price-table-tooltip .tooltipster-content' => 'color: {{VALUE}};',
),
)
);
$this->add_control(
'uael_tooltip_bgcolor',
array(
'label' => __( 'Background Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => array(
'.tooltipster-sidetip.uael-price-table-wrap-{{ID}}.uael-tooltipster-active.uael-price-table-tooltip .tooltipster-box' => 'background-color: {{VALUE}};',
'.tooltipster-sidetip.uael-price-table-wrap-{{ID}}.uael-price-table-tooltip.tooltipster-noir.tooltipster-bottom .tooltipster-arrow-background' => 'border-bottom-color: {{VALUE}};',
'.tooltipster-sidetip.uael-price-table-wrap-{{ID}}.uael-price-table-tooltip.tooltipster-noir.tooltipster-left .tooltipster-arrow-background' => 'border-left-color: {{VALUE}};',
'.tooltipster-sidetip.uael-price-table-wrap-{{ID}}.uael-price-table-tooltip.tooltipster-noir.tooltipster-right .tooltipster-arrow-background' => 'border-right-color: {{VALUE}};',
'.tooltipster-sidetip.uael-price-table-wrap-{{ID}}.uael-price-table-tooltip.tooltipster-noir.tooltipster-top .tooltipster-arrow-background' => 'border-top-color: {{VALUE}};',
),
)
);
$this->add_responsive_control(
'uael_tooltip_padding',
array(
'label' => __( 'Padding', 'uael' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array( 'px' ),
'default' => array(
'top' => '20',
'bottom' => '20',
'left' => '20',
'right' => '20',
'unit' => 'px',
),
'selectors' => array(
'.tooltipster-sidetip.uael-price-table-wrap-{{ID}}.uael-price-table-tooltip .tooltipster-content' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
)
);
$this->add_responsive_control(
'uael_tooltip_radius',
array(
'label' => __( 'Rounded Corners', 'uael' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array( 'px', 'em', '%' ),
'default' => array(
'top' => '10',
'bottom' => '10',
'left' => '10',
'right' => '10',
'unit' => 'px',
),
'selectors' => array(
'.tooltipster-sidetip.uael-price-table-wrap-{{ID}}.uael-price-table-tooltip .tooltipster-box' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
)
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
array(
'name' => 'uael_tooltip_shadow',
'selector' => '.tooltipster-sidetip.uael-price-table-wrap-{{ID}}.uael-price-table-tooltip .tooltipster-box',
'separator' => '',
)
);
$this->end_controls_section();
}
/**
* Register Price Table CTA style Controls.
*
* @since 0.0.1
* @access protected
*/
protected function register_cta_style_controls() {
$this->start_controls_section(
'section_footer_style',
array(
'label' => __( 'Call To Action', 'uael' ),
'tab' => Controls_Manager::TAB_STYLE,
'show_label' => false,
)
);
$this->add_control(
'footer_bg_color',
array(
'label' => __( 'Background Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} .uael-price-table-cta' => 'background-color: {{VALUE}}',
),
)
);
$this->add_responsive_control(
'footer_padding',
array(
'label' => __( 'Padding', 'uael' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array( 'px', '%', 'em' ),
'selectors' => array(
'{{WRAPPER}} .uael-price-table-cta' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
)
);
$this->add_control(
'heading_footer_link',
array(
'label' => __( 'Link', 'uael' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
'condition' => array(
'price_cta_type' => 'link',
),
)
);
$this->add_control(
'link_text_color',
array(
'label' => __( 'Text Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'global' => array(
'default' => Global_Colors::COLOR_ACCENT,
),
'selectors' => array(
'{{WRAPPER}} a.uael-pricebox-cta-link' => 'color: {{VALUE}};',
),
'condition' => array(
'price_cta_type' => 'link',
),
)
);
$this->add_group_control(
Group_Control_Typography::get_type(),
array(
'name' => 'link_typography',
'selector' => '{{WRAPPER}} a.uael-pricebox-cta-link',
'global' => array(
'default' => Global_Typography::TYPOGRAPHY_ACCENT,
),
'condition' => array(
'price_cta_type' => 'link',
),
)
);
$this->add_control(
'heading_footer_button',
array(
'label' => __( 'Button', 'uael' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
'condition' => array(
'price_cta_type' => 'button',
),
)
);
$this->add_group_control(
Group_Control_Typography::get_type(),
array(
'name' => 'button_typography',
'selector' => '{{WRAPPER}} .elementor-button, {{WRAPPER}} a.elementor-button',
'global' => array(
'default' => Global_Typography::TYPOGRAPHY_ACCENT,
),
'condition' => array(
'price_cta_type' => 'button',
),
)
);
$this->add_control(
'button_size',
array(
'label' => __( 'Size', 'uael' ),
'type' => Controls_Manager::SELECT,
'default' => 'md',
'options' => array(
'xs' => __( 'Extra Small', 'uael' ),
'sm' => __( 'Small', 'uael' ),
'md' => __( 'Medium', 'uael' ),
'lg' => __( 'Large', 'uael' ),
'xl' => __( 'Extra Large', 'uael' ),
),
'condition' => array(
'price_cta_type' => 'button',
),
)
);
$this->add_responsive_control(
'button_custom_padding',
array(
'label' => __( 'Padding', 'uael' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array( 'px', 'em', '%' ),
'selectors' => array(
'{{WRAPPER}} a.elementor-button, {{WRAPPER}} .elementor-button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
'condition' => array(
'price_cta_type' => 'button',
),
'separator' => 'after',
)
);
$this->start_controls_tabs( 'tabs_button_style' );
$this->start_controls_tab(
'tab_button_normal',
array(
'label' => __( 'Normal', 'uael' ),
'condition' => array(
'price_cta_type' => 'button',
),
)
);
$this->add_control(
'cta_text_color',
array(
'label' => __( 'Text Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => array(
'{{WRAPPER}} a.elementor-button, {{WRAPPER}} .elementor-button' => 'color: {{VALUE}};',
'{{WRAPPER}} .elementor-button' => 'border-color: {{VALUE}};',
'{{WRAPPER}} a.elementor-button .elementor-button-icon svg, {{WRAPPER}} .elementor-button-icon svg' => 'fill: {{VALUE}};',
),
'condition' => array(
'price_cta_type' => 'button',
),
)
);
$this->add_control(
'button_background_color',
array(
'label' => __( 'Background Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'global' => array(
'default' => Global_Colors::COLOR_ACCENT,
),
'selectors' => array(
'{{WRAPPER}} .elementor-button' => 'background-color: {{VALUE}};',
),
'condition' => array(
'price_cta_type' => 'button',
),
)
);
$this->add_control(
'button_border',
array(
'label' => __( 'Border Style', 'uael' ),
'type' => Controls_Manager::SELECT,
'default' => 'none',
'label_block' => false,
'options' => array(
'default' => __( 'Default', 'uael' ),
'none' => __( 'None', 'uael' ),
'solid' => __( 'Solid', 'uael' ),
'double' => __( 'Double', 'uael' ),
'dotted' => __( 'Dotted', 'uael' ),
'dashed' => __( 'Dashed', 'uael' ),
),
'condition' => array(
'price_cta_type' => 'button',
),
'selectors' => array(
'{{WRAPPER}} .elementor-button' => 'border-style: {{VALUE}};',
),
)
);
$this->add_control(
'button_border_size',
array(
'label' => __( 'Border Width', 'uael' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array( 'px' ),
'default' => array(
'top' => '1',
'bottom' => '1',
'left' => '1',
'right' => '1',
'unit' => 'px',
),
'condition' => array(
'price_cta_type' => 'button',
'button_border!' => array( 'none', 'default' ),
),
'selectors' => array(
'{{WRAPPER}} .uael-price-table .elementor-button' => 'border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
)
);
$this->add_control(
'button_border_color',
array(
'label' => __( 'Border Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'condition' => array(
'price_cta_type' => 'button',
'button_border!' => array( 'none', 'default' ),
),
'default' => '',
'selectors' => array(
'{{WRAPPER}} .uael-price-table .elementor-button' => 'border-color: {{VALUE}};',
),
)
);
$this->add_responsive_control(
'button_border_radius',
array(
'label' => __( 'Border Radius', 'uael' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array( 'px', '%' ),
'selectors' => array(
'{{WRAPPER}} .elementor-button' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
'condition' => array(
'price_cta_type' => 'button',
),
)
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
array(
'name' => 'button_box_shadow',
'label' => __( 'Button Shadow', 'uael' ),
'condition' => array(
'price_cta_type' => 'button',
),
'selector' => '{{WRAPPER}} .elementor-button',
)
);
$this->end_controls_tab();
$this->start_controls_tab(
'tab_button_hover',
array(
'label' => __( 'Hover', 'uael' ),
'condition' => array(
'price_cta_type' => 'button',
),
)
);
$this->add_control(
'button_hover_color',
array(
'label' => __( 'Text Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} a.elementor-button:hover, {{WRAPPER}} .elementor-button:hover' => 'color: {{VALUE}};',
),
'condition' => array(
'price_cta_type' => 'button',
),
)
);
$this->add_control(
'button_background_hover_color',
array(
'label' => __( 'Background Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} .elementor-button:hover' => 'background-color: {{VALUE}};',
),
'condition' => array(
'price_cta_type' => 'button',
),
)
);
$this->add_control(
'button_hover_border_color',
array(
'label' => __( 'Border Hover Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} .elementor-button:hover' => 'border-color: {{VALUE}};',
),
'condition' => array(
'price_cta_type' => 'button',
'button_border!' => array( 'none', 'default' ),
),
)
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
array(
'name' => 'button_hover_box_shadow',
'label' => __( 'Hover Shadow', 'uael' ),
'selector' => '{{WRAPPER}} .elementor-button:hover',
'separator' => 'before',
'condition' => array(
'price_cta_type' => 'button',
),
)
);
$this->add_control(
'button_hover_animation',
array(
'label' => __( 'Animation', 'uael' ),
'type' => Controls_Manager::HOVER_ANIMATION,
'condition' => array(
'price_cta_type' => 'button',
),
)
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->add_control(
'heading_additional_info',
array(
'label' => __( 'Disclaimer Text', 'uael' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
'condition' => array(
'footer_additional_info!' => '',
'show_footer_additional_info' => 'yes',
),
)
);
$this->add_control(
'additional_info_color',
array(
'label' => __( 'Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'global' => array(
'default' => Global_Colors::COLOR_TEXT,
),
'selectors' => array(
'{{WRAPPER}} .uael-price-table-disclaimer' => 'color: {{VALUE}}',
),
'condition' => array(
'footer_additional_info!' => '',
'show_footer_additional_info' => 'yes',
),
)
);
$this->add_group_control(
Group_Control_Typography::get_type(),
array(
'name' => 'additional_info_typography',
'selector' => '{{WRAPPER}} .uael-price-table-disclaimer',
'global' => array(
'default' => Global_Typography::TYPOGRAPHY_TEXT,
),
'condition' => array(
'footer_additional_info!' => '',
'show_footer_additional_info' => 'yes',
),
)
);
$this->add_control(
'additional_info_margin',
array(
'label' => __( 'Margin', 'uael' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array( 'px', '%', 'em' ),
'default' => array(
'top' => 20,
'right' => 20,
'bottom' => 20,
'left' => 20,
'unit' => 'px',
),
'selectors' => array(
'{{WRAPPER}} .uael-price-table-disclaimer' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}',
),
'condition' => array(
'footer_additional_info!' => '',
'show_footer_additional_info' => 'yes',
),
)
);
$this->end_controls_section();
}
/**
* Register Price Table Ribbon Style Controls.
*
* @since 0.0.1
* @access protected
*/
protected function register_ribbon_style_controls() {
$this->start_controls_section(
'section_ribbon_style',
array(
'label' => __( 'Ribbon', 'uael' ),
'tab' => Controls_Manager::TAB_STYLE,
'show_label' => false,
'condition' => array(
'show_ribbon!' => 'none',
),
)
);
$this->add_control(
'ribbon_bg_color',
array(
'label' => __( 'Background Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'global' => array(
'default' => Global_Colors::COLOR_ACCENT,
),
'selectors' => array(
'{{WRAPPER}} .uael-price-table-ribbon-content' => 'background-color: {{VALUE}}',
'{{WRAPPER}} .uael-price-table-ribbon-3 .uael-price-table-ribbon-content:before' => 'border-left: 8px solid {{VALUE}};',
),
)
);
$this->add_responsive_control(
'ribbon_padding',
array(
'label' => __( 'Padding', 'uael' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array( 'px', '%', 'em' ),
'selectors' => array(
'{{WRAPPER}} .uael-price-table-ribbon-3 .uael-price-table-ribbon-content' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
'separator' => 'after',
'condition' => array(
'show_ribbon' => '3',
),
)
);
$this->add_control(
'ribbon_text_color',
array(
'label' => __( 'Text Color', 'uael' ),
'type' => Controls_Manager::COLOR,
'default' => '#ffffff',
'selectors' => array(
'{{WRAPPER}} .uael-price-table-ribbon-content' => 'color: {{VALUE}}',
),
)
);
$this->add_group_control(
Group_Control_Typography::get_type(),
array(
'name' => 'ribbon_typography',
'selector' => '{{WRAPPER}} .uael-price-table-ribbon-content',
'global' => array(
'default' => Global_Typography::TYPOGRAPHY_ACCENT,
),
)
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
array(
'name' => 'box_shadow',
'selector' => '{{WRAPPER}} .uael-price-table-ribbon-content',
)
);
$this->end_controls_section();
}
/**
* Helpful Information.
*
* @since 1.1.0
* @access protected
*/
protected function register_helpful_information() {
if ( parent::is_internal_links() ) {
$this->start_controls_section(
'section_helpful_info',
array(
'label' => __( 'Helpful Information', 'uael' ),
)
);
$this->add_control(
'help_doc_1',
array(
'type' => Controls_Manager::RAW_HTML,
/* translators: %1$s doc link */
'raw' => sprintf( __( '%1$s Getting started article » %2$s', 'uael' ), '', '' ),
'content_classes' => 'uael-editor-doc',
)
);
$this->add_control(
'help_doc_7',
array(
'type' => Controls_Manager::RAW_HTML,
/* translators: %1$s doc link */
'raw' => sprintf( __( '%1$s Getting started video » %2$s', 'uael' ), '', '' ),
'content_classes' => 'uael-editor-doc',
)
);
$this->add_control(
'help_doc_2',
array(
'type' => Controls_Manager::RAW_HTML,
/* translators: %1$s doc link */
'raw' => sprintf( __( '%1$s Price Box styles » %2$s', 'uael' ), '', '' ),
'content_classes' => 'uael-editor-doc',
)
);
$this->add_control(
'help_doc_3',
array(
'type' => Controls_Manager::RAW_HTML,
/* translators: %1$s doc link */
'raw' => sprintf( __( '%1$s Price value & Currency styling » %2$s', 'uael' ), '', '' ),
'content_classes' => 'uael-editor-doc',
)
);
$this->add_control(
'help_doc_4',
array(
'type' => Controls_Manager::RAW_HTML,
/* translators: %1$s doc link */
'raw' => sprintf( __( '%1$s Content / Features area styling » %2$s', 'uael' ), '', '' ),
'content_classes' => 'uael-editor-doc',
)
);
$this->add_control(
'help_doc_5',
array(
'type' => Controls_Manager::RAW_HTML,
/* translators: %1$s doc link */
'raw' => sprintf( __( '%1$s Ribbon styles » %2$s', 'uael' ), '', '' ),
'content_classes' => 'uael-editor-doc',
)
);
$this->add_control(
'help_doc_6',
array(
'type' => Controls_Manager::RAW_HTML,
/* translators: %1$s doc link */
'raw' => sprintf( __( '%1$s Hover Animation effects » %2$s', 'uael' ), '', '' ),
'content_classes' => 'uael-editor-doc',
)
);
$this->end_controls_section();
}
}
/**
* Get Data Attributes.
*
* @since 1.27.1
* @param array $settings The settings array.
* @param boolean $device specifies mobile devices.
* @return string Data Attributes
* @access public
*/
public function get_data_attrs( $settings, $device ) {
$marker_length = count( $settings['features_list'] );
$side = $settings['position'];
$trigger = '';
$arrow = $settings['arrow'];
$animation = $settings['tooltip_anim'];
$zindex = ( 'yes' === $settings['hotspot_tooltip_adv'] ) ? $settings['zindex'] : 99;
$delay = 300;
$anim_duration = ( 'yes' === $settings['hotspot_tooltip_adv'] ) ? $settings['anim_duration']['size'] : 350;
$distance = ( isset( $settings['distance']['size'] ) && '' !== $settings['distance']['size'] ) ? $settings['distance']['size'] : 6;
$maxwidth = 250;
$minwidth = 0;
if ( true === $device ) {
$trigger = 'click';
} else {
$trigger = $settings['trigger'];
}
$maxwidth = apply_filters( 'uael_tooltip_maxwidth', $maxwidth, $settings );
$minwidth = apply_filters( 'uael_tooltip_minwidth', $minwidth, $settings );
$responsive = $settings['responsive_support'];
$enable_tooltip = $settings['features_tooltip_data'];
$data_attr = 'data-side="' . $side . '" ';
$data_attr .= 'data-hotspottrigger="' . $trigger . '" ';
$data_attr .= 'data-arrow="' . $arrow . '" ';
$data_attr .= 'data-distance="' . $distance . '" ';
$data_attr .= 'data-delay="' . $delay . '" ';
$data_attr .= 'data-animation="' . $animation . '" ';
$data_attr .= 'data-animduration="' . $anim_duration . '" ';
$data_attr .= 'data-zindex="' . $zindex . '" ';
$data_attr .= 'data-length="' . $marker_length . '" ';
$data_attr .= 'data-tooltip-maxwidth="' . $maxwidth . '" ';
$data_attr .= 'data-tooltip-minwidth="' . $minwidth . '" ';
$data_attr .= 'data-tooltip-responsive="' . $responsive . '" ';
$data_attr .= 'data-enable-tooltip="' . $enable_tooltip . '" ';
return $data_attr;
}
/**
* Method render_button_icon
*
* @since 1.16.1
* @access public
* @param object $settings for settings.
* @param string $position for before/after icon.
*/
public function render_button_icon( $settings, $position ) {
$this->add_render_attribute( 'button_icon', 'class', 'elementor-button-icon uael-cta-link-icon uael-cta-link-icon-' . $position );
if ( UAEL_Helper::is_elementor_updated() ) {
$cta_migrated = isset( $settings['__fa4_migrated']['new_cta_icon'] );
$cta_is_new = empty( $settings['cta_icon'] );
if ( ! empty( $settings['cta_icon'] ) || ! empty( $settings['new_cta_icon']['value'] ) ) {
?>
get_render_attribute_string( 'button_icon' ) ); ?>>
'true' ) );
} else {
?>
get_render_attribute_string( 'button_icon' ) ); ?>>
add_render_attribute( 'cta_link', 'class', 'uael-pricebox-cta-link' );
$this->add_link_attributes( 'cta_link', $settings['link'] );
}
?>
get_render_attribute_string( 'cta_link' ),
array(
'a' => array(
'href' => array(),
'title' => array(),
'target' => array(),
'rel' => array(),
'class' => array(),
'id' => array(),
'style' => array(),
'data-*' => array(), // Allow data attributes.
),
)
);
?>
>
render_button_icon( $settings, 'before' ); ?>
render_button_icon( $settings, 'after' );
}
?>
add_render_attribute( 'wrapper', 'class', 'uael-button-wrapper elementor-widget-button' );
if ( ! empty( $settings['link']['url'] ) ) {
$this->add_render_attribute( 'button', 'class', 'elementor-button-link' );
$this->add_link_attributes( 'button', $settings['link'] );
}
$this->add_render_attribute( 'button', 'class', ' elementor-button' );
if ( ! empty( $settings['button_size'] ) ) {
$this->add_render_attribute( 'button', 'class', 'elementor-size-' . esc_attr( $settings['button_size'] ) );
}
if ( ! empty( $settings['button_hover_animation'] ) ) {
$this->add_render_attribute( 'button', 'class', 'elementor-animation-' . esc_attr( $settings['button_hover_animation'] ) );
}
?>
'$',
'franc' => '₣',
'euro' => '€',
'ruble' => '₽',
'pound' => '£',
'indian_rupee' => '₹',
'baht' => '฿',
'shekel' => '₪',
'yen' => '¥',
'guilder' => 'ƒ',
'won' => '₩',
'peso' => '₱',
'lira' => '₤',
'peseta' => '₧',
'rupee' => '₨',
'real' => 'R$',
'krona' => 'kr',
);
return isset( $symbols[ $symbol_name ] ) ? $symbols[ $symbol_name ] : '';
}
/**
* Method render_heading_text
*
* @since 0.0.1
* @access public
* @param object $settings for settings.
*/
public function render_heading_text( $settings ) {
if ( $settings['heading'] ) :
if ( ! empty( $settings['heading'] ) ) :
$heading_size_tag = UAEL_Helper::validate_html_tag( $settings['heading_tag'] );
?>
< class="uael-price-table-heading elementor-inline-editing" data-elementor-setting-key="heading" data-elementor-inline-editing-toolbar="basic">
>
'true' ) );
?>
< class="uael-price-table-subheading elementor-inline-editing" data-elementor-setting-key="sub_heading_style2" data-elementor-inline-editing-toolbar="basic">
>
< class="uael-price-table-subheading elementor-inline-editing" data-elementor-setting-key="sub_heading" data-elementor-inline-editing-toolbar="basic">
>
get_id();
if ( ! empty( $settings['currency_symbol'] ) ) {
if ( 'custom' !== $settings['currency_symbol'] ) {
$symbol = $this->get_currency_symbol( $settings['currency_symbol'] );
} else {
$symbol = $settings['currency_symbol_custom'];
}
}
$currency_format = empty( $settings['currency_format'] ) ? '.' : $settings['currency_format'];
$price = explode( $currency_format, $settings['price'] );
$intvalue = $price[0];
$fraction = '';
if ( 2 === count( $price ) ) {
$fraction = $price[1];
}
$duration_position = $settings['duration_position'];
$duration_element = '' . wp_kses_post( $settings['duration'] ) . '';
$this->add_render_attribute(
'strike_tooltip_data_attr',
array(
'data-strike-tooltip' => $settings['original_price_tooltip'],
'data-strike-tooltip-position' => apply_filters( 'uael_pricebox_original_price_tooltip_position', $settings['original_price_tooltip_position'] ),
'data-strike-tooltip-hide' => $settings['original_price_tooltip_hide'],
)
);
?>
get_render_attribute_string( 'strike_tooltip_data_attr' ) ); ?>>
'true',
'data-tooltip-content' => '#uael-strike-tooltip-content-' . $node_id,
'class' => 'uael-strike-tooltip',
)
);
?>
get_id();
$device = false;
$iphone = ( isset( $_SERVER['HTTP_USER_AGENT'] ) && false !== ( stripos( sanitize_text_field( wp_unslash( $_SERVER['HTTP_USER_AGENT'] ) ), 'iPhone' ) ) ? true : false ); // phpcs:ignore WordPressVIPMinimum.Variables.RestrictedVariables.cache_constraints___SERVER__HTTP_USER_AGENT__
$ipad = ( isset( $_SERVER['HTTP_USER_AGENT'] ) && false !== ( stripos( sanitize_text_field( wp_unslash( $_SERVER['HTTP_USER_AGENT'] ) ), 'iPad' ) ) ? true : false ); // phpcs:ignore WordPressVIPMinimum.Variables.RestrictedVariables.cache_constraints___SERVER__HTTP_USER_AGENT__
$android = ( isset( $_SERVER['HTTP_USER_AGENT'] ) && false !== ( stripos( sanitize_text_field( wp_unslash( $_SERVER['HTTP_USER_AGENT'] ) ), 'Android' ) ) ? true : false ); // phpcs:ignore WordPressVIPMinimum.Variables.RestrictedVariables.cache_constraints___SERVER__HTTP_USER_AGENT__
if ( $iphone || $ipad || $android ) {
$device = true;
}
?>
render_button( $settings ); ?>
get_render_attribute_string( 'ribbon-wrapper' ) ); ?>>
{{{ headingIconsHTML.value }}}
<#
}
}
function render_heading_tag( sizetag ) {
if ( typeof elementor.helpers.validateHTMLTag === "function" ) {
sizetag = elementor.helpers.validateHTMLTag( sizetag );
} else if( UAEWidgetsData.allowed_tags ) {
sizetag = UAEWidgetsData.allowed_tags.includes( sizetag.toLowerCase() ) ? sizetag : 'div';
}
return sizetag;
}
function render_heading_text() {
if ( settings.heading ) {
if ( '' != settings.heading ) {
var headingSizeTag = render_heading_tag( settings.heading_tag );
var heading_title = elementor.helpers.sanitize( settings.heading );
#>
<{{ headingSizeTag }} class="uael-price-table-heading elementor-inline-editing" data-elementor-setting-key="heading" data-elementor-inline-editing-toolbar="basic"> {{ heading_title }}
<#
}
}
}
function render_subheading_text() {
if ( ( 'yes' == settings.show_sub_heading && '' != settings.sub_heading ) || ( '2' == settings.pricetable_style && '' != settings.sub_heading_style2 ) ) {
#>
<# if ( '2' == settings.pricetable_style ) {
var subHeadingSizeTag2 = render_heading_tag( settings.sub_heading_tag_style2 );
#>
<{{ subHeadingSizeTag2 }} class="uael-price-table-subheading elementor-inline-editing" data-elementor-setting-key="sub_heading_style2" data-elementor-inline-editing-toolbar="basic">
{{ elementor.helpers.sanitize( settings.sub_heading_style2 ) }}
<# } else {
var subHeadingSizeTag = render_heading_tag( settings.sub_heading_tag );
#>
<{{ subHeadingSizeTag }} class="uael-price-table-subheading elementor-inline-editing" data-elementor-setting-key="sub_heading" data-elementor-inline-editing-toolbar="basic">
{{ elementor.helpers.sanitize( settings.sub_heading ) }}
<# } #>
<#
}
}
function render_style_header() {
if ( '2' == settings.pricetable_style ) {
if ( settings.heading ) {
var headingSizeTag = render_heading_tag( settings.heading_tag );
#>
<#
}
} else {
if ( settings.heading || ( 'yes' == settings.show_sub_heading && settings.sub_heading ) ) {
#>
<#
}
}
}
function render_price() {
var symbol = '';
var symbols = {
dollar: '$',
euro: '€',
franc: '₣',
pound: '£',
ruble: '₽',
shekel: '₪',
baht: '฿',
yen: '¥',
won: '₩',
guilder: 'ƒ',
peso: '₱',
peseta: '₧',
lira: '₤',
rupee: '₨',
indian_rupee: '₹',
real: 'R$',
krona: 'kr'
};
if ( settings.currency_symbol ) {
if ( 'custom' !== settings.currency_symbol ) {
symbol = symbols[ settings.currency_symbol ] || '';
} else {
symbol = settings.currency_symbol_custom;
}
}
var currencyFormat = settings.currency_format || '.',
table_price = settings.price.toString(),
price = table_price.split( currencyFormat ),
intvalue = price[0],
fraction = price[1];
var durationText = '' + settings.duration + '';
view.addRenderAttribute(
'strike_tooltip_data_attr',
{
'data-strike-tooltip' : settings.original_price_tooltip,
'data-strike-tooltip-position' : settings.original_price_tooltip_position,
'data-strike-tooltip-hide' : settings.original_price_tooltip_hide,
}
);
#>
<# if( 'top' === settings.original_price_position && settings.sale && settings.original_price) { #>
{{{ symbol + settings.original_price }}}
<# } #>
<# if ( 'yes' === settings.original_price_tooltip && 'top' === settings.original_price_position && settings.sale && settings.original_price ) { #>
<# var strikeTooltipIconHTML = elementor.helpers.renderIcon( view, settings.original_price_tooltip_icon, { 'aria-hidden': true, 'data-tooltip-content': '#uael-strike-tooltip-content-' + view.$el.data('id') + '', 'class': 'uael-strike-tooltip' }, 'i' , 'object' ); #>
{{{ strikeTooltipIconHTML.value }}}
{{ settings.original_price_tooltip_content }}
<# } #>
<# if ( 'top' !== settings.original_price_position && settings.sale && settings.original_price ) { #>
{{{ symbol + settings.original_price }}}
<# } #>
<# if ( '' != symbol && ',' != settings.currency_format) { #>
{{{ symbol }}}
<# } #>
<# if ( '' != intvalue ) { #>
<# if ( '' != symbol && ',' == settings.currency_format) { #>
{{{ symbol }}}
<# } #>
{{ intvalue }}
<# } #>
<# if ( '' != fraction ) { #>
{{ fraction }}
<# } #>
<# if ( settings.duration && 'beside' === settings.duration_position && '3' != settings.pricetable_style ) { #>
{{{ durationText }}}
<# } #>
<# if ( settings.duration ) { #>
<# if ( '3' === settings.pricetable_style || 'below' === settings.duration_position ) { #>
{{{ durationText }}}
<# } #>
<# } #>
<#
}
function render_features() {
var iconsHTML = {};
var param = data_attributes();
var node_id = view.$el.data('id');
if ( settings.features_list ) { #>
<# _.each( settings.features_list, function( item, index ) {
var node_class = ( '' != item.tooltip_content ) ? 'uael-price-table-feature-content uael-price-table-content-' + node_id : 'uael-price-table-feature-content';
var li_class = 'elementor-repeater-item-' + item._id;
li_class += (0 === index % 2) ? ' odd' : ' even';
var text_color_class = (0 === index % 2) ? 'odd-tc' : 'even-tc';
#>
-
<# if ( item.item_icon || item.new_item_icon ) { #>
<#
iconsHTML[ index ] = elementor.helpers.renderIcon( view, item.new_item_icon, { 'aria-hidden': true }, 'i' , 'object' );
migrated = elementor.helpers.isIconMigrated( item, 'new_item_icon' ); #>
<# if ( ( ! item.item_icon || migrated ) && iconsHTML[ index ] && iconsHTML[ index ].rendered ) { #>
{{{ iconsHTML[ index ].value }}}
<# } else if( '' !== item.item_icon ) { #>
<# } #>
<# } #>
<# if ( ! _.isEmpty( item.item_text.trim() ) ) { #>
{{ item.item_text }}
<# } else { #>
<# } #>
<# if ( 'yes' == settings.features_tooltip_data && '' != item.tooltip_content ) { #>
{{ item.tooltip_content }}
<# } #>
<# } ); #>
<# }
}
function render_cta_icon( position ) {
view.addRenderAttribute( 'button_icon', 'class', 'elementor-button-icon uael-cta-link-icon uael-cta-link-icon-' + position ); #>
<# if ( settings.cta_icon || ( settings.new_cta_icon && settings.new_cta_icon.value ) ) { #>
<#
var cta_iconHTML = elementor.helpers.renderIcon( view, settings.new_cta_icon, { 'aria-hidden': true }, 'i' , 'object' );
var cta_migrated = elementor.helpers.isIconMigrated( settings, 'new_cta_icon' );
#>
<# if ( cta_iconHTML && cta_iconHTML.rendered && ( ! settings.cta_icon || cta_migrated ) ) {
#>
{{{ cta_iconHTML.value }}}
<# } else { #>
<# } #>
<# } #>
<# }
function render_cta() {
if ( 'none' != settings.price_cta_type || ( 'yes' == settings.show_footer_additional_info && '' != settings.footer_additional_info ) ) {
if ( settings.cta_text || settings.cta_icon || settings.new_cta_icon || ( 'yes' == settings.show_footer_additional_info && settings.footer_additional_info ) ) { #>
<#
if( 'none' != settings.price_cta_type ) {
if( 'link' == settings.price_cta_type ) {
if ( '' != settings.link.url ) {
var urlPattern = /^(https?|ftp):\/\/[^\s/$.?#].[^\s]*$|^www\.[^\s/$.?#].[^\s]*$/;
var cta_link_url = _.escape( settings.link.url );
if ( urlPattern.test( cta_link_url ) ){
view.addRenderAttribute( 'cta_link', 'href', cta_link_url );
}
view.addRenderAttribute( 'cta_link', 'class', 'uael-pricebox-cta-link' );
}
#>
<#
if ( 'left' == settings.cta_icon_position ) {
#>
<# render_cta_icon( 'before' ); #>
<# } #>
<#
if ( '' != settings.cta_text ) {
#>
{{ elementor.helpers.sanitize( settings.cta_text ) }}
<# } #>
<#
if ( 'right' == settings.cta_icon_position ) {
#>
<# render_cta_icon( 'after' ); #>
<# } #>
<#
}
if( 'button' == settings.price_cta_type ) {
view.addRenderAttribute( 'wrapper', 'class', 'uael-button-wrapper elementor-widget-button ' );
if ( '' != settings.link.url ) {
var urlPattern = /^(https?|ftp):\/\/[^\s/$.?#].[^\s]*$|^www\.[^\s/$.?#].[^\s]*$/;
var btn_link_url = _.escape( settings.link.url );
if ( urlPattern.test( btn_link_url ) ){
view.addRenderAttribute( 'button', 'href', btn_link_url );
}
view.addRenderAttribute( 'button', 'class', 'elementor-button-link' );
}
view.addRenderAttribute( 'button', 'class', 'elementor-button' );
if ( '' != settings.button_size ) {
view.addRenderAttribute( 'button', 'class', 'elementor-size-' + settings.button_size );
}
if ( settings.button_hover_animation ) {
view.addRenderAttribute( 'button', 'class', 'elementor-animation-' + settings.button_hover_animation );
}
#>
<# } #>
<# } #>
<# if ( 'yes' == settings.show_footer_additional_info && settings.footer_additional_info ) { #>
{{ elementor.helpers.sanitize( settings.footer_additional_info ) }}
<# } #>
{{ elementor.helpers.sanitize( settings.ribbon_title ) }}
<# }
}
}
#>
<#
if ( '1' == settings.pricetable_style ) { #>
<# render_style_header(); #>
<# render_price(); #>
<# render_features(); #>
<# render_cta(); #>
<# render_ribbon(); #>
<# } else if ( '2' == settings.pricetable_style ) { #>
<# render_style_header(); #>
<# render_price(); #>
<# render_subheading_text(); #>
<# render_cta(); #>
<# render_separator(); #>
<# render_features(); #>
<# render_ribbon(); #>
<# } else if ( '3' == settings.pricetable_style ) { #>
<# render_style_header(); #>
<# render_price(); #>
<# render_features(); #>
<# render_cta(); #>
<# render_ribbon(); #>
<# } else if( '4' == settings.pricetable_style ) { #>
<# render_style_header(); #>
<# render_features(); #>
<# render_price(); #>
<# render_cta(); #>
<# render_ribbon(); #>
<# }
#>