%PDF-
%PDF-
Mini Shell
Mini Shell
<?php
namespace Elementor;
if ( ! defined( 'ABSPATH' ) ) exit;
class Evenex_Search extends Widget_Base {
public $base;
public function get_name() {
return 'evenex-search';
}
public function get_title() {
return esc_html__( 'Evenex Search', 'evenex' );
}
public function get_icon() {
return 'eicon-search';
}
public function get_categories() {
return [ 'evenex-elements' ];
}
protected function _register_controls() {
$this->start_controls_section(
'evenex_search_section_tab',
[
'label' => esc_html__('Search settings', 'evenex'),
'tab' => Controls_Manager::TAB_CONTENT,
]
);
$this->add_control(
'evenex_search_button_icon',
[
'label' => esc_html__( 'Select Icon', 'evenex' ),
'type' => Controls_Manager::ICONS,
'default' => [
'value' => 'fas fa-search',
]
]
);
$this->add_control(
'evenex_search_button_icon_size',
[
'label' => esc_html__( 'Icon Size', 'evenex' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px'],
'range' => [
'px' => [
'min' => 0,
'max' => 100,
'step' => 1,
],
],
'selectors' => [
'{{WRAPPER}} .evenex-search-submit i' => 'font-size: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_control(
'evenex_search_placeholder',
[
'label' => esc_html__( 'Placeholder', 'evenex' ),
'type' => \Elementor\Controls_Manager::TEXT,
'default' => esc_html__( 'Search...', 'evenex' ),
'placeholder' => esc_html__( 'Search...', 'evenex' ),
]
);
$this->end_controls_section();
$this->start_controls_section(
'evenex_search_style',
[
'label' => esc_html__( 'Style Section', 'evenex' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'evenex_search_icon_color_setting_title',
[
'label' => esc_html__( 'Icon color', 'evenex' ),
'type' => \Elementor\Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->start_controls_tabs(
'evenex_search_icon_color_setting'
);
$this->start_controls_tab(
'evenex_search_icon_color_normal_setting',
[
'label' => esc_html__( 'Normal', 'evenex' ),
]
);
$this->add_control(
'evenex_search_icon_color_normal',
[
'label' => esc_html__( 'Color', 'evenex' ),
'type' => \Elementor\Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .evenex-search-submit i' => 'color: {{VALUE}}',
],
]
);
$this->end_controls_tab();
$this->start_controls_tab(
'evenex_search_icon_color_hover_setting',
[
'label' => esc_html__( 'Hover', 'evenex' ),
]
);
$this->add_control(
'evenex_search_icon_color_hover',
[
'label' => esc_html__( 'Color', 'evenex' ),
'type' => \Elementor\Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .evenex-search-submit:hover i' => 'color: {{VALUE}}',
],
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->add_control(
'evenex_search_input_setting_title',
[
'label' => esc_html__( 'Input Setting', 'evenex' ),
'type' => \Elementor\Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'evenex_search_input_color',
[
'label' => esc_html__( 'Input Color', 'evenex' ),
'type' => \Elementor\Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .evenex-search-field' => 'color: {{VALUE}}',
],
]
);
$this->add_control(
'evenex_search_placeholder_color',
[
'label' => esc_html__( 'Placeholder Color', 'evenex' ),
'type' => \Elementor\Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .evenex-search-field::placeholder' => 'color: {{VALUE}}',
'{{WRAPPER}} .evenex-search-field:-ms-input-placeholder' => 'color: {{VALUE}}',
'{{WRAPPER}} .evenex-search-field::-ms-input-placeholder' => 'color: {{VALUE}}',
],
]
);
$this->add_control(
'evenex_search_input_focus_border_color',
[
'label' => esc_html__( 'Focus Border Color', 'evenex' ),
'type' => \Elementor\Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .evenex-search-field:focus' => 'border-color: {{VALUE}}',
],
]
);
$this->add_control(
'evenex_search_input_typography_setting_title',
[
'label' => esc_html__( 'Input Typography', 'evenex' ),
'type' => \Elementor\Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'evenex_search_input_typography',
'label' => esc_html__( 'Typography', 'evenex' ),
'selector' => '{{WRAPPER}} .evenex-search-field',
]
);
$this->end_controls_section();
}
protected function render( ) {
$settings = $this->get_settings();
extract($settings);
$icon = $evenex_search_button_icon['value'] != '' ? $evenex_search_button_icon['value'] : 'fas fa-search';
$unique_id = esc_attr( wp_unique_id( 'evenex-search-form-' ) );
?>
<form role="search" method="get" class="evenex-search" action="<?php echo esc_url( home_url( '/' ) ); ?>">
<button type="submit" class="search-submit evenex-search-submit"><i class="<?php echo esc_attr($icon); ?>"></i></button>
<input type="search" id="<?php echo esc_attr($unique_id); ?>" class="search-field evenex-search-field" placeholder="<?php echo esc_attr($evenex_search_placeholder); ?>" value="<?php echo get_search_query(); ?>" name="s" />
</form>
<?php
}
protected function _content_template() { }
}
Zerion Mini Shell 1.0