start_controls_section(
'gen_section',
[
'label' => __( 'Price Header', 'uae' ),
'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
]
);
$this->add_control(
'style',
[
'label' => __( 'Select Layout', 'uae' ),
'type' => \Elementor\Controls_Manager::SELECT,
'description' => 'See Demo 3 More Effects on Pro Version',
'options' => [
'design1' => esc_html__('Design 1', 'uae'),
'mega-price-table-2' => esc_html__('Design 2', 'uae'),
'mega-price-table-3' => esc_html__('Design 3', 'uae'),
'mega-price-table-4' => esc_html__('Design 4', 'uae'),
'mega-price-table-5' => esc_html__('Design 5', 'uae'),
],
'default' => 'design1',
]
);
$this->add_control(
'price_title',
[
'label' => __( 'Price Title', 'uae' ),
'type' => \Elementor\Controls_Manager::TEXT,
'default' => 'Price Title',
]
);
$this->add_control(
'price_sign',
[
'label' => __( 'Currency sign', 'uae' ),
'type' => \Elementor\Controls_Manager::TEXT,
'default' => '€',
]
);
$this->add_control(
'price_value',
[
'label' => __( 'Price Amount', 'uae' ),
'type' => \Elementor\Controls_Manager::NUMBER,
'default' => '299',
]
);
$this->add_control(
'price_plan',
[
'label' => __( 'Price Plan', 'uae' ),
'type' => \Elementor\Controls_Manager::TEXT,
'default' => 'per month',
]
);
$this->add_control(
'content_padding',
[
'label' => __( 'Header Padding', 'uae' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%', 'em' ],
'selectors' => [
'{{WRAPPER}} .uae_pricing_table .header' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',
],
]
);
$this->end_controls_section();
$this->start_controls_section(
'offer',
[
'label' => esc_html__('Ribbon', 'uae' ),
'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
]
);
$this->add_control(
'ribbon_style',
[
'label' => __( 'Style', 'uae' ),
'type' => \Elementor\Controls_Manager::SELECT,
'options' => [
'awesfeg' => esc_html__('Style 1', 'uae'),
'awsfrg' => esc_html__('Style 2', 'uae'),
'ribbonstyle3' => esc_html__('Style 3', 'uae'),
],
'default' => 'awesfeg',
]
);
$this->add_control(
'zoom',
[
'label' => __( 'Zoom', 'uae' ),
'type' => \Elementor\Controls_Manager::NUMBER,
'description' => 'give best offer from other packages. It zoom the pricing table',
'default' => '0',
'condition' => [
'ribbon_style' => 'awesfeg',
],
]
);
$this->add_control(
'rib_title',
[
'label' => __( 'Ribbon Title', 'uae' ),
'type' => \Elementor\Controls_Manager::TEXT,
'selectors' => [
'{{WRAPPER}} .uae_pricing_table .ribbonstyle3::before' => 'content: "{{VALUE}}" !important;',
],
'condition' => [
'ribbon_style' => ['awsfrg', 'ribbonstyle3']
],
]
);
$this->add_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'ribbon_size',
'label' => esc_html__('Title Size', 'uae'),
'type' => \Elementor\Controls_Manager::SLIDER,
'condition' => [
'ribbon_style' => ['awsfrg', 'ribbonstyle3']
],
'selectors' => [
'{{WRAPPER}} .uae_pricing_table .ribbonstyle3::before' => 'font-size: {{SIZE}}{{UNIT}} !important;',
'{{WRAPPER}} .uae_pricing_table .ribbon-right span' => 'font-size: {{SIZE}}{{UNIT}} !important;',
],
'default' => [
'size' => 12,
],
]
);
$this->add_control(
'rib_clr',
[
'label' => __( 'Ribbon Background', 'uae' ),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'default' => '#006086',
'selectors' => [
'{{WRAPPER}} .uae_pricing_table .ribbonstyle3::before' => 'background: {{VALUE}} !important;',
'{{WRAPPER}} .uae_pricing_table .ribbonstyle3::after' => 'border-bottom: 15px solid {{VALUE}} !important;',
],
'condition' => [
'ribbon_style' => ['awsfrg', 'ribbonstyle3']
],
]
);
$this->end_controls_section();
$this->start_controls_section(
'feature',
[
'label' => esc_html__('Feature', 'uae' ),
'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
]
);
$this->add_control(
'list_items',
[
'label' => __('Feature', 'uae'),
'type' => \Elementor\Controls_Manager::REPEATER,
'fields' => [
[
'name' => 'list_name',
'label' => __('List Item', 'uae'),
'type' => \Elementor\Controls_Manager::TEXT,
'default' => __('Unlimited Calls', 'uae'),
'dynamic' => [
'active' => true,
],
],
[
'name' => 'list_icon',
'label' => __( 'Icon', 'uae' ),
'type' => \Elementor\Controls_Manager::ICONS,
'default' => [
'value' => 'fas fa-check',
'library' => 'fa-solid',
],
],
[
'name' => 'disable_item',
'label' => esc_html__( 'Item Active', 'uae' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'return_value' => 'yes',
'default' => 'no',
],
[
'name' => 'icon_color',
'label' => esc_html__( 'Icon Color', 'uae' ),
'type' => \Elementor\Controls_Manager::COLOR,
'default' => '#00C853',
'dynamic' => [
'active' => true,
],
],
],
'title_field' => '{{{ list_name }}}',
]
);
$this->end_controls_section();
$this->start_controls_section(
'footer',
[
'label' => esc_html__('Footer', 'uae' ),
'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
]
);
$this->add_control(
'btn_title',
[
'label' => __( 'Button Text', 'uae' ),
'type' => \Elementor\Controls_Manager::TEXT,
'default' => 'CHOOSE PLAN',
]
);
$this->add_control(
'btn_link',
[
'label' => __('Link To', 'uae'),
'type' => \Elementor\Controls_Manager::URL,
'placeholder' => __('https://your-link.com', 'uae'),
'show_external' => true,
'default' => [
'url' => '',
'is_external' => false,
'nofollow' => false,
]
]
);
$this->end_controls_section();
$this->start_controls_section(
'uae_section_pro',
[
'label' => __( 'Go Premium for More Features', 'uae' ),
'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
]
);
$this->add_control(
'asdasdsadasasdsaf',
[
'label' => __( 'Unlock more possibilities', 'uae' ),
'type' => \Elementor\Controls_Manager::CHOOSE,
'options' => [
'1' => [
'title' => __( '', 'uae' ),
'icon' => 'fa fa-unlock-alt',
],
],
'default' => '1',
'description' => 'Get the Pro version for more stunning elements and customization options.'
]
);
$this->end_controls_section();
$this->start_controls_section(
'feature_list',
[
'label' => esc_html__('Feature List', 'uae' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'feature_clr',
[
'label' => __( 'Color', 'uae' ),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'default' => '#000',
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'feature_list_typography',
'label' => __('Typography', 'uae'),
'selector' => '{{WRAPPER}} .uae_pricing_table li',
'separator' => 'before',
]
);
$this->end_controls_section();
$this->start_controls_section(
'style_section',
[
'label' => esc_html__('Typography', 'uae' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'title_clr',
[
'label' => __( 'Title Color', 'uae' ),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'title_typography',
'label' => __('Typography', 'uae'),
'selector' => '{{WRAPPER}} .uae_pricing_table .price_title',
'separator' => 'before',
]
);
$this->add_control(
'price_clr',
[
'label' => __( 'Amount Color', 'uae' ),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'price_typography',
'label' => __('Typography', 'uae'),
'selector' => '{{WRAPPER}} .uae_pricing_table .amount, .uae_pricing_table .plan-price',
'separator' => 'before',
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'plan_typo',
'label' => __('Price Plan Typography', 'uae'),
'selector' => '{{WRAPPER}} .uae_pricing_table .month',
'separator' => 'before',
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'btn_typo',
'label' => __('Button Text Typography', 'uae'),
'selector' => '{{WRAPPER}} .uae_pricing_table .plan-select .price-btn',
'separator' => 'before',
]
);
$this->add_control(
'header_bg',
[
'label' => __( 'Header Background', 'uae' ),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'default' => '#09aeba',
]
);
$this->add_control(
'body_bg',
[
'label' => __( 'Body Bakcground', 'uae' ),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
]
);
$this->end_controls_section();
}
/**
* Render oEmbed widget output on the frontend.
*
* Written in PHP and used to generate the final HTML.
*
* @since 1.0.0
* @access protected
*/
protected function render() {
$settings = $this->get_settings_for_display();
$some_id = rand(5, 500);
// $html = wp_oembed_get( $settings['ihe_link'] );
$target = $settings['btn_link']['is_external'] ? ' target="_blank"' : '';
$nofollow = $settings['btn_link']['nofollow'] ? ' rel="nofollow"' : '';
global $css_path; ?>