A-z 0-9 & underscore chars without spaces.', 'bdthemes-element-pack' ),
'separator' => 'before',
'condition' => [
'content_type' => 'price_card',
],
]
);
$repeater->add_control(
'content',
[
'label' => esc_html__('Content', 'bdthemes-element-pack'),
'type' => Controls_Manager::WYSIWYG,
'default' => esc_html__('Switcher Content', 'bdthemes-element-pack'),
'label_block' => true,
'condition' => [
'content_type' => 'content',
],
]
);
$repeater->add_control(
'saved_templates',
[
'label' => esc_html__('Choose Template', 'bdthemes-element-pack'),
'type' => Dynamic_Select::TYPE,
'label_block' => true,
'placeholder' => __('Type and select template', 'bdthemes-element-pack'),
'query_args' => [
'query' => 'elementor_template',
],
'condition' => [
'content_type' => 'template',
],
]
);
$repeater->add_control(
'link_section_id',
[
'label' => __('Section ID', 'bdthemes-element-pack'),
'description' => __('Paste your section ID here. Don\'t need to add # before ID', 'bdthemes-element-pack'),
'type' => Controls_Manager::TEXT,
'placeholder' => 'section-id',
'dynamic' => ['active' => true],
'condition' => [
'content_type' => 'link_section',
],
]
);
$repeater->add_control(
'link_widget_id',
[
'label' => __('Link Widget ID', 'bdthemes-element-pack'),
'type' => Controls_Manager::TEXT,
'dynamic' => ['active' => true],
'condition' => [
'content_type' => 'link_widget',
],
]
);
$repeater->add_control(
'link_widget_note',
[
'type' => Controls_Manager::RAW_HTML,
'raw' => __('Note: Add widget ID here without # prefix. This widget will be shown when this item is active. Make sure to add Link Widget option for other items too.', 'bdthemes-element-pack'),
'content_classes' => 'elementor-panel-alert elementor-panel-alert-info',
'condition' => [
'content_type' => 'link_widget',
],
]
);
$this->add_control(
'switcher_items',
[
'label' => esc_html__('Switcher Items', 'bdthemes-element-pack'),
'type' => Controls_Manager::REPEATER,
'default' => [
[
'content_type' => 'content',
'title' => esc_html__('Primary', 'bdthemes-element-pack'),
'content' => esc_html__('Switcher Content Primary', 'bdthemes-element-pack'),
'switcher_active' => 'yes',
],
[
'content_type' => 'content',
'title' => esc_html__('Secondary', 'bdthemes-element-pack'),
'content' => esc_html__('Switcher Content Secondary', 'bdthemes-element-pack'),
],
[
'content_type' => 'content',
'title' => esc_html__('Others', 'bdthemes-element-pack'),
'content' => esc_html__('Switcher Content Others', 'bdthemes-element-pack'),
],
],
'fields' => $repeater->get_controls(),
'title_field' => '{{{ title }}}',
]
);
$this->end_controls_section();
$this->start_controls_section(
'section_switcher_additional_options',
[
'label' => esc_html__('Additional Options', 'bdthemes-element-pack'),
]
);
$this->add_control(
'content_position_unchanged',
[
'label' => __('Content Position Unchanged', 'bdthemes-element-pack'),
'type' => Controls_Manager::SWITCHER,
'description' => __('Keep content in its original position in the page.', 'bdthemes-element-pack'),
]
);
//text align
$this->add_responsive_control(
'content_switcher_align',
[
'label' => esc_html__('Alignment', 'bdthemes-element-pack'),
'type' => Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => esc_html__('Left', 'bdthemes-element-pack'),
'icon' => 'fa fa-align-left',
],
'center' => [
'title' => esc_html__('Center', 'bdthemes-element-pack'),
'icon' => 'fa fa-align-center',
],
'right' => [
'title' => esc_html__('Right', 'bdthemes-element-pack'),
'icon' => 'fa fa-align-right',
],
],
'selectors' => [
'{{WRAPPER}} .bdt-content-switcher' => 'text-align: {{VALUE}};',
],
]
);
$this->add_control(
'badge',
[
'label' => __('Badge', 'bdthemes-element-pack'),
'type' => Controls_Manager::SWITCHER,
'separator' => 'before',
]
);
$this->add_control(
'badge_text',
[
'label' => __('Badge Text', 'bdthemes-element-pack'),
'type' => Controls_Manager::TEXT,
'default' => 'Hot',
'placeholder' => 'Type Step Here',
'dynamic' => [
'active' => true,
],
'condition' => [
'badge' => 'yes',
],
]
);
//badge left right align
$this->add_control(
'badge_align',
[
'label' => esc_html__('Badge Align', 'bdthemes-element-pack'),
'type' => Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => esc_html__('Left', 'bdthemes-element-pack'),
'icon' => 'eicon-h-align-left',
],
'right' => [
'title' => esc_html__('Right', 'bdthemes-element-pack'),
'icon' => 'eicon-h-align-right',
],
],
'condition' => [
'badge' => 'yes',
],
'selectors_dictionary' => [
'left' => 'left: 0;',
'right' => 'right: 0;',
],
'selectors' => [
'{{WRAPPER}} .bdt-content-switcher-badge' => '{{VALUE}};',
],
'toggle' => false,
'default' => 'left',
'render_type' => 'template',
]
);
//arrows style select
$this->add_control(
'arrows_style',
[
'label' => esc_html__('Arrow Style', 'bdthemes-element-pack'),
'type' => Controls_Manager::SELECT,
'default' => '1',
'options' => [
'1' => '01',
'2' => '02',
'3' => '03',
'4' => '04',
],
'condition' => [
'badge' => 'yes',
],
]
);
$this->add_control(
'badge_offset_toggle',
[
'label' => __('Offset', 'bdthemes-element-pack'),
'type' => Controls_Manager::POPOVER_TOGGLE,
'label_off' => __('None', 'bdthemes-element-pack'),
'label_on' => __('Custom', 'bdthemes-element-pack'),
'return_value' => 'yes',
'condition' => [
'badge' => 'yes',
],
]
);
$this->start_popover();
$this->start_controls_tabs('tabs_offset_badge_controls');
$this->start_controls_tab(
'tab_offset_badge_controls',
[
'label' => __('Badge', 'bdthemes-element-pack'),
]
);
$this->add_responsive_control(
'badge_horizontal_offset',
[
'label' => __('Badge Horizontal Offset', 'bdthemes-element-pack'),
'type' => Controls_Manager::SLIDER,
'default' => [
'size' => 0,
],
'tablet_default' => [
'size' => 0,
],
'mobile_default' => [
'size' => 0,
],
'range' => [
'px' => [
'min' => -300,
'step' => 1,
'max' => 300,
],
],
'condition' => [
'badge_offset_toggle' => 'yes',
'badge' => 'yes',
],
'render_type' => 'ui',
'selectors' => [
'{{WRAPPER}}' => '--ep-content-switcher-badge-h-offset: {{SIZE}}px;'
],
]
);
$this->add_responsive_control(
'badge_vertical_offset',
[
'label' => __('Badge Vertical Offset', 'bdthemes-element-pack'),
'type' => Controls_Manager::SLIDER,
'default' => [
'size' => -40,
],
'tablet_default' => [
'size' => -40,
],
'mobile_default' => [
'size' => -40,
],
'range' => [
'px' => [
'min' => -300,
'step' => 1,
'max' => 300,
],
],
'condition' => [
'badge_offset_toggle' => 'yes',
'badge' => 'yes',
],
'render_type' => 'ui',
'selectors' => [
'{{WRAPPER}}' => '--ep-content-switcher-badge-v-offset: {{SIZE}}px;'
],
]
);
$this->add_responsive_control(
'badge_rotate',
[
'label' => esc_html__('Badge Rotate', 'bdthemes-element-pack'),
'type' => Controls_Manager::SLIDER,
'default' => [
'size' => 0,
],
'tablet_default' => [
'size' => 0,
],
'mobile_default' => [
'size' => 0,
],
'range' => [
'px' => [
'min' => -360,
'max' => 360,
'step' => 5,
],
],
'condition' => [
'badge_offset_toggle' => 'yes',
'badge' => 'yes',
],
'render_type' => 'ui',
'selectors' => [
'{{WRAPPER}}' => '--ep-content-switcher-badge-rotate: {{SIZE}}deg;'
],
]
);
$this->end_controls_tab();
$this->start_controls_tab(
'tab_offset_arrows_controls',
[
'label' => __('Arrow', 'bdthemes-element-pack'),
]
);
$this->add_responsive_control(
'arrows_horizontal_offset_left',
[
'label' => __('Arrow Horizontal Offset', 'bdthemes-element-pack'),
'type' => Controls_Manager::SLIDER,
'default' => [
'size' => -35,
],
'tablet_default' => [
'size' => -35,
],
'mobile_default' => [
'size' => -35,
],
'range' => [
'px' => [
'min' => -300,
'step' => 1,
'max' => 300,
],
],
'condition' => [
'badge_offset_toggle' => 'yes',
'badge' => 'yes',
'badge_align' => 'left',
],
'render_type' => 'ui',
'selectors' => [
'{{WRAPPER}}' => '--ep-content-switcher-arrows-h-offset-left: {{SIZE}}px;'
],
]
);
$this->add_responsive_control(
'arrows_horizontal_offset_right',
[
'label' => __('Arrow Horizontal Offset', 'bdthemes-element-pack'),
'type' => Controls_Manager::SLIDER,
'default' => [
'size' => 40,
],
'tablet_default' => [
'size' => 40,
],
'mobile_default' => [
'size' => 40,
],
'range' => [
'px' => [
'min' => -300,
'step' => 1,
'max' => 300,
],
],
'condition' => [
'badge_offset_toggle' => 'yes',
'badge' => 'yes',
'badge_align' => 'right',
],
'render_type' => 'ui',
'selectors' => [
'{{WRAPPER}}' => '--ep-content-switcher-arrows-h-offset-right: {{SIZE}}px;'
],
]
);
$this->add_responsive_control(
'arrows_vertical_offset',
[
'label' => __('Arrow Vertical Offset', 'bdthemes-element-pack'),
'type' => Controls_Manager::SLIDER,
'default' => [
'size' => -26,
],
'tablet_default' => [
'size' => -26,
],
'mobile_default' => [
'size' => -26,
],
'range' => [
'px' => [
'min' => -300,
'step' => 1,
'max' => 300,
],
],
'condition' => [
'badge_offset_toggle' => 'yes',
'badge' => 'yes',
],
'render_type' => 'ui',
'selectors' => [
'{{WRAPPER}}' => '--ep-content-switcher-arrows-v-offset: {{SIZE}}px;'
],
]
);
$this->add_responsive_control(
'arrows_rotate',
[
'label' => esc_html__('Arrow Rotate', 'bdthemes-element-pack'),
'type' => Controls_Manager::SLIDER,
'default' => [
'size' => 0,
],
'tablet_default' => [
'size' => 0,
],
'mobile_default' => [
'size' => 0,
],
'range' => [
'px' => [
'min' => -360,
'max' => 360,
'step' => 5,
],
],
'condition' => [
'badge_offset_toggle' => 'yes',
'badge' => 'yes',
],
'render_type' => 'ui',
'selectors' => [
'{{WRAPPER}}' => '--ep-content-switcher-arrows-rotate: {{SIZE}}deg;'
],
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->end_popover();
$this->end_controls_section();
// switcher style
$this->start_controls_section(
'section_style_switch',
[
'label' => esc_html__('Switch', 'bdthemes-element-pack'),
'tab' => Controls_Manager::TAB_STYLE,
]
);
//spacing
$this->add_responsive_control(
'switch_spacing',
[
'label' => esc_html__('Space Between', 'bdthemes-element-pack'),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 0,
'step' => 1,
'max' => 50,
],
],
'selectors' => [
'{{WRAPPER}} .bdt-switch-container-wrap' => 'gap: {{SIZE}}px;',
],
]
);
$this->add_responsive_control(
'switch_icon_spacing',
[
'label' => esc_html__('Icon Spacing', 'bdthemes-element-pack'),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 0,
'step' => 1,
'max' => 50,
],
],
'selectors' => [
'{{WRAPPER}} .bdt-switch-container-wrap .bdt-package-text, {{WRAPPER}} .bdt-content-switcher-tab' => 'gap: {{SIZE}}px;',
],
]
);
//typography
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'switch_typography',
'selector' => '{{WRAPPER}} .bdt-switch-container-wrap .bdt-package-text, {{WRAPPER}} .bdt-content-switcher-icon, {{WRAPPER}} .bdt-content-switcher-tab',
]
);
$this->start_controls_tabs('tabs_switch_style');
$this->start_controls_tab(
'tab_switch_style_normal',
[
'label' => __('Normal', 'bdthemes-element-pack'),
]
);
//switch color
$this->add_control(
'switch_color',
[
'label' => esc_html__('Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .bdt-switch-container-wrap .bdt-package-text, {{WRAPPER}} .bdt-content-switcher-icon i, {{WRAPPER}} .bdt-content-switcher-tab' => 'color: {{VALUE}};',
'{{WRAPPER}} .bdt-content-switcher-icon svg' => 'fill: {{VALUE}};',
],
]
);
//button style start
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'switcher_button_background',
'selector' => '{{WRAPPER}} .bdt-content-switcher-tab',
'condition' => [
'switcher_style' => 'button',
],
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'switcher_button_border',
'selector' => '{{WRAPPER}} .bdt-content-switcher-tab',
'condition' => [
'switcher_style' => 'button',
],
]
);
$this->add_responsive_control(
'switcher_button_border_radius',
[
'label' => esc_html__('Border Radius', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', '%'],
'selectors' => [
'{{WRAPPER}} .bdt-content-switcher-tab' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'condition' => [
'switcher_style' => 'button',
],
]
);
$this->add_responsive_control(
'switcher_button_padding',
[
'label' => esc_html__('Padding', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'em', '%'],
'selectors' => [
'{{WRAPPER}} .bdt-content-switcher-tab' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'condition' => [
'switcher_style' => 'button',
],
]
);
// text shadow
$this->add_group_control(
Group_Control_Text_Shadow::get_type(),
[
'name' => 'switch_text_shadow',
'selector' => '{{WRAPPER}} .bdt-switch-container-wrap .bdt-package-text, {{WRAPPER}} .bdt-content-switcher-tab',
]
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'switcher_button_shadow',
'selector' => '{{WRAPPER}} .bdt-content-switcher-tab',
'condition' => [
'switcher_style' => 'button',
],
]
);
// text stroke
$this->add_group_control(
Group_Control_Text_Stroke::get_type(),
[
'name' => 'switch_text_stroke',
'selector' => '{{WRAPPER}} .bdt-switch-container-wrap .bdt-package-text, {{WRAPPER}} .bdt-content-switcher-tab',
]
);
$this->end_controls_tab();
$this->start_controls_tab(
'tab_switch_style_active',
[
'label' => __('Active', 'bdthemes-element-pack'),
]
);
$this->add_control(
'switch_active_color',
[
'label' => esc_html__('Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .bdt-switch-container-wrap .bdt-package-text.bdt-active, {{WRAPPER}} .bdt-content-switcher-icon.bdt-active i, {{WRAPPER}} .bdt-content-switcher-tab.bdt-active .bdt-content-switcher-icon i, {{WRAPPER}} .bdt-content-switcher-tab.bdt-active' => 'color: {{VALUE}};',
'{{WRAPPER}} .bdt-content-switcher-icon.bdt-active svg' => 'fill: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'switcher_button_active_background',
'selector' => '{{WRAPPER}} .bdt-content-switcher-tab.bdt-active',
'condition' => [
'switcher_style' => 'button',
],
]
);
$this->add_control(
'switcher_button_active_border_color',
[
'label' => esc_html__('Border Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'condition' => [
'switcher_style' => 'button',
'switcher_button_border_border!' => '',
],
'selectors' => [
'{{WRAPPER}} .bdt-content-switcher-tab.bdt-active' => 'border-color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Text_Shadow::get_type(),
[
'name' => 'switch_active_text_shadow',
'selector' => '{{WRAPPER}} .bdt-switch-container-wrap .bdt-package-text.bdt-active, {{WRAPPER}} .bdt-content-switcher-tab.bdt-active',
]
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'switcher_button_shadow_active',
'selector' => '{{WRAPPER}} .bdt-content-switcher-tab.bdt-active',
'condition' => [
'switcher_style' => 'button',
],
]
);
$this->add_group_control(
Group_Control_Text_Stroke::get_type(),
[
'name' => 'switch_active_text_stroke',
'selector' => '{{WRAPPER}} .bdt-switch-container-wrap .bdt-package-text, {{WRAPPER}} .bdt-content-switcher-tab.bdt-active',
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->end_controls_section();
$this->start_controls_section(
'section_style_switcher',
[
'label' => esc_html__('Switcher', 'bdthemes-element-pack'),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'switcher_style!' => 'button',
],
]
);
$this->add_responsive_control(
'switcher_width',
[
'label' => esc_html__('Width', 'bdthemes-element-pack'),
'type' => Controls_Manager::SLIDER,
'size_units' => ['px', '%'],
'range' => [
'%' => [
'min' => 10,
'max' => 100,
],
'px' => [
'min' => 60,
'max' => 500,
],
],
'selectors' => [
'{{WRAPPER}} .bdt-content-switcher .button' => 'width: {{SIZE}}{{UNIT}};',
],
// 'condition' => [
// 'switcher_style!' => '9',
// ],
]
);
$this->add_responsive_control(
'switcher_height',
[
'label' => esc_html__('Height', 'bdthemes-element-pack'),
'type' => Controls_Manager::SLIDER,
'size_units' => ['px', '%'],
'range' => [
'%' => [
'min' => 10,
'max' => 100,
],
'px' => [
'min' => 10,
'max' => 500,
],
],
'selectors' => [
'{{WRAPPER}} .bdt-content-switcher .button' => 'height: {{SIZE}}{{UNIT}};',
],
// 'condition' => [
// 'switcher_style!' => '9',
// ],
]
);
// knob size
$this->add_responsive_control(
'switcher_knob_size',
[
'label' => esc_html__('Knob Size', 'bdthemes-element-pack'),
'type' => Controls_Manager::SLIDER,
'size_units' => ['px'],
'range' => [
'px' => [
'min' => 10,
'max' => 100,
],
],
'selectors' => [
'{{WRAPPER}}' => '--ep-knob-size: {{SIZE}}px;'
],
// 'condition' => [
// 'switcher_style!' => '9',
// ],
]
);
//border radius
$this->add_responsive_control(
'switcher_border_radius',
[
'label' => esc_html__('Border Radius', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', '%', 'em'],
'selectors' => [
'{{WRAPPER}} .bdt-content-switcher .bdt-layer, {{WRAPPER}} .bdt-content-switcher .button' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
//margin
$this->add_responsive_control(
'switcher_margin',
[
'label' => esc_html__('Margin', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', '%', 'em'],
'selectors' => [
'{{WRAPPER}} .bdt-content-switcher .button' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
// alignment
// $this->add_responsive_control(
// 'switcher_alignment',
// [
// 'label' => esc_html__('Alignment', 'bdthemes-element-pack'),
// 'type' => Controls_Manager::CHOOSE,
// 'options' => [
// 'flex-start' => [
// 'title' => esc_html__('Left', 'bdthemes-element-pack'),
// 'icon' => 'eicon-h-align-left',
// ],
// 'center' => [
// 'title' => esc_html__('Center', 'bdthemes-element-pack'),
// 'icon' => 'eicon-h-align-center',
// ],
// 'flex-end' => [
// 'title' => esc_html__('Right', 'bdthemes-element-pack'),
// 'icon' => 'eicon-h-align-right',
// ],
// 'space-between' => [
// 'title' => esc_html__('Justified', 'bdthemes-element-pack'),
// 'icon' => 'eicon-h-align-stretch',
// ],
// ],
// 'selectors' => [
// '{{WRAPPER}} .bdt-switch-container-wrap' => 'justify-content: {{VALUE}};',
// ],
// ]
// );
$this->start_controls_tabs('tabs_switcher_style');
$this->start_controls_tab(
'tab_switcher_style_normal',
[
'label' => __('Normal', 'bdthemes-element-pack'),
]
);
$this->add_control(
'switcher_knob_color',
[
'label' => esc_html__('Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .bdt-toggle-button-1 .bdt-knobs:before, {{WRAPPER}} .bdt-toggle-button-2 .bdt-knobs:before, {{WRAPPER}} .bdt-toggle-button-2 .bdt-knobs:after, {{WRAPPER}} .bdt-toggle-button-3 .bdt-knobs::before, {{WRAPPER}} .bdt-toggle-button-4 .bdt-knobs:before, {{WRAPPER}} .bdt-toggle-button-4 .bdt-knobs:after, {{WRAPPER}} .bdt-toggle-button-5 .bdt-knobs:before, {{WRAPPER}} .bdt-toggle-button-6 .bdt-knobs:before, {{WRAPPER}} .bdt-toggle-button-7 .bdt-knobs span, {{WRAPPER}} .bdt-toggle-button-8 .bdt-knobs span, {{WRAPPER}} .bdt-toggle-button-9 .bdt-knobs span' => 'background-color: {{VALUE}};',
],
]
);
$this->add_control(
'switcher_color',
[
'label' => esc_html__('Background Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .bdt-content-switcher .bdt-layer' => 'background-color: {{VALUE}};',
],
]
);
$this->end_controls_tab();
$this->start_controls_tab(
'tab_switcher_style_active',
[
'label' => __('Active', 'bdthemes-element-pack'),
]
);
$this->add_control(
'switcher_knob_checked_color',
[
'label' => esc_html__('Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .bdt-toggle-button-1 .checkbox:checked+.bdt-knobs:before, {{WRAPPER}} .bdt-toggle-button-2 .checkbox:checked+.bdt-knobs:before, {{WRAPPER}} .bdt-toggle-button-2 .checkbox:checked+.bdt-knobs:after, {{WRAPPER}} .bdt-toggle-button-3 .checkbox:checked+.bdt-knobs::before, {{WRAPPER}} .bdt-toggle-button-4 .checkbox:checked+.bdt-knobs:before, {{WRAPPER}} .bdt-toggle-button-4 .checkbox:checked+.bdt-knobs:after, {{WRAPPER}} .bdt-toggle-button-5 .checkbox:checked+.bdt-knobs:before, {{WRAPPER}} .bdt-toggle-button-6 .checkbox:checked+.bdt-knobs:after, {{WRAPPER}} .bdt-toggle-button-7 .bdt-knobs:after, {{WRAPPER}} .bdt-toggle-button-8 .bdt-knobs:after, {{WRAPPER}} .bdt-toggle-button-9 .checkbox:checked+.bdt-knobs span' => 'background-color: {{VALUE}};',
],
]
);
$this->add_control(
'switcher_checked_color',
[
'label' => esc_html__('Background Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .bdt-toggle-button-1 .checkbox:checked~.bdt-layer, {{WRAPPER}} .bdt-toggle-button-2 .checkbox:checked~.bdt-layer, {{WRAPPER}} .bdt-toggle-button-3 .checkbox:checked~.bdt-layer, {{WRAPPER}} .bdt-toggle-button-4 .checkbox:checked~.bdt-layer, {{WRAPPER}} .bdt-toggle-button-5 .checkbox:checked~.bdt-layer, {{WRAPPER}} .bdt-toggle-button-6 .checkbox:checked~.bdt-layer, {{WRAPPER}} .bdt-toggle-button-7 .checkbox:checked~.bdt-layer, {{WRAPPER}} .bdt-toggle-button-7 .bdt-knobs:before, {{WRAPPER}} .bdt-toggle-button-8 .checkbox:checked+.bdt-knobs span, {{WRAPPER}} .bdt-toggle-button-9 .checkbox:checked~.bdt-layer' => 'background-color: {{VALUE}};',
],
]
);
$this->add_control(
'switcher_checked_knob_color',
[
'label' => esc_html__('Knob Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .bdt-toggle-button-7 .checkbox:checked+.bdt-knobs span' => 'background-color: {{VALUE}};',
],
'condition' => [
'switcher_style' => '7',
],
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->end_controls_section();
$this->start_controls_section(
'section_style_switcher_bar',
[
'label' => esc_html__('Switcher Bar', 'bdthemes-element-pack'),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'switcher_bar_background',
'selector' => '{{WRAPPER}} .bdt-switch-container-wrap',
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'switcher_bar_border',
'selector' => '{{WRAPPER}} .bdt-switch-container-wrap',
]
);
$this->add_responsive_control(
'switcher_bar_border_radius',
[
'label' => esc_html__('Border Radius', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', '%'],
'selectors' => [
'{{WRAPPER}} .bdt-switch-container-wrap' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'switcher_bar_padding',
[
'label' => esc_html__('Padding', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'em', '%'],
'selectors' => [
'{{WRAPPER}} .bdt-switch-container-wrap' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'switcher_bar_margin',
[
'label' => esc_html__('Margin', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'em', '%'],
'selectors' => [
'{{WRAPPER}} .bdt-switch-container-wrap' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'switcher_bar_shadow',
'selector' => '{{WRAPPER}} .bdt-switch-container-wrap',
]
);
$this->end_controls_section();
// switcher content style
$this->start_controls_section(
'section_switcher_content_style',
[
'label' => esc_html__('Content', 'bdthemes-element-pack'),
'tab' => Controls_Manager::TAB_STYLE,
]
);
//text color
$this->add_control(
'switcher_content_text_color',
[
'label' => esc_html__('Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .bdt-switcher-content' => 'color: {{VALUE}};',
],
]
);
//background type
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'switcher_content_background',
'types' => ['classic', 'gradient'],
'selector' => '{{WRAPPER}} .bdt-switcher-content',
]
);
//border
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'switcher_content_border',
'label' => esc_html__('Border', 'bdthemes-element-pack'),
'selector' => '{{WRAPPER}} .bdt-switcher-content',
'separator' => 'before',
]
);
//border radius
$this->add_responsive_control(
'switcher_content_border_radius',
[
'label' => esc_html__('Border Radius', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'selectors' => [
'{{WRAPPER}} .bdt-switcher-content' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'switcher_content_padding',
[
'label' => esc_html__('Padding', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', '%', 'em'],
'selectors' => [
'{{WRAPPER}} .bdt-switcher-content' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'switcher_content_margin',
[
'label' => esc_html__('Margin', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', '%', 'em'],
'selectors' => [
'{{WRAPPER}} .bdt-switcher-content-wrapper' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
//box shadow
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'switcher_content_box_shadow',
'selector' => '{{WRAPPER}} .bdt-switcher-content',
]
);
// $this->add_responsive_control(
// 'switcher_content_align',
// [
// 'label' => esc_html__('Alignment', 'bdthemes-element-pack'),
// 'type' => Controls_Manager::CHOOSE,
// 'options' => [
// 'left' => [
// 'title' => esc_html__('Left', 'bdthemes-element-pack'),
// 'icon' => 'fa fa-align-left',
// ],
// 'center' => [
// 'title' => esc_html__('Center', 'bdthemes-element-pack'),
// 'icon' => 'fa fa-align-center',
// ],
// 'right' => [
// 'title' => esc_html__('Right', 'bdthemes-element-pack'),
// 'icon' => 'fa fa-align-right',
// ],
// 'justify' => [
// 'title' => esc_html__('Justified', 'bdthemes-element-pack'),
// 'icon' => 'fa fa-align-justify',
// ],
// ],
// 'selectors' => [
// '{{WRAPPER}} .bdt-switcher-content' => 'text-align: {{VALUE}};',
// ],
// 'separator' => 'before',
// ]
// );
$this->end_controls_tab();
$this->end_controls_tabs();
$this->end_controls_section();
$this->start_controls_section(
'section_style_badge',
[
'label' => __('Badge', 'bdthemes-element-pack'),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'badge' => 'yes',
],
]
);
$this->add_control(
'badge_text_color',
[
'label' => __('Text Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .bdt-content-switcher-badge' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'badge_arrows_color',
[
'label' => __('Arrow Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .bdt-switcher-arrows svg' => 'fill: {{VALUE}};',
],
]
);
$this->add_control(
'badge_background_color',
[
'label' => __('Background Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .bdt-content-switcher-badge' => 'background: {{VALUE}};',
'{{WRAPPER}} .bdt-content-switcher-badge:before' => 'border-top-color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'badge_border',
'placeholder' => '1px',
'separator' => 'before',
'default' => '1px',
'selector' => '{{WRAPPER}} .bdt-content-switcher-badge',
]
);
$this->add_responsive_control(
'badge_radius',
[
'label' => __('Border Radius', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', '%'],
'selectors' => [
'{{WRAPPER}} .bdt-content-switcher-badge' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'badge_padding',
[
'label' => __('Padding', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'em', '%'],
'selectors' => [
'{{WRAPPER}} .bdt-content-switcher-badge' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'badge_shadow',
'selector' => '{{WRAPPER}} .bdt-content-switcher-badge',
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'badge_typography',
'selector' => '{{WRAPPER}} .bdt-content-switcher-badge',
]
);
//arrow size
$this->add_responsive_control(
'badge_arrows_size',
[
'label' => __('Arrow Size', 'bdthemes-element-pack'),
'type' => Controls_Manager::SLIDER,
'selectors' => [
'{{WRAPPER}} .bdt-switcher-arrows' => 'font-size: {{SIZE}}{{UNIT}};',
],
'separator' => 'before',
]
);
$this->end_controls_section();
$this->start_controls_section(
'section_style_pricing',
[
'label' => __( 'Pricing', 'bdthemes-element-pack' ),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_responsive_control(
'pricing_align',
[
'label' => __( 'Alignment', 'bdthemes-element-pack' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => __( 'Left', 'bdthemes-element-pack' ),
'icon' => 'eicon-text-align-left',
],
'center' => [
'title' => __( 'Center', 'bdthemes-element-pack' ),
'icon' => 'eicon-text-align-center',
],
'right' => [
'title' => __( 'Right', 'bdthemes-element-pack' ),
'icon' => 'eicon-text-align-right',
],
],
'selectors_dictionary' => [
'left' => 'justify-content: flex-start; text-align: left;',
'right' => 'justify-content: flex-end; text-align: right;',
'center' => ' justify-content: center; text-align: center;',
],
'selectors' => [
'{{WRAPPER}} .bdt-price-card-price' => '{{VALUE}};',
],
]
);
$this->start_controls_tabs( 'tabs_pricing_style' );
$this->start_controls_tab(
'tabs_pricing_normal',
[
'label' => __( 'Normal', 'bdthemes-element-pack' ),
]
);
$this->add_control(
'price_color',
[
'label' => __( 'Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .bdt-price-card-currency, {{WRAPPER}} .bdt-price-card-integer-part, {{WRAPPER}} .bdt-price-card-fractional-part' => 'color: {{VALUE}}',
],
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'pricing_element_bg_color',
'selector' => '{{WRAPPER}} .bdt-price-card-price',
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'pricing_border',
'selector' => '{{WRAPPER}} .bdt-price-card-price',
]
);
$this->add_responsive_control(
'readmore_border_radius',
[
'label' => esc_html__( 'Border Radius', 'bdthemes-element-pack' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'selectors' => [
'{{WRAPPER}} .bdt-price-card-price' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'pricing_element_padding',
[
'label' => __( 'Padding', 'bdthemes-element-pack' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%', 'em' ],
'selectors' => [
'{{WRAPPER}} .bdt-price-card-price' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'pricing_element_margin',
[
'label' => __( 'Margin', 'bdthemes-element-pack' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%', 'em' ],
'selectors' => [
'{{WRAPPER}} .bdt-price-card-price' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_group_control(
Group_Control_Text_Shadow::get_type(),
[
'name' => 'price_shadow',
'label' => __( 'Text Shadow', 'bdthemes-element-pack' ),
'selector' => '{{WRAPPER}} .bdt-price-card-currency, {{WRAPPER}} .bdt-price-card-integer-part, {{WRAPPER}} .bdt-price-card-fractional-part',
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'price_typography',
'selector' => '{{WRAPPER}} .bdt-price-card-price',
]
);
$this->add_control(
'heading_currency_style',
[
'label' => __( 'Currency Symbol', 'bdthemes-element-pack' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'currency_size',
[
'label' => __( 'Size', 'bdthemes-element-pack' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'selectors' => [
'{{WRAPPER}} .bdt-price-card-currency' => 'font-size: calc({{SIZE}}em/100)',
],
]
);
$this->add_control(
'currency_horizontal_position',
[
'label' => __( 'Position', 'bdthemes-element-pack' ),
'type' => Controls_Manager::CHOOSE,
'default' => 'left',
'options' => [
'left' => [
'title' => __( 'Left', 'bdthemes-element-pack' ),
'icon' => 'eicon-h-align-left',
],
'right' => [
'title' => __( 'Right', 'bdthemes-element-pack' ),
'icon' => 'eicon-h-align-right',
],
],
]
);
$this->add_control(
'currency_vertical_position',
[
'label' => __( 'Vertical Position', 'bdthemes-element-pack' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'top' => [
'title' => __( 'Top', 'bdthemes-element-pack' ),
'icon' => 'eicon-v-align-top',
],
'middle' => [
'title' => __( 'Middle', 'bdthemes-element-pack' ),
'icon' => 'eicon-v-align-middle',
],
'bottom' => [
'title' => __( 'Bottom', 'bdthemes-element-pack' ),
'icon' => 'eicon-v-align-bottom',
],
],
'default' => 'top',
'selectors_dictionary' => [
'top' => 'flex-start',
'middle' => 'center',
'bottom' => 'flex-end',
],
'selectors' => [
'{{WRAPPER}} .bdt-price-card-currency' => 'align-self: {{VALUE}}',
],
]
);
$this->add_control(
'fractional_part_style',
[
'label' => __( 'Fractional Part', 'bdthemes-element-pack' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'fractional-part_size',
[
'label' => __( 'Size', 'bdthemes-element-pack' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'selectors' => [
'{{WRAPPER}} .bdt-price-card-fractional-part' => 'font-size: calc({{SIZE}}em/100)',
],
]
);
$this->add_control(
'fractional_part_vertical_position',
[
'label' => __( 'Vertical Position', 'bdthemes-element-pack' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'top' => [
'title' => __( 'Top', 'bdthemes-element-pack' ),
'icon' => 'eicon-v-align-top',
],
'middle' => [
'title' => __( 'Middle', 'bdthemes-element-pack' ),
'icon' => 'eicon-v-align-middle',
],
'bottom' => [
'title' => __( 'Bottom', 'bdthemes-element-pack' ),
'icon' => 'eicon-v-align-bottom',
],
],
'default' => 'top',
'selectors_dictionary' => [
'top' => 'flex-start',
'middle' => 'center',
'bottom' => 'flex-end',
],
'selectors' => [
'{{WRAPPER}} .bdt-price-card-after-price' => 'justify-content: {{VALUE}}',
],
]
);
$this->add_control(
'heading_original_price_style',
[
'label' => __( 'Original Price', 'bdthemes-element-pack' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'original_price_color',
[
'label' => __( 'Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .bdt-price-card-original-price' => 'color: {{VALUE}}',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'original_price_typography',
'selector' => '{{WRAPPER}} .bdt-price-card-original-price',
]
);
$this->add_control(
'original_price_vertical_position',
[
'label' => __( 'Vertical Position', 'bdthemes-element-pack' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'top' => [
'title' => __( 'Top', 'bdthemes-element-pack' ),
'icon' => 'eicon-v-align-top',
],
'middle' => [
'title' => __( 'Middle', 'bdthemes-element-pack' ),
'icon' => 'eicon-v-align-middle',
],
'bottom' => [
'title' => __( 'Bottom', 'bdthemes-element-pack' ),
'icon' => 'eicon-v-align-bottom',
],
],
'selectors_dictionary' => [
'top' => 'top: 0;',
'middle' => 'top: 40%;',
'bottom' => 'bottom: 0;',
],
'default' => 'middle',
'selectors' => [
'{{WRAPPER}} .bdt-price-card-original-price' => '{{VALUE}}',
],
]
);
$this->add_control(
'original_price_offset_toggle',
[
'label' => __( 'Offset', 'bdthemes-element-pack' ),
'type' => Controls_Manager::POPOVER_TOGGLE,
'label_off' => __( 'None', 'bdthemes-element-pack' ),
'label_on' => __( 'Custom', 'bdthemes-element-pack' ),
'return_value' => 'yes',
]
);
$this->start_popover();
$this->add_responsive_control(
'original_price_horizontal_offset',
[
'label' => __( 'Horizontal Offset', 'bdthemes-element-pack' ),
'type' => Controls_Manager::SLIDER,
'default' => [
'size' => 0,
],
'tablet_default' => [
'size' => 0,
],
'mobile_default' => [
'size' => 0,
],
'range' => [
'px' => [
'min' => -300,
'step' => 2,
'max' => 300,
],
],
'render_type' => 'ui',
'selectors' => [
'{{WRAPPER}}' => '--ep-pt-original-price-h-offset: {{SIZE}}px;'
],
]
);
$this->add_responsive_control(
'original_price_vertical_offset',
[
'label' => __( 'Vertical Offset', 'bdthemes-element-pack' ),
'type' => Controls_Manager::SLIDER,
'default' => [
'size' => 0,
],
'tablet_default' => [
'size' => 0,
],
'mobile_default' => [
'size' => 0,
],
'range' => [
'px' => [
'min' => -300,
'step' => 2,
'max' => 300,
],
],
'render_type' => 'ui',
'selectors' => [
'{{WRAPPER}}' => '--ep-pt-original-price-v-offset: {{SIZE}}px;'
],
]
);
$this->add_responsive_control(
'original_price_rotate',
[
'label' => esc_html__( 'Rotate', 'bdthemes-element-pack' ),
'type' => Controls_Manager::SLIDER,
'default' => [
'size' => 0,
],
'tablet_default' => [
'size' => 0,
],
'mobile_default' => [
'size' => 0,
],
'range' => [
'px' => [
'min' => -360,
'max' => 360,
'step' => 5,
],
],
'render_type' => 'ui',
'selectors' => [
'{{WRAPPER}}' => '--ep-pt-original-price-rotate: {{SIZE}}deg;'
],
]
);
$this->end_popover();
$this->add_control(
'heading_period_style',
[
'label' => __( 'Period', 'bdthemes-element-pack' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'period_color',
[
'label' => __( 'Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .bdt-price-card-period' => 'color: {{VALUE}}',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'period_typography',
'selector' => '{{WRAPPER}} .bdt-price-card-period',
]
);
$this->add_control(
'period_position',
[
'label' => __( 'Position', 'bdthemes-element-pack' ),
'type' => Controls_Manager::SELECT,
'options' => [
'below' => 'Below',
'beside' => 'Beside',
],
'default' => 'below',
]
);
$this->add_control(
'heading_price_title_style',
[
'label' => __( 'Price Title', 'bdthemes-element-pack' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'price_title_color',
[
'label' => __( 'Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .bdt-price-title' => 'color: {{VALUE}}',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'price_title_typography',
'selector' => '{{WRAPPER}} .bdt-price-title',
]
);
$this->add_control(
'heading_price_additional_text_style',
[
'label' => __( 'Additional Text', 'bdthemes-element-pack' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'price_additional_text_color',
[
'label' => __( 'Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .bdt-price-additional-text' => 'color: {{VALUE}}',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'price_additional_text_typography',
'selector' => '{{WRAPPER}} .bdt-price-additional-text',
]
);
$this->end_controls_tab();
$this->start_controls_tab(
'tabs_pricing_hover',
[
'label' => __( 'Hover', 'bdthemes-element-pack' ),
]
);
$this->add_control(
'price_hover_color',
[
'label' => __( 'Price Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .bdt-content-switcher:hover .bdt-price-card-currency, {{WRAPPER}} .bdt-content-switcher:hover .bdt-price-card-integer-part, {{WRAPPER}} .bdt-content-switcher:hover .bdt-price-card-fractional-part' => 'color: {{VALUE}}',
],
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'pricing_element_hover_bg_color',
'selector' => '{{WRAPPER}} .bdt-content-switcher:hover .bdt-price-card-price',
]
);
$this->add_control(
'pricing_table_border_color',
[
'label' => esc_html__( 'Border Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'condition' => [
'pricing_border_border!' => '',
],
'selectors' => [
'{{WRAPPER}} .bdt-content-switcher:hover .bdt-price-card-price' => 'border-color: {{VALUE}};',
],
]
);
$this->add_control(
'period_hover_color',
[
'label' => __( 'Period Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .bdt-content-switcher:hover .bdt-price-card-period' => 'color: {{VALUE}}',
],
'separator' => 'before',
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->end_controls_section();
$this->start_controls_section(
'section_style_price_button',
[
'label' => __( 'Button', 'bdthemes-element-pack' ),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->start_controls_tabs( 'tabs_button_style' );
$this->start_controls_tab(
'tab_button_normal',
[
'label' => __( 'Normal', 'bdthemes-element-pack' ),
]
);
$this->add_control(
'button_text_color',
[
'label' => __( 'Text Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .bdt-price-card-button' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'button_background_color',
'selector' => '{{WRAPPER}} .bdt-price-card-button',
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'button_border',
'label' => __( 'Border', 'bdthemes-element-pack' ),
'placeholder' => '1px',
'default' => '1px',
'selector' => '{{WRAPPER}} .bdt-price-card-button',
]
);
$this->add_responsive_control(
'button_border_radius',
[
'label' => __( 'Border Radius', 'bdthemes-element-pack' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'selectors' => [
'{{WRAPPER}} .bdt-price-card-button' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'button_margin',
[
'label' => __( 'Margin', 'bdthemes-element-pack' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', 'em', '%' ],
'selectors' => [
'{{WRAPPER}} .bdt-price-card-button' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'button_text_padding',
[
'label' => __( 'Padding', 'bdthemes-element-pack' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', 'em', '%' ],
'selectors' => [
'{{WRAPPER}} .bdt-price-card-button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'button_width',
[
'label' => __( 'Width', 'bdthemes-element-pack' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', 'vw', '%' ],
'range' => [
'px' => [
'min' => 100,
'max' => 1000,
],
'vw' => [
'min' => 10,
'max' => 100,
],
'%' => [
'min' => 10,
'max' => 100,
],
],
'selectors' => [
'{{WRAPPER}} .bdt-price-card-button' => 'width: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'button_vertical_offset',
[
'label' => __( 'Vertical offset', 'bdthemes-element-pack' ),
'type' => Controls_Manager::SLIDER,
'default' => [
'size' => 0,
],
'tablet_default' => [
'size' => 0,
],
'mobile_default' => [
'size' => 0,
],
'range' => [
'px' => [
'min' => -200,
'max' => 200,
],
],
'selectors' => [
'{{WRAPPER}} .bdt-price-card-btn-wrap' => 'transform: translateY({{SIZE}}px)',
],
]
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'button_shadow',
'selector' => '{{WRAPPER}} .bdt-price-card-button',
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'button_typography',
'selector' => '{{WRAPPER}} .bdt-price-card-button',
]
);
$this->end_controls_tab();
$this->start_controls_tab(
'tab_button_hover',
[
'label' => __( 'Hover', 'bdthemes-element-pack' ),
]
);
$this->add_control(
'button_hover_color',
[
'label' => __( 'Text Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .bdt-price-card-button:hover' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'button_background_hover_color',
'selector' => '{{WRAPPER}} .bdt-price-card-button:hover',
]
);
$this->add_control(
'button_hover_border_color',
[
'label' => __( 'Border Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .bdt-price-card-button:hover' => 'border-color: {{VALUE}};',
],
]
);
$this->add_control(
'button_hover_animation',
[
'label' => __( 'Animation', 'bdthemes-element-pack' ),
'type' => Controls_Manager::HOVER_ANIMATION,
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->end_controls_section();
}
private function get_currency_symbol( $symbol_name ) {
$symbols = [
'dollar' => '$',
'baht' => '฿',
'euro' => '€',
'franc' => '₣',
'guilder' => 'ƒ',
'indian_rupee' => '₹',
'krona' => 'kr',
'lira' => '₤',
'peseta' => '₧',
'peso' => '₱',
'pound' => '£',
'real' => 'R$',
'ruble' => '₽',
'rupee' => '₨',
'bdt' => '৳',
'shekel' => '₪',
'won' => '₩',
'yen' => '¥',
];
return isset( $symbols[ $symbol_name ] ) ? $symbols[ $symbol_name ] : '';
}
public function render_price($item, $settings) {
$symbol = '';
$image = '';
if ( ! empty( $item['currency_symbol'] ) ) {
if ( 'custom' !== $item['currency_symbol'] ) {
$symbol = $this->get_currency_symbol( $item['currency_symbol'] );
} else {
$symbol = $item['currency_symbol_custom'];
}
}
$currency_format = empty( $item['currency_format'] ) ? '.' : $item['currency_format'];
$price = explode( $currency_format, $item['price'] );
$intpart = $price[0];
$fraction = '';
if ( 2 === count( $price ) ) {
$fraction = $price[1];
}
// $price = explode( '.', $item['price'] );
// $intpart = $price[0];
// $fraction = '';
// if ( 2 === sizeof( $price ) ) {
// $fraction = $price[1];
// }
$period_position = $settings['period_position'];
$period_class = ( $period_position == 'below' ) ? ' bdt-price-card-period-position-below' : ' bdt-price-card-period-position-beside';
$period_element = '' . $item['period'] . '';
$currency_position = $settings['currency_horizontal_position'];
$id = 'bdt-price-card-' . $this->get_id();
$this->add_render_attribute( 'pricing', [
'class' => 'bdt-price-card-price'
] );
?>