start_controls_section(
'content_section',
[
'label' => __( 'Content', 'simply-static' ),
'tab' => Controls_Manager::TAB_CONTENT,
]
);
$this->add_control(
'placeholder_text',
[
'label' => __( 'Placeholder Text', 'simply-static' ),
'type' => Controls_Manager::TEXT,
'default' => __( 'Search...', 'simply-static' ),
'placeholder' => __( 'Enter placeholder text', 'simply-static' ),
]
);
$this->end_controls_section();
$this->start_controls_section(
'style_section',
[
'label' => __( 'Style', 'simply-static' ),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'input_width',
[
'label' => __( 'Input Width', 'simply-static' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%' ],
'range' => [
'px' => [
'min' => 100,
'max' => 1000,
'step' => 5,
],
'%' => [
'min' => 10,
'max' => 100,
],
],
'default' => [
'unit' => '%',
'size' => 100,
],
'selectors' => [
'{{WRAPPER}} .simply-static-search-input' => 'width: {{SIZE}}{{UNIT}};',
],
]
);
$this->end_controls_section();
}
/**
* Render search widget output on the frontend.
*
* Written in PHP and used to generate the final HTML.
*
* @since 1.0.0
* @access protected
*/
protected function render() {
$settings = $this->get_settings_for_display();
$placeholder_text = ! empty( $settings['placeholder_text'] ) ? $settings['placeholder_text'] : __( 'Search...', 'simply-static' );
$options = Options::instance();
$search_type = $options->get('search_type');
if ( ! $search_type ) {
$search_type = 'fuse';
}
// Determine selector for the form element (not the input)
$form_class = 'fuse' === $search_type ? $options->get('fuse_selector') : $options->get('algolia_selector');
if ( ! $form_class ) {
$form_class = '.search-form';
}
$form_class = explode( ' ', $form_class );
$form_class = end( $form_class );
if ( $form_class !== null ) {
$form_class = ltrim( $form_class, '.' );
}
?>
get('search_type');
if ( ! $search_type ) {
$search_type = 'fuse';
}
$form_class = 'fuse' === $search_type ? $options->get('fuse_selector') : $options->get('algolia_selector');
if ( ! $form_class ) {
$form_class = '.search-form';
}
$form_class = explode( ' ', $form_class );
$form_class = end( $form_class );
if ( $form_class !== null ) {
$form_class = ltrim( $form_class, '.' );
}
?>
<#
var placeholder_text = settings.placeholder_text || '';
#>