3 different search fields

Hi @amc83,

You can use the default WooCommerce Product Search widget instead of the search box you currently have. The search result page will use the default WooCommerce layout.

I hope it will help.

Kind regards,
Herman ??

I know and I have tried and it worked. My problem is that i’m a total beginner at CSS and I cannot style the default WooCommerce Product Search widget in the same way as it looks now. I got the round borders and grey button but I would like to have the same icon as now and I just don’t no how?

Hi @amc83,

Then you can just use the default Astra search box and restrict the search result for only the WooCommerce Product using the below snippet

add_filter( ‘astra_get_search_form’, ‘astra_search_woocommerce_only’ );

function astra_search_woocommerce_only( $search_form ) { 
    $search_form = str_replace( '-1"/>', '-1"/><input type="hidden" name="post_type" value="product"/>', $search_form ); 
    return $search_form;
}

I hope it helps.

Kind regards,
Herman ??

I think you misunderstood me. I do have the right search formular but I need to style it in the same way as it is now. If I use the right search formular it comes with “Search” on the button not the icon. I need to style it in CSS.

On this page: https://pegasus-elscooter.dk/vare/manual-brugervejledning
If you scroll down you can try to Search. That’s the right one but I can’t make it look like the one in the header.

Hi @amc83,

Did you mean you want to change this to a search/zoom icon?

What is that, is it the default Astra Search element, or default WooCommerce Search Product widget, or what?

Let us know.

Kind regards,
Herman ??

Yes exactly (:

It’s Elementor Search. It’s not me who have made the site from the beginning but it’s very slow and i’m trying to find out if it’s because of Astra, Wocommerce and Elementor together.

Hi @amc83,

Then I would suggest you post a new topic on the Elementor forum to get some help. Maybe someone from the community can help you with a snippet for that.

And regarding the site speed/performance, actually, a theme alone does not decide the speed of the website. There other important factors such as the hosting you choose, other plugins used on the website, how a page is designed, sized and compression of images, and many others.

You might want to refer to these articles to improve your site performance:

• wpastra.com/wordpress-performance-tips/
• wpastra.com/speed-up-wordpress/
• https://www.wpbeginner.com/wordpress-performance-speed/

I hope it can help.

Kind regards,
Herman ??