Add Search Toggle Icon at End of Menu in WordPress
In WordPress, you can add a search toggle field at the end of a menu using the filter wp_nav_menu_items or a similar menu filter by which you can append menu items at the end of the targetted menu, add a slideToggle with jQuery for the show/hide effect and a bit of CSS. Targetting the Menu…
Read MoreAdd Search Icon After Menu using Beaver Themer with the Beaver Theme
Here’s how you can add a search icon after a menu in a header done in the Beaver Theme using Beaver Themer. Create a Shortcode for the Beaver Builder Search function add_shortcode( ‘bb_search’,’bb_search_shortcode’ ); /* Add Search via shortcode */ function bb_search_shortcode() { ob_start(); FLTheme::nav_search(); return ob_get_clean(); } Create the Header in Beaver Themer Create…
Read MoreCustomize WooCommerce Product Search Field
The WooCommerce Product Search field can be added via a widget and also via a template tag… get_product_search_form() Another option is a filter get_product_search_form() by which you can create your own custom search field including using an icon. The Original Markup View the code on Gist. This will just reproduce the form in it’s original…
Read MoreHide Pages from Search Results in WordPress
In WordPress by default both posts and pages are included in the Search Results, you can remove pages or posts for that matter and also include custom post types by using the action hook pre_get_posts. In your functions.php add the appropriate snippet; To remove pages from the search results add in… To remove posts from the…
Read MoreAdd another Search Form to a No Results Page in Genesis
The ‘no results page’ from a search in Genesis leaves the visitor with not much info to go on, and if the no results page is a full width page with no sidebar which had contained the search widget it would be nice to have the option to quickly search again. Make a Child Theme Search…
Read MoreAdding a Fly Out Search Field Box for Genesis based on TwentyFourteen
How to set up a flyout search box on a Genesis Theme based on the TwentyFourteen theme where clicking on the search icon drops down a search field. This will be based on the Sample theme and will use the the area of the full width menu in the primary location. Live demo here. Icon…
Read More