start_controls_section(
'section_icon_search',
[
'label' => esc_html__( 'Icon Search', 'nighty' ),
]
);
$this->add_control(
'size_icon',
[
'label' => esc_html__( 'Size Icon', 'nighty' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%' ],
'range' => [
'px' => [
'min' => 0,
'max' => 50,
],
'%' => [
'min' => 0,
'max' => 100,
],
],
'default' => [
'unit' => 'px',
],
'selectors' => [
'{{WRAPPER}} .ova_wrap_search_popup i' => 'font-size: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_control(
'color_icon_search',
[
'label' => esc_html__( 'Icon Color', 'nighty' ),
'type' => \Elementor\Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .ova_wrap_search_popup i' => 'color: {{VALUE}}',
],
]
);
$this->add_control(
'color_hover_icon_search',
[
'label' => esc_html__( 'Icon Color Hover', 'nighty' ),
'type' => \Elementor\Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .ova_wrap_search_popup i:hover' => 'color: {{VALUE}}',
],
]
);
$this->end_controls_section();
$this->start_controls_section(
'section_search_popup_button',
[
'label' => esc_html__( 'Search Popup Button', 'nighty' ),
]
);
$this->add_control(
'bgcolor_search_popup_button',
[
'label' => esc_html__( 'Background Color', 'nighty' ),
'type' => \Elementor\Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .ova_wrap_search_popup .ova_search_popup .container .search-form .search-submit' => 'background-color: {{VALUE}}',
],
]
);
$this->add_control(
'bgcolor_hover_icon_search_popup',
[
'label' => esc_html__( 'Background Color Hover', 'nighty' ),
'type' => \Elementor\Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .ova_wrap_search_popup .ova_search_popup .container .search-form .search-submit:hover' => 'background-color: {{VALUE}}',
],
]
);
$this->end_controls_section();
}
// Render Template Here
protected function render() {
$settings = $this->get_settings();
?>
register( new Nighty_Elementor_Search_Popup() );