Skip to content

Commit

Permalink
added initial files
Browse files Browse the repository at this point in the history
  • Loading branch information
@wikiwyrhead
wikiwyrhead authored May 29, 2024
1 parent 5b8e1aa commit 7f4e3cf
Show file tree
Hide file tree
Showing 2 changed files with 246 additions and 0 deletions.
28 changes: 28 additions & 0 deletions elementor-custom-search.php
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
<?php

/**
* Plugin Name: Elementor Custom Search
* Description: A custom search widget for Elementor.
* Version: 1.0
* Author: Arnel Go
*/

if (!defined('ABSPATH')) {
exit; // Exit if accessed directly.
}

function ecs_include_custom_post_types_in_search($query)
{
if ($query->is_search && !is_admin() && $query->is_main_query()) {
$query->set('post_type', array('post', 'page', 'your_custom_post_type'));
}
return $query;
}
add_filter('pre_get_posts', 'ecs_include_custom_post_types_in_search');

function ecs_register_custom_search_widget($widgets_manager)
{
require_once plugin_dir_path(__FILE__) . 'widget-ecs-custom-search.php';
$widgets_manager->register(new \ECS_Custom_Search_Widget());
}
add_action('elementor/widgets/widgets_registered', 'ecs_register_custom_search_widget');
218 changes: 218 additions & 0 deletions widget-ecs-custom-search.php
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,218 @@
<?php
class ECS_Custom_Search_Widget extends \Elementor\Widget_Base
{

public function get_name()
{
return 'ecs_custom_search';
}

public function get_title()
{
return __('ECS Custom Search', 'elementor-custom-search');
}

public function get_icon()
{
return 'eicon-search';
}

public function get_categories()
{
return ['basic'];
}

protected function _register_controls()
{
$this->start_controls_section(
'content_section',
[
'label' => __('Content', 'elementor-custom-search'),
'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
]
);

$this->add_control(
'placeholder',
[
'label' => __('Placeholder', 'elementor-custom-search'),
'type' => \Elementor\Controls_Manager::TEXT,
'default' => __('Search...', 'elementor-custom-search'),
]
);

$this->add_control(
'button_text',
[
'label' => __('Button Text', 'elementor-custom-search'),
'type' => \Elementor\Controls_Manager::TEXT,
'default' => __('Search', 'elementor-custom-search'),
]
);

$this->end_controls_section();

$this->start_controls_section(
'style_section',
[
'label' => __('Style', 'elementor-custom-search'),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);

$this->add_control(
'input_background',
[
'label' => __('Input Background', 'elementor-custom-search'),
'type' => \Elementor\Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} input[type="text"]' => 'background-color: {{VALUE}};',
],
]
);

$this->add_control(
'input_text_color',
[
'label' => __('Input Text Color', 'elementor-custom-search'),
'type' => \Elementor\Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} input[type="text"]' => 'color: {{VALUE}};',
],
]
);

$this->add_responsive_control(
'input_padding',
[
'label' => __('Input Padding', 'elementor-custom-search'),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => ['px', '%', 'em'],
'selectors' => [
'{{WRAPPER}} input[type="text"]' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);

$this->add_responsive_control(
'input_border_radius',
[
'label' => __('Input Border Radius', 'elementor-custom-search'),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => ['px', '%'],
'selectors' => [
'{{WRAPPER}} input[type="text"]' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);

$this->add_responsive_control(
'input_font_size',
[
'label' => __('Input Font Size', 'elementor-custom-search'),
'type' => \Elementor\Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 10,
'max' => 50,
],
],
'selectors' => [
'{{WRAPPER}} input[type="text"]' => 'font-size: {{SIZE}}{{UNIT}};',
],
]
);

$this->add_control(
'button_background',
[
'label' => __('Button Background', 'elementor-custom-search'),
'type' => \Elementor\Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} button' => 'background-color: {{VALUE}};',
],
]
);

$this->add_control(
'button_text_color',
[
'label' => __('Button Text Color', 'elementor-custom-search'),
'type' => \Elementor\Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} button' => 'color: {{VALUE}};',
],
]
);

$this->add_responsive_control(
'button_padding',
[
'label' => __('Button Padding', 'elementor-custom-search'),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => ['px', '%', 'em'],
'selectors' => [
'{{WRAPPER}} button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);

$this->add_responsive_control(
'button_border_radius',
[
'label' => __('Button Border Radius', 'elementor-custom-search'),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => ['px', '%'],
'selectors' => [
'{{WRAPPER}} button' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);

$this->add_responsive_control(
'button_font_size',
[
'label' => __('Button Font Size', 'elementor-custom-search'),
'type' => \Elementor\Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 10,
'max' => 50,
],
],
'selectors' => [
'{{WRAPPER}} button' => 'font-size: {{SIZE}}{{UNIT}};',
],
]
);

$this->end_controls_section();
}

protected function render()
{
$settings = $this->get_settings_for_display();
?>

<form id="custom-search-form" action="<?php echo esc_url(home_url('/')); ?>" method="get">
<input type="text" name="s" placeholder="<?php echo esc_attr($settings['placeholder']); ?>" required>
<button type="submit"><?php echo esc_html($settings['button_text']); ?></button>
</form>

<?php
}

protected function _content_template()
{
?>
<# var placeholder=settings.placeholder ? settings.placeholder : 'Search...' ; var buttonText=settings.button_text ? settings.button_text : 'Search' ; #>

<form id="custom-search-form" action="<?php echo home_url('/'); ?>" method="get">
<input type="text" name="s" placeholder="{{{ placeholder }}}" required>
<button type="submit">{{{ buttonText }}}</button>
</form>

<?php
}
}
?>

0 comments on commit 7f4e3cf

Please sign in to comment.