| Server IP : 162.213.251.208 / Your IP : 18.118.33.35 Web Server : LiteSpeed System : Linux business55.web-hosting.com 4.18.0-553.lve.el8.x86_64 #1 SMP Mon May 27 15:27:34 UTC 2024 x86_64 User : jmoroovq ( 1890) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/jmoroovq/expressmedicalbillingservices.com/wp-content/plugins/uicore-framework/includes/elementor/generic/ |
Upload File : |
<?php
use Elementor\Widget_Base;
use Elementor\Controls_Manager;
use Elementor\Group_Control_Image_Size;
use Elementor\Group_Control_Typography;
use Elementor\Scheme_Color;
use Elementor\Scheme_Typography;
use Elementor\Utils;
use Elementor\Control_Media;
use Elementor\Group_Control_Border;
use Elementor\Group_Control_Box_Shadow;
use Elementor\Group_Control_Text_Shadow;
use Elementor\Group_Control_Background;
use Elementor\Repeater;
use Elementor\Core\Kits\Documents\Tabs\Global_Colors;
function ui_el_btn($pf, $pf2, $condition = ''){
// Button Section
$pf->start_controls_section(
'button_section2',
[
'label' => __( 'Button', 'hub-elementor-addons' ),
'condition' => $condition
]
);
$pf->add_control(
'show_button',
[
'label' => __( 'Show Button', 'hub-elementor-addons' ),
'type' => ($pf2 === 'ib_' ? Controls_Manager::SWITCHER : Controls_Manager::HIDDEN),
'label_on' => __( 'Show', 'hub-elementor-addons' ),
'label_off' => __( 'Hide', 'hub-elementor-addons' ),
'return_value' => 'yes',
'default' => ($pf2 === 'ib_' ? '' : 'yes'),
]
);
$pf->add_control(
$pf2.'style',
[
'label' => __( 'Style', 'hub-elementor-addons' ),
'type' => Controls_Manager::SELECT,
'default' => 'btn-solid',
'options' => [
'btn-solid' => __( 'Solid', 'hub-elementor-addons' ),
'btn-naked' => __( 'Plain', 'hub-elementor-addons' ),
'btn-underlined' => __( 'Underline', 'hub-elementor-addons' ),
],
'condition' => [
'show_button' => 'yes',
]
]
);
$pf->add_control(
$pf2.'title',
[
'label' => __( 'Title', 'hub-elementor-addons' ),
'type' => Controls_Manager::TEXT,
'default' => __( 'Button', 'hub-elementor-addons' ),
'placeholder' => __( 'Enter Text', 'hub-elementor-addons' ),
'condition' => [
'show_button' => 'yes',
]
]
);
if ($pf2 !== 'ib_' ){
$pf->add_responsive_control(
$pf2.'align',
[
'label' => __( 'Alignment', 'hub-elementor-addons' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => __( 'Left', 'hub-elementor-addons' ),
'icon' => 'eicon-text-align-left',
],
'center' => [
'title' => __( 'Center', 'hub-elementor-addons' ),
'icon' => 'eicon-text-align-center',
],
'right' => [
'title' => __( 'Right', 'hub-elementor-addons' ),
'icon' => 'eicon-text-align-right',
],
'justify' => [
'title' => __( 'Justified', 'hub-elementor-addons' ),
'icon' => 'eicon-text-align-justify',
],
],
'prefix_class' => 'elementor%s-align-',
'default' => '',
'condition' => [
'show_button' => 'yes',
],
]
);
}
$pf->add_control(
$pf2.'link_type',
[
'label' => __( 'Link Type', 'hub-elementor-addons' ),
'type' => Controls_Manager::SELECT,
'default' => '',
'options' => [
'' => __( 'Simple Click', 'hub-elementor-addons' ),
'lightbox' => __( 'Lightbox', 'hub-elementor-addons' ),
'modal_window' => __( 'Modal Window', 'hub-elementor-addons' ),
'local_scroll' => __( 'Local Scroll', 'hub-elementor-addons' ),
'scroll_to_section' => __( 'Scroll to Section Bellow', 'hub-elementor-addons' ),
],
'separator' => 'before',
'condition' => [
'show_button' => 'yes',
]
]
);
$pf->add_control(
$pf2.'image_caption',
[
'label' => __( 'Image Caption', 'hub-elementor-addons' ),
'type' => Controls_Manager::TEXT,
'placeholder' => __( 'Enter Image Caption', 'hub-elementor-addons' ),
'condition' => array(
$pf2.'link_type' => 'lightbox',
'show_button' => 'yes',
),
]
);
$pf->add_control(
$pf2.'scroll_speed',
[
'label' => __( 'Scroll Speed', 'hub-elementor-addons' ),
'type' => Controls_Manager::TEXT,
'description' => __( 'Add scroll speed in milliseconds', 'hub-elementor-addons' ),
'condition' => array(
$pf2.'link_type' => array('local_scroll', 'scroll_to_section'),
'show_button' => 'yes',
),
]
);
$pf->add_control(
$pf2.'anchor_id',
[
'label' => __( 'Element ID', 'hub-elementor-addons' ),
'type' => Controls_Manager::TEXT,
'description' => __( 'Input the ID of the element to scroll, for ex. #Element_ID', 'hub-elementor-addons' ),
'condition' => array(
$pf2.'link_type' => array( 'modal_window', 'local_scroll'),
'show_button' => 'yes',
),
]
);
$pf->add_control(
$pf2.'link',
[
'label' => __( 'Link', 'hub-elementor-addons' ),
'type' => Controls_Manager::URL,
'placeholder' => __( 'https://your-link.com', 'hub-elementor-addons' ),
'show_external' => true,
'default' => [
'url' => '#',
'is_external' => false,
'nofollow' => false,
],
'condition' => array(
$pf2.'link_type' => array('', 'lightbox'),
'show_button' => 'yes',
),
]
);
$pf->end_controls_section();
// Styling Section
$pf->start_controls_section(
$pf2.'button_styling_section',
array(
'label' => __( 'Button Styling', 'hub-elementor-addons' ),
'condition' => [
'show_button' => 'yes',
]
)
);
$pf->add_control(
$pf2.'size',
[
'label' => __( 'Size', 'hub-elementor-addons' ),
'type' => Controls_Manager::SELECT,
'default' => 'btn-md',
'options' => [
'btn-xsm' => __( 'Extra Small', 'hub-elementor-addons' ),
'btn-sm' => __( 'Small', 'hub-elementor-addons' ),
'btn-md' => __( 'Medium', 'hub-elementor-addons' ),
'btn-lg' => __( 'Large', 'hub-elementor-addons' ),
'btn-xlg' => __( 'Extra Large', 'hub-elementor-addons' ),
'btn-custom-size' => __( 'Custom', 'hub-elementor-addons' ),
],
'condition' => array(
$pf2.'style' => array( 'btn-solid' ),
),
]
);
$pf->add_control(
$pf2.'width',
[
'label' => __( 'Button Width', 'hub-elementor-addons' ),
'type' => Controls_Manager::SELECT,
'default' => '',
'options' => [
'' => __( 'Normal', 'hub-elementor-addons' ),
'btn-block' => __( 'Fullwidth', 'hub-elementor-addons' ),
],
'condition' => array(
$pf2.'style' => array( 'btn-solid' ),
$pf2.'size!' => array( 'btn-custom-size' ),
// 'lqd_deprecated' => 'yes',
),
]
);
$pf->add_responsive_control(
$pf2.'custom_w',
[
'label' => __( 'Button Width', 'hub-elementor-addons' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', 'em' ],
'range' => [
'px' => [
'min' => 0,
'max' => 500,
'step' => 1,
],
'em' => [
'min' => 0,
'max' => 10,
'step' => 0.1,
],
],
'selectors' => [
'{{WRAPPER}} .btn' => 'width: {{SIZE}}{{UNIT}};',
],
'condition' => array(
$pf2.'style' => array( 'btn-solid' ),
$pf2.'size' => array( 'btn-custom-size' ),
),
]
);
$pf->add_responsive_control(
$pf2.'custom_h',
[
'label' => __( 'Button Height', 'hub-elementor-addons' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', 'em' ],
'range' => [
'px' => [
'min' => 0,
'max' => 500,
'step' => 1,
],
'em' => [
'min' => 0,
'max' => 10,
'step' => 0.1,
],
],
'selectors' => [
'{{WRAPPER}} .btn' => 'height: {{SIZE}}{{UNIT}};',
],
'condition' => array(
$pf2.'style' => array( 'btn-solid' ),
$pf2.'size' => array( 'btn-custom-size' ),
),
]
);
$pf->add_control(
$pf2.'border_w',
[
'label' => __( 'Border Size', 'hub-elementor-addons' ),
'type' => Controls_Manager::SELECT,
'default' => 'border-thin',
'options' => [
'border-thin' => __( '1px', 'hub-elementor-addons' ),
'border-thick' => __( '2px', 'hub-elementor-addons' ),
'border-thicker' => __( '3px', 'hub-elementor-addons' ),
],
'condition' => array(
$pf2.'style' => array( 'btn-underlined' ),
),
]
);
$pf->add_control(
$pf2.'hover_txt_effect',
[
'label' => __( 'Hover Text Effect', 'hub-elementor-addons' ),
'type' => Controls_Manager::SELECT,
'default' => '',
'options' => [
'' => __( 'None', 'hub-elementor-addons' ),
'btn-hover-txt-liquid-x' => __( 'Hover Liquid X', 'hub-elementor-addons' ),
'btn-hover-txt-liquid-x-alt' => __( 'Hover Liquid X Alt', 'hub-elementor-addons' ),
'btn-hover-txt-liquid-y' => __( 'Hover Liquid Y', 'hub-elementor-addons' ),
'btn-hover-txt-liquid-y-alt' => __( 'Hover Liquid Y Alt', 'hub-elementor-addons' ),
'btn-hover-txt-switch btn-hover-txt-switch-x' => __( 'Hover Switch X', 'hub-elementor-addons' ),
'btn-hover-txt-switch btn-hover-txt-switch-y' => __( 'Hover Switch Y', 'hub-elementor-addons' ),
'btn-hover-txt-marquee btn-hover-txt-marquee-x' => __( 'Hover Marquee X', 'hub-elementor-addons' ),
'btn-hover-txt-marquee btn-hover-txt-marquee-y' => __( 'Hover Marquee Y', 'hub-elementor-addons' ),
'btn-hover-txt-switch-change btn-hover-txt-switch btn-hover-txt-switch-y' => __( 'Hover Change Text', 'hub-elementor-addons' ),
],
]
);
$pf->add_control(
$pf2.'title_secondary',
[
'label' => __( 'Title', 'hub-elementor-addons' ),
'type' => Controls_Manager::TEXT,
'default' => __( 'Button', 'hub-elementor-addons' ),
'placeholder' => __( 'Enter Text', 'hub-elementor-addons' ),
'condition' => [
'show_button' => 'yes',
$pf2.'hover_txt_effect' => 'btn-hover-txt-switch-change btn-hover-txt-switch btn-hover-txt-switch-y',
]
]
);
$pf->end_controls_section();
// Icon Section
$pf->start_controls_section(
'icon_section',
array(
'label' => __( 'Button Icon', 'hub-elementor-addons' ),
'condition' => [
'show_button' => 'yes',
]
)
);
$pf->add_control(
$pf2.'i_add_icon',
[
'label' => __( 'Add Icon', 'hub-elementor-addons' ),
'type' => Controls_Manager::SWITCHER,
'label_on' => __( 'On', 'hub-elementor-addons' ),
'label_off' => __( 'Off', 'hub-elementor-addons' ),
'return_value' => 'true',
'default' => 'false',
]
);
$pf->add_control(
$pf2.'icon',
[
'label' => __( 'Icon', 'hub-elementor-addons' ),
'type' => Controls_Manager::ICONS,
'default' => [
'value' => 'fa fa-star',
'library' => 'solid',
],
'condition' => array(
$pf2.'i_add_icon' => 'true',
),
]
);
$pf->add_control(
$pf2.'i_size',
[
'label' => __( 'Icon Size', 'hub-elementor-addons' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', 'em' ],
'range' => [
'px' => [
'min' => 0,
'max' => 500,
'step' => 1,
],
'em' => [
'min' => 0,
'max' => 10,
'step' => 0.1,
],
],
'default' => [
'unit' => 'em',
'size' => 1,
],
'selectors' => [
'{{WRAPPER}} .btn' => '--icon-font-size: {{SIZE}}{{UNIT}};'
],
'condition' => array(
$pf2.'i_add_icon' => 'true',
),
]
);
$pf->add_control(
$pf2.'i_position',
[
'label' => __( 'Icon Position', 'hub-elementor-addons' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'btn-icon-left' => [
'title' => __( 'Left', 'hub-elementor-addons' ),
'icon' => 'eicon-arrow-left',
],
'btn-icon-right' => [
'title' => __( 'Right', 'hub-elementor-addons' ),
'icon' => 'eicon-arrow-right',
],
'btn-icon-block btn-icon-top' => [
'title' => __( 'Top', 'hub-elementor-addons' ),
'icon' => 'eicon-arrow-up',
],
'btn-icon-block' => [
'title' => __( 'Bottom', 'hub-elementor-addons' ),
'icon' => 'eicon-arrow-down',
],
],
'default' => 'btn-icon-right',
'toggle' => false,
'condition' => array(
$pf2.'i_add_icon' => 'true',
),
]
);
$pf->add_control(
$pf2.'i_shape_style',
[
'label' => __( 'Icon shape style', 'hub-elementor-addons' ),
'type' => Controls_Manager::SELECT,
'default' => '',
'options' => [
'' => __( 'Default', 'hub-elementor-addons' ),
'btn-icon-solid' => __( 'Solid', 'hub-elementor-addons' ),
'btn-icon-bordered' => __( 'Outline', 'hub-elementor-addons' ),
],
'condition' => array(
$pf2.'i_add_icon' => 'true',
),
]
);
$pf->add_control(
$pf2.'i_shape',
[
'label' => __( 'Icon Shape', 'hub-elementor-addons' ),
'type' => Controls_Manager::SELECT,
'default' => '',
'options' => [
'' => __( 'None', 'hub-elementor-addons' ),
'btn-icon-square' => __( 'Square', 'hub-elementor-addons' ),
'btn-icon-semi-round' => __( 'Semi Round', 'hub-elementor-addons' ),
'btn-icon-round' => __( 'Round', 'hub-elementor-addons' ),
'btn-icon-circle' => __( 'Circle', 'hub-elementor-addons' ),
],
'condition' => array(
$pf2.'i_add_icon' => 'true',
$pf2.'i_shape_style!' => '',
),
]
);
$pf->add_control(
$pf2.'i_shape_bw',
[
'label' => __( 'Border Size', 'hub-elementor-addons' ),
'type' => Controls_Manager::SELECT,
'default' => '',
'options' => [
'' => __( 'Default - 1px', 'hub-elementor-addons' ),
'btn-icon-border-thick' => __( '2px', 'hub-elementor-addons' ),
'btn-icon-border-thicker' => __( '3px', 'hub-elementor-addons' ),
'btn-icon-border-thickest' => __( '4px', 'hub-elementor-addons' ),
],
'condition' => array(
$pf2.'i_shape_style' => 'btn-icon-bordered',
$pf2.'i_add_icon' => 'true',
),
]
);
$pf->add_control(
$pf2.'i_shape_size',
[
'label' => __( 'Icon Shape size', 'hub-elementor-addons' ),
'type' => Controls_Manager::SELECT,
'default' => 'btn-icon-md',
'options' => [
'btn-icon-xsm' => __( 'Extra Small', 'hub-elementor-addons' ),
'btn-icon-sm' => __( 'Small', 'hub-elementor-addons' ),
'btn-icon-md' => __( 'Medium', 'hub-elementor-addons' ),
'btn-icon-lg' => __( 'Large', 'hub-elementor-addons' ),
'btn-icon-xlg' => __( 'Extra Large', 'hub-elementor-addons' ),
'btn-icon-custom-size' => __( 'Custom Size', 'hub-elementor-addons' ),
],
'condition' => array(
$pf2.'i_add_icon' => 'true',
$pf2.'i_shape!' => '',
$pf2.'i_shape_style!' => '',
),
]
);
$pf->add_control(
$pf2.'i_shape_custom_size',
[
'label' => __( 'Icon Shape Size', 'hub-elementor-addons' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => 0,
'max' => 200,
'step' => 1,
],
],
'selectors' => [
'{{WRAPPER}} .btn .btn-icon' => 'width: {{SIZE}}{{UNIT}};height: {{SIZE}}{{UNIT}};',
],
'condition' => [
$pf2.'i_add_icon' => 'true',
$pf2.'i_shape!' => '',
$pf2.'i_shape_style!' => '',
$pf2.'i_shape_size' => 'btn-icon-custom-size',
],
]
);
$pf->add_control(
$pf2.'i_hover_reveal',
[
'label' => __( 'Hover Effect', 'hub-elementor-addons' ),
'type' => Controls_Manager::SELECT,
'default' => '',
'options' => [
'' => __( 'Default', 'hub-elementor-addons' ),
'btn-hover-reveal' => __( 'Reveal', 'hub-elementor-addons' ),
'btn-hover-swp' => __( 'Switch Position', 'hub-elementor-addons' )
],
'condition' => array(
$pf2.'i_add_icon' => 'true',
$pf2.'i_position' => [ 'btn-icon-left', 'btn-icon-right' ],
// $pf2.'i_shape!' => '',
// $pf2.'i_shape_style!' => '',
),
]
);
$pf->add_control(
$pf2.'i_ripple',
[
'label' => __( 'Icon Ripple Effect', 'hub-elementor-addons' ),
'type' => Controls_Manager::SELECT,
'default' => '',
'options' => [
'' => __( 'No', 'hub-elementor-addons' ),
'btn-icon-ripple' => __( 'Yes', 'hub-elementor-addons' ),
],
'condition' => array(
$pf2.'i_shape!' => '',
$pf2.'i_shape_style!' => '',
$pf2.'i_add_icon' => 'true',
),
]
);
$pf->add_control(
$pf2.'i_separator',
[
'label' => __( 'Add Separator', 'hub-elementor-addons' ),
'type' => Controls_Manager::SELECT,
'default' => '',
'options' => [
'' => __( 'No', 'hub-elementor-addons' ),
'btn-icon-sep' => __( 'Yes', 'hub-elementor-addons' ),
],
'condition' => [
$pf2.'i_add_icon' => 'true',
$pf2.'i_position' => [ 'btn-icon-left', 'btn-icon-right' ],
$pf2.'i_ripple' => ''
],
]
);
$pf->add_responsive_control(
$pf2.'i_margin',
[
'label' => __( 'Icon Margin', 'hub-elementor-addons' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', 'em', '%' ],
'selectors' => [
'{{WRAPPER}} .btn' => '--icon-mt: {{TOP}}{{UNIT}}; --icon-me: {{RIGHT}}{{UNIT}}; --icon-mb: {{BOTTOM}}{{UNIT}}; --icon-ms: {{LEFT}}{{UNIT}};',
],
'separator' => 'before',
'condition' => [
$pf2.'i_add_icon' => 'true',
],
]
);
$pf->end_controls_section();
// Style Section
$pf->start_controls_section(
$pf2.'button_style_section',
[
'label' => __( 'Button Style', 'hub-elementor-addons' ),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'show_button' => 'yes',
]
]
);
$pf->add_control(
$pf2.'ld_btn_margin',
[
'label' => esc_html__( 'Margin', 'hub-elementor-addons' ),
'type' => ($pf2 === 'ib_' ? Controls_Manager::DIMENSIONS : Controls_Manager::HIDDEN),
'size_units' => [ 'px', '%', 'em' ],
'selectors' => [
'{{WRAPPER}} .btn' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'separator' => 'after',
]
);
$pf->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => $pf2.'_content_typography',
'label' => __( 'Typography', 'hub-elementor-addons' ),
'selector' => '{{WRAPPER}} .btn',
]
);
$pf->start_controls_tabs(
'button_style_tabs'
);
// Normal state
$pf->start_controls_tab(
'button_style_normal_tab',
[
'label' => __( 'Normal', 'hub-elementor-addons' ),
]
);
$pf->add_control(
$pf2.'text_color',
[
'label' => __( 'Text Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .btn' => 'color: {{VALUE}}; fill: {{VALUE}}',
],
]
);
$pf->add_group_control(
Group_Control_Background::get_type(),
[
'name' => $pf2.'background',
'label' => __( 'Background', 'hub-elementor-addons' ),
'types' => [ 'classic', 'gradient', 'image' ],
'selector' => '{{WRAPPER}} .btn',
'fields_options' => [
'background' => [
'default' => 'classic',
],
'color' => [
'global' => [
'default' => Global_Colors::COLOR_PRIMARY,
],
],
],
'separator' => 'before',
'condition' => array(
$pf2.'style' => array( 'btn-solid' ),
),
]
);
$pf->add_control(
$pf2.'b_color',
[
'label' => __( 'Border Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .btn:before' => 'background: {{VALUE}}',
],
'separator' => 'before',
'condition' => array(
$pf2.'style' => array( 'btn-underlined' ),
),
]
);
$pf->add_control(
$pf2.'i_color',
[
'label' => __( 'Icon Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .btn-icon' => 'color: {{VALUE}}; fill: {{VALUE}}',
],
'condition' => array(
$pf2.'i_add_icon' => 'true',
),
'separator' => 'before'
]
);
$pf->add_control(
$pf2.'i_fill_color',
[
'label' => __( 'Icon Fill Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .btn-icon' => 'background: {{VALUE}}',
],
'condition' => array(
$pf2.'i_shape_style' => 'btn-icon-solid',
),
]
);
$pf->add_control(
$pf2.'i_border_color',
[
'label' => __( 'Icon Border Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .btn-icon' => 'border-color: {{VALUE}}',
],
'condition' => array(
$pf2.'i_shape_style' => 'btn-icon-bordered',
),
]
);
$pf->add_control(
$pf2.'i_sep_color',
[
'label' => __( 'Icon Separator Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .btn-icon:before' => 'background: {{VALUE}}',
],
'condition' => array(
$pf2.'i_separator' => 'btn-icon-sep',
),
]
);
$pf->add_control(
$pf2.'ripple_color',
[
'label' => __( 'Icon Ripple Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .btn-icon:before' => 'border-color: {{VALUE}}',
],
'condition' => array(
$pf2.'i_shape!' => '',
$pf2.'i_add_icon' => 'true',
),
]
);
$pf->add_group_control(
Group_Control_Border::get_type(),
[
'name' => $pf2.'border',
'selector' => '{{WRAPPER}} .btn',
'separator' => 'before',
'condition' => array(
$pf2.'style' => array( 'btn-solid' ),
),
]
);
$pf->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => $pf2.'button_box_shadow',
'selector' => '{{WRAPPER}} .btn',
'condition' => array(
$pf2.'style' => array( 'btn-solid' ),
),
]
);
$pf->end_controls_tab();
// Hover state
$pf->start_controls_tab(
$pf2.'button_style_hover_tab',
[
'label' => __( 'Hover', 'hub-elementor-addons' ),
]
);
$pf->add_control(
$pf2.'htext_color',
[
'label' => __( 'Text Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .btn:hover, {{WRAPPER}} .btn:focus' => 'color: {{VALUE}}',
],
]
);
$pf->add_group_control(
Group_Control_Background::get_type(),
[
'name' => $pf2.'button_background_hover',
'label' => __( 'Background', 'hub-elementor-addons' ),
'types' => [ 'classic', 'gradient', 'image' ],
'selector' => '{{WRAPPER}} .btn:hover, {{WRAPPER}} .btn:focus',
'fields_options' => [
'background' => [
'default' => 'classic',
],
'color' => [
'global' => [
'default' => Global_Colors::COLOR_PRIMARY,
],
],
],
'separator' => 'before',
'condition' => array(
$pf2.'style' => array( 'btn-solid' ),
),
]
);
$pf->add_control(
$pf2.'h_b_color',
[
'label' => __( 'Border Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .btn:after' => 'background: {{VALUE}}',
],
'separator' => 'before',
'condition' => array(
$pf2.'style' => array( 'btn-underlined' ),
),
]
);
$pf->add_control(
$pf2.'i_hcolor',
[
'label' => __( 'Icon Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .btn:hover .btn-icon, {{WRAPPER}} .btn:focus .btn-icon' => 'color: {{VALUE}}; fill: {{VALUE}}',
],
'condition' => array(
$pf2.'i_add_icon' => 'true',
),
'separator' => 'before'
]
);
$pf->add_control(
$pf2.'i_fill_hcolor',
[
'label' => __( 'Icon Fill Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .btn:hover .btn-icon, {{WRAPPER}} .btn:focus .btn-icon' => 'background: {{VALUE}}',
],
'condition' => array(
$pf2.'i_shape_style' => array('btn-icon-solid', 'btn-icon-bordered'),
),
]
);
$pf->add_control(
$pf2.'i_border_hcolor',
[
'label' => __( 'Icon Border Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .btn:hover .btn-icon, {{WRAPPER}} .btn:focus .btn-icon' => 'border-color: {{VALUE}}',
],
'condition' => array(
$pf2.'i_shape_style' => 'btn-icon-bordered',
),
]
);
$pf->add_control(
$pf2.'h_i_sep_color',
[
'label' => __( 'Icon Separator Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .btn:hover .btn-icon:before, {{WRAPPER}} .btn:focus .btn-icon:before' => 'background: {{VALUE}}',
],
'condition' => array(
$pf2.'i_separator' => 'btn-icon-sep',
),
]
);
$pf->add_control(
$pf2.'h_ripple_color',
[
'label' => __( 'Icon Ripple Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .btn:hover .btn-icon:before, {{WRAPPER}} .btn:focus .btn-icon:before' => 'border-color: {{VALUE}}',
],
'condition' => array(
$pf2.'i_shape!' => '',
$pf2.'i_add_icon' => 'true',
),
]
);
$pf->add_group_control(
Group_Control_Border::get_type(),
[
'name' => $pf2.'h_border',
'selector' => '{{WRAPPER}} .btn:hover, {{WRAPPER}} .btn:focus',
'separator' => 'before',
'condition' => array(
$pf2.'style' => array( 'btn-solid' ),
),
]
);
$pf->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => $pf2.'h_button_box_shadow',
'selector' => '{{WRAPPER}} .btn:hover, {{WRAPPER}} .btn:focus',
'condition' => array(
$pf2.'style' => array( 'btn-solid' ),
),
]
);
$pf->end_controls_tab();
$pf->end_controls_tabs();
$pf->add_control(
$pf2.'border_radius',
[
'label' => __( 'Border Radius', 'hub-elementor-addons' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%', 'em' ],
'selectors' => [
'{{WRAPPER}} .btn' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'condition' => array(
$pf2.'style' => array( 'btn-solid' ),
),
]
);
$pf->add_responsive_control(
$pf2.'text_padding',
[
'label' => __( 'Text Padding', 'hub-elementor-addons' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', 'em', '%' ],
'selectors' => [
'{{WRAPPER}} .btn' => '--btn-pt: {{TOP}}{{UNIT}}; --btn-pe: {{RIGHT}}{{UNIT}}; --btn-pb: {{BOTTOM}}{{UNIT}}; --btn-ps: {{LEFT}}{{UNIT}};',
],
'separator' => 'before',
'condition' => array(
$pf2.'style' => array( 'btn-solid' ),
),
]
);
$pf->end_controls_section();
$color_sections_hide = get_post_type() === 'liquid-header' ? '' : '_hide';
// Sticky Header
$pf->start_controls_section(
$pf2.'sticky_button_style_section' . $color_sections_hide,
[
'label' => __( 'Sticky Color', 'hub-elementor-addons' ),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'show_button' => ($pf2 === 'ib_' ? 'hidden' : 'yes'),
]
]
);
$pf->start_controls_tabs(
'sticky_button_style_tabs'
);
// Normal state
$pf->start_controls_tab(
'sticky_button_style_normal_tab',
[
'label' => __( 'Normal', 'hub-elementor-addons' ),
]
);
$pf->add_control(
'sticky_' . $pf2 . 'text_color',
[
'label' => __( 'Text Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'.is-stuck {{WRAPPER}} .btn' => 'color: {{VALUE}} !important;',
],
]
);
$pf->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'sticky_' . $pf2 . 'background',
'label' => __( 'Background', 'hub-elementor-addons' ),
'types' => [ 'classic', 'gradient', 'image' ],
'selector' => '.is-stuck {{WRAPPER}} .btn',
'fields_options' => [
'background' => [
'default' => 'classic',
],
'color' => [
'global' => [
'default' => Global_Colors::COLOR_PRIMARY,
],
],
],
'separator' => 'before',
'condition' => array(
$pf2.'style' => array( 'btn-solid' ),
),
]
);
$pf->add_control(
'sticky_' . $pf2 . 'b_color_solid',
[
'label' => __( 'Border Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'.is-stuck {{WRAPPER}} .btn' => 'border-color: {{VALUE}} !important;',
],
'separator' => 'before',
'condition' => array(
$pf2.'style' => array( 'btn-solid' ),
),
]
);
$pf->add_control(
'sticky_' . $pf2 . 'b_color',
[
'label' => __( 'Border Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'.is-stuck {{WRAPPER}} .btn:before' => 'background: {{VALUE}} !important;',
],
'separator' => 'before',
'condition' => array(
$pf2.'style' => array( 'btn-underlined' ),
),
]
);
$pf->add_control(
'sticky_'. $pf2 . 'i_color',
[
'label' => __( 'Icon Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'.is-stuck {{WRAPPER}} .btn-icon' => 'color: {{VALUE}} !important;',
],
'condition' => array(
$pf2.'i_add_icon' => 'true',
),
'separator' => 'before'
]
);
$pf->add_control(
'sticky_' . $pf2 . 'i_fill_color',
[
'label' => __( 'Icon Fill Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'.is-stuck {{WRAPPER}} .btn-icon' => 'background: {{VALUE}} !important;',
],
'condition' => array(
$pf2.'i_shape_style' => 'btn-icon-solid',
),
]
);
$pf->add_control(
'sticky_' . $pf2 . 'ripple_color',
[
'label' => __( 'Icon Ripple Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'.is-stuck {{WRAPPER}} .btn-icon:before' => 'border-color: {{VALUE}} !important;',
],
'condition' => array(
$pf2.'i_shape!' => '',
$pf2.'i_add_icon' => 'true',
),
]
);
$pf->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'sticky_' . $pf2 . 'button_box_shadow',
'selector' => '.is-stuck {{WRAPPER}} .btn',
'condition' => array(
$pf2.'style' => array( 'btn-solid' ),
),
]
);
$pf->end_controls_tab();
// Hover state
$pf->start_controls_tab(
'sticky_' . $pf2 . 'button_style_hover_tab',
[
'label' => __( 'Hover', 'hub-elementor-addons' ),
]
);
$pf->add_control(
'sticky_' . $pf2 . 'htext_color',
[
'label' => __( 'Text Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'.is-stuck {{WRAPPER}} .btn:hover, .is-stuck {{WRAPPER}} .btn:focus' => 'color: {{VALUE}} !important;',
],
]
);
$pf->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'sticky_' . $pf2 . 'button_background_hover',
'label' => __( 'Background', 'hub-elementor-addons' ),
'types' => [ 'classic', 'gradient', 'image' ],
'selector' => '.is-stuck {{WRAPPER}} .btn:hover, .is-stuck {{WRAPPER}} .btn:focus',
'fields_options' => [
'background' => [
'default' => 'classic',
],
'color' => [
'global' => [
'default' => Global_Colors::COLOR_PRIMARY,
],
],
],
'separator' => 'before',
'condition' => array(
$pf2.'style' => array( 'btn-solid' ),
),
]
);
$pf->add_control(
'sticky_' . $pf2 . 'h_b_color_solid',
[
'label' => __( 'Border Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'.is-stuck {{WRAPPER}} .btn:hover, .is-stuck {{WRAPPER}} .btn:focus' => 'border-color: {{VALUE}} !important;',
],
'separator' => 'before',
'condition' => array(
$pf2.'style' => array( 'btn-solid' ),
),
]
);
$pf->add_control(
'sticky_' . $pf2 . 'h_b_color',
[
'label' => __( 'Border Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'.is-stuck {{WRAPPER}} .btn:after' => 'background: {{VALUE}} !important;',
],
'separator' => 'before',
'condition' => array(
$pf2.'style' => array( 'btn-underlined' ),
),
]
);
$pf->add_control(
'sticky_' . $pf2 . 'i_hcolor',
[
'label' => __( 'Icon Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'.is-stuck {{WRAPPER}} .btn:hover .btn-icon, .is-stuck {{WRAPPER}} .btn:focus .btn-icon' => 'color: {{VALUE}} !important;',
],
'condition' => array(
$pf2.'i_add_icon' => 'true',
),
'separator' => 'before'
]
);
$pf->add_control(
'sticky_' . $pf2 . 'i_fill_hcolor',
[
'label' => __( 'Icon Fill Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'.is-stuck {{WRAPPER}} .btn:hover .btn-icon, .is-stuck {{WRAPPER}} .btn:focus .btn-icon' => 'background: {{VALUE}} !important;',
],
'condition' => array(
$pf2.'i_shape_style' => array('btn-icon-solid', 'btn-icon-bordered'),
),
]
);
$pf->add_control(
'sticky_' . $pf2 . 'h_ripple_color',
[
'label' => __( 'Icon Ripple Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'.is-stuck {{WRAPPER}} .btn:hover .btn-icon:before, .is-stuck {{WRAPPER}} .btn:focus .btn-icon:before' => 'border-color: {{VALUE}} !important;',
],
'condition' => array(
$pf2.'i_shape!' => '',
$pf2.'i_add_icon' => 'true',
),
]
);
$pf->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'sticky_' . $pf2 . 'h_button_box_shadow',
'selector' => '.is-stuck {{WRAPPER}} .btn:hover, .is-stuck {{WRAPPER}} .btn:focus',
'condition' => array(
$pf2.'style' => array( 'btn-solid' ),
),
]
);
$pf->end_controls_tab();
$pf->end_controls_tabs();
$pf->end_controls_section();
// Colors Over Light Rows
$pf->start_controls_section(
$pf2.'sticky_light_button_style_section' . $color_sections_hide,
[
'label' => __( 'Colors Over Light Rows', 'hub-elementor-addons' ),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'show_button' => ($pf2 === 'ib_' ? 'hidden' : 'yes'),
]
]
);
$pf->start_controls_tabs(
'sticky_light_button_style_tabs'
);
// Normal state
$pf->start_controls_tab(
'sticky_light_button_style_normal_tab',
[
'label' => __( 'Normal', 'hub-elementor-addons' ),
]
);
$pf->add_control(
'sticky_light_' . $pf2 . 'text_color',
[
'label' => __( 'Text Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.lqd-active-row-light .btn' => 'color: {{VALUE}} !important;',
],
]
);
$pf->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'sticky_light_' . $pf2 . 'background',
'label' => __( 'Background', 'hub-elementor-addons' ),
'types' => [ 'classic', 'gradient', 'image' ],
'selector' => '{{WRAPPER}}.lqd-active-row-light .btn',
'fields_options' => [
'background' => [
'default' => 'classic',
],
'color' => [
'global' => [
'default' => Global_Colors::COLOR_PRIMARY,
],
],
],
'separator' => 'before',
'condition' => array(
$pf2.'style' => array( 'btn-solid' ),
),
]
);
$pf->add_control(
'sticky_light_' . $pf2 . 'b_color_solid',
[
'label' => __( 'Border Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.lqd-active-row-light .btn' => 'border-color: {{VALUE}} !important;',
],
'separator' => 'before',
'condition' => array(
$pf2.'style' => array( 'btn-solid' ),
),
]
);
$pf->add_control(
'sticky_light_' . $pf2 . 'b_color',
[
'label' => __( 'Border Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.lqd-active-row-light .btn:before' => 'background: {{VALUE}} !important;',
],
'separator' => 'before',
'condition' => array(
$pf2.'style' => array( 'btn-underlined' ),
),
]
);
$pf->add_control(
'sticky_light_'. $pf2 . 'i_color',
[
'label' => __( 'Icon Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.lqd-active-row-light .btn-icon' => 'color: {{VALUE}} !important;',
],
'condition' => array(
$pf2.'i_add_icon' => 'true',
),
'separator' => 'before'
]
);
$pf->add_control(
'sticky_light_' . $pf2 . 'i_fill_color',
[
'label' => __( 'Icon Fill Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.lqd-active-row-light .btn-icon' => 'background: {{VALUE}} !important;',
],
'condition' => array(
$pf2.'i_shape_style' => 'btn-icon-solid',
),
]
);
$pf->add_control(
'sticky_light_' . $pf2 . 'ripple_color',
[
'label' => __( 'Icon Ripple Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.lqd-active-row-light .btn-icon:before' => 'border-color: {{VALUE}} !important;',
],
'condition' => array(
$pf2.'i_shape!' => '',
$pf2.'i_add_icon' => 'true',
),
]
);
$pf->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'sticky_light_' . $pf2 . 'button_box_shadow',
'selector' => '{{WRAPPER}}.lqd-active-row-light .btn',
'condition' => array(
$pf2.'style' => array( 'btn-solid' ),
),
]
);
$pf->end_controls_tab();
// Hover state
$pf->start_controls_tab(
'sticky_light_' . $pf2 . 'button_style_hover_tab',
[
'label' => __( 'Hover', 'hub-elementor-addons' ),
]
);
$pf->add_control(
'sticky_light_' . $pf2 . 'htext_color',
[
'label' => __( 'Text Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.lqd-active-row-light .btn:hover, {{WRAPPER}}.lqd-active-row-light .btn:focus' => 'color: {{VALUE}} !important;',
],
]
);
$pf->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'sticky_light_' . $pf2 . 'button_background_hover',
'label' => __( 'Background', 'hub-elementor-addons' ),
'types' => [ 'classic', 'gradient', 'image' ],
'selector' => '{{WRAPPER}}.lqd-active-row-light .btn:hover, {{WRAPPER}}.lqd-active-row-light .btn:focus',
'fields_options' => [
'background' => [
'default' => 'classic',
],
'color' => [
'global' => [
'default' => Global_Colors::COLOR_PRIMARY,
],
],
],
'separator' => 'before',
'condition' => array(
$pf2.'style' => array( 'btn-solid' ),
),
]
);
$pf->add_control(
'sticky_light_' . $pf2 . 'h_b_color_solid',
[
'label' => __( 'Border Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.lqd-active-row-light .btn:hover, {{WRAPPER}}.lqd-active-row-light .btn:focus' => 'border-color: {{VALUE}} !important;',
],
'separator' => 'before',
'condition' => array(
$pf2.'style' => array( 'btn-solid' ),
),
]
);
$pf->add_control(
'sticky_light_' . $pf2 . 'h_b_color',
[
'label' => __( 'Border Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.lqd-active-row-light .btn:after' => 'background: {{VALUE}} !important;',
],
'separator' => 'before',
'condition' => array(
$pf2.'style' => array( 'btn-underlined' ),
),
]
);
$pf->add_control(
'sticky_light_' . $pf2 . 'i_hcolor',
[
'label' => __( 'Icon Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.lqd-active-row-light .btn:hover .btn-icon, {{WRAPPER}}.lqd-active-row-light .btn:focus .btn-icon' => 'color: {{VALUE}} !important;',
],
'condition' => array(
$pf2.'i_add_icon' => 'true',
),
'separator' => 'before'
]
);
$pf->add_control(
'sticky_light_' . $pf2 . 'i_fill_hcolor',
[
'label' => __( 'Icon Fill Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.lqd-active-row-light .btn:hover .btn-icon, {{WRAPPER}}.lqd-active-row-light .btn:focus .btn-icon' => 'background: {{VALUE}} !important;',
],
'condition' => array(
$pf2.'i_shape_style' => array('btn-icon-solid', 'btn-icon-bordered'),
),
]
);
$pf->add_control(
'sticky_light_' . $pf2 . 'h_ripple_color',
[
'label' => __( 'Icon Ripple Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.lqd-active-row-light .btn:hover .btn-icon:before, {{WRAPPER}}.lqd-active-row-light .btn:focus .btn-icon:before' => 'border-color: {{VALUE}} !important;',
],
'condition' => array(
$pf2.'i_shape!' => '',
$pf2.'i_add_icon' => 'true',
),
]
);
$pf->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'sticky_light_' . $pf2 . 'h_button_box_shadow',
'selector' => '{{WRAPPER}}.lqd-active-row-light .btn:hover, {{WRAPPER}}.lqd-active-row-light .btn:focus',
'condition' => array(
$pf2.'style' => array( 'btn-solid' ),
),
]
);
$pf->end_controls_tab();
$pf->end_controls_tabs();
$pf->end_controls_section();
// Colors Over Dark Rows
$pf->start_controls_section(
$pf2.'sticky_dark_button_style_section' . $color_sections_hide,
[
'label' => __( 'Colors Over Dark Rows', 'hub-elementor-addons' ),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'show_button' => ($pf2 === 'ib_' ? 'hidden' : 'yes'),
]
]
);
$pf->start_controls_tabs(
'sticky_dark_button_style_tabs'
);
// Normal state
$pf->start_controls_tab(
'sticky_dark_button_style_normal_tab',
[
'label' => __( 'Normal', 'hub-elementor-addons' ),
]
);
$pf->add_control(
'sticky_dark_' . $pf2 . 'text_color',
[
'label' => __( 'Text Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.lqd-active-row-dark .btn' => 'color: {{VALUE}} !important;',
],
]
);
$pf->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'sticky_dark_' . $pf2 . 'background',
'label' => __( 'Background', 'hub-elementor-addons' ),
'types' => [ 'classic', 'gradient', 'image' ],
'selector' => '{{WRAPPER}}.lqd-active-row-dark .btn',
'fields_options' => [
'background' => [
'default' => 'classic',
],
'color' => [
'global' => [
'default' => Global_Colors::COLOR_PRIMARY,
],
],
],
'separator' => 'before',
'condition' => array(
$pf2.'style' => array( 'btn-solid' ),
),
]
);
$pf->add_control(
'sticky_dark_' . $pf2 . 'b_color_solid',
[
'label' => __( 'Border Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.lqd-active-row-dark .btn' => 'border-color: {{VALUE}} !important;',
],
'separator' => 'before',
'condition' => array(
$pf2.'style' => array( 'btn-solid' ),
),
]
);
$pf->add_control(
'sticky_dark_' . $pf2 . 'b_color',
[
'label' => __( 'Border Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.lqd-active-row-dark .btn:before' => 'background: {{VALUE}} !important;',
],
'separator' => 'before',
'condition' => array(
$pf2.'style' => array( 'btn-underlined' ),
),
]
);
$pf->add_control(
'sticky_dark_'. $pf2 . 'i_color',
[
'label' => __( 'Icon Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.lqd-active-row-dark .btn-icon' => 'color: {{VALUE}} !important;',
],
'condition' => array(
$pf2.'i_add_icon' => 'true',
),
'separator' => 'before'
]
);
$pf->add_control(
'sticky_dark_' . $pf2 . 'i_fill_color',
[
'label' => __( 'Icon Fill Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.lqd-active-row-dark .btn-icon' => 'background: {{VALUE}} !important;',
],
'condition' => array(
$pf2.'i_shape_style' => 'btn-icon-solid',
),
]
);
$pf->add_control(
'sticky_dark_' . $pf2 . 'ripple_color',
[
'label' => __( 'Icon Ripple Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.lqd-active-row-dark .btn-icon:before' => 'border-color: {{VALUE}} !important;',
],
'condition' => array(
$pf2.'i_shape!' => '',
$pf2.'i_add_icon' => 'true',
),
]
);
$pf->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'sticky_dark_' . $pf2 . 'button_box_shadow',
'selector' => '{{WRAPPER}}.lqd-active-row-dark .btn',
'condition' => array(
$pf2.'style' => array( 'btn-solid' ),
),
]
);
$pf->end_controls_tab();
// Hover state
$pf->start_controls_tab(
'sticky_dark_' . $pf2 . 'button_style_hover_tab',
[
'label' => __( 'Hover', 'hub-elementor-addons' ),
]
);
$pf->add_control(
'sticky_dark_' . $pf2 . 'htext_color',
[
'label' => __( 'Text Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.lqd-active-row-dark .btn:hover, {{WRAPPER}}.lqd-active-row-dark .btn:focus' => 'color: {{VALUE}} !important;',
],
]
);
$pf->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'sticky_dark_' . $pf2 . 'button_background_hover',
'label' => __( 'Background', 'hub-elementor-addons' ),
'types' => [ 'classic', 'gradient', 'image' ],
'selector' => '{{WRAPPER}}.lqd-active-row-dark .btn:hover, {{WRAPPER}}.lqd-active-row-dark .btn:focus',
'fields_options' => [
'background' => [
'default' => 'classic',
],
'color' => [
'global' => [
'default' => Global_Colors::COLOR_PRIMARY,
],
],
],
'separator' => 'before',
'condition' => array(
$pf2.'style' => array( 'btn-solid' ),
),
]
);
$pf->add_control(
'sticky_dark_' . $pf2 . 'h_b_color_solid',
[
'label' => __( 'Border Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.lqd-active-row-dark .btn:hover, {{WRAPPER}}.lqd-active-row-dark .btn:focus' => 'border-color: {{VALUE}} !important;',
],
'separator' => 'before',
'condition' => array(
$pf2.'style' => array( 'btn-solid' ),
),
]
);
$pf->add_control(
'sticky_dark_' . $pf2 . 'h_b_color',
[
'label' => __( 'Border Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.lqd-active-row-dark .btn:after' => 'background: {{VALUE}} !important;',
],
'separator' => 'before',
'condition' => array(
$pf2.'style' => array( 'btn-underlined' ),
),
]
);
$pf->add_control(
'sticky_dark_' . $pf2 . 'i_hcolor',
[
'label' => __( 'Icon Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.lqd-active-row-dark .btn:hover .btn-icon, {{WRAPPER}}.lqd-active-row-dark .btn:focus .btn-icon' => 'color: {{VALUE}} !important;',
],
'condition' => array(
$pf2.'i_add_icon' => 'true',
),
'separator' => 'before'
]
);
$pf->add_control(
'sticky_dark_' . $pf2 . 'i_fill_hcolor',
[
'label' => __( 'Icon Fill Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.lqd-active-row-dark .btn:hover .btn-icon, {{WRAPPER}}.lqd-active-row-dark .btn:focus .btn-icon' => 'background: {{VALUE}} !important;',
],
'condition' => array(
$pf2.'i_shape_style' => array('btn-icon-solid', 'btn-icon-bordered'),
),
]
);
$pf->add_control(
'sticky_dark_' . $pf2 . 'h_ripple_color',
[
'label' => __( 'Icon Ripple Color', 'hub-elementor-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.lqd-active-row-dark .btn:hover .btn-icon:before, {{WRAPPER}}.lqd-active-row-dark .btn:focus .btn-icon:before' => 'border-color: {{VALUE}} !important;',
],
'condition' => array(
$pf2.'i_shape!' => '',
$pf2.'i_add_icon' => 'true',
),
]
);
$pf->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'sticky_dark_' . $pf2 . 'h_button_box_shadow',
'selector' => '{{WRAPPER}}.lqd-active-row-dark .btn:hover, {{WRAPPER}}.lqd-active-row-dark .btn:focus',
'condition' => array(
$pf2.'style' => array( 'btn-solid' ),
),
]
);
$pf->end_controls_tab();
$pf->end_controls_tabs();
$pf->end_controls_section();
}