Plugin / Bop Search Box Item Type For Nav Menus

The Bop
Download from WordPress

Frequently Asked Questions (FAQ)

Simply install and search box should appear as an option in the Appearance > Menus section of the admin area upon activation. No configuration needed. If it fails to appear, open the screen options tab in your Menus admin page and check Search Box. N.B. The search box may not appear stylistically as desired in your menu. This would be because of a conflict between display of the search form and the display of the menu in the theme you are using. This plugin does not assume anything of your theme, nor try to impose anything upon your theme (i.e. no added frontend CSS or JS). It only provides the functionality as stated. For assistance in how you can change/fix the outputted design, see this support post. For suggestions on designs, see this codepen collection. Thanks to (Das)[https://wordpress.org/support/profile/adwaitatechnologies].
A: The customizer is still in active development, especially for menus, at the time of writing this and any odd behaviour is likely because of that. Nonetheless, if you do experience any issues, let me know on the support forum. I still recommend using Appearance > Menus
A: This is a known issue with the customizer (at the time of writing). Ignore it, they still work just fine.
A: It is not this plugin but WordPress itself that is causing this issue. When using more than one WordPress HTML4 search form, there is a conflict as id attributes are repeated in the same document (not allowed in HTML). The only solutions to this are to only use one search form per page, or add support for HTML5 search forms to your theme. I advise the latter, see here to find out how this is done. Alternatively, A: There is an issue with your theme’s nav walker class. Probably worth getting another theme/if it’s yours, fixing it.
A: This is set via the Attribute Title field in the menu item editor in the admin area. However, if your theme doesn’t support html5 search forms, this won’t work. See here for a support post on how to enable HTML5 support. Note that there are a few id and class changes when going to HTML5 and that if your theme’s css/js uses the old ones, you made need to make a few small fixes.
A: This has been rectified, but depending on when you downloaded v1.4.0, it may be incorrect on your system. See this support question for more info and a fix: https://wordpress.org/support/topic/please-dont-modify-prev-used-classes-in-the-plugin-it-breaks-developed-theme
A: There are a number of filters available for the output of the search box and they are written about below. The most comprehensive method is to use the filter hook get_nav_search_box_form and return the html you want to see. For example: add_filter( 'get_nav_search_box_form', function( $current_form, $item, $depth, $args ){ $new_form = '...my_html...'; return $new_form; }, 10, 4 ); Keep in mind that this is being accessed as part of a walk and that $item, $depth and $args are the same as in Walker_Nav_Menu::start_el(). Try to use some of the features demonstrated in the code there.
A: The filter hook bop_nav_search_show_submit_button will do the job of removing. Use: add_filter( 'bop_nav_search_show_submit_button', function( $bool, $item, $depth, $args ){ $bool = false; return $bool; }, 10, 4 ); in your theme’s functions.php file – or other similarly suitable php file. If you wish to strictly hide the button (i.e. keep outputting html but have it invisible), use .bop-nav-search input[type="submit"]{ display: none; } in your theme’s style.css – or other similarly suitable css file. Note that bop-nav-search is the default class applied list item, so if it’s changed, the style rule will need changing accordingly.
A: The filter hook bop_nav_search_screen_reader_text will do the job of removing or changing the text. Use: add_filter( 'bop_nav_search_screen_reader_text', function( $text, $item, $depth, $args ){ $text = ''; //for nothing $text = __( 'The text you want', 'myslug' ); //to change - the __() is for theme translation return $text; }, 10, 4 ); in your theme’s functions.php file – or other similarly suitable php file. The output should be hidden in a well written theme as it has screen-reader-text class. However, if this is not the case, you may well wish to add .bop-nav-search .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } or simply, .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } in your theme’s style.css – or other similarly suitable css file. Note that bop-nav-search is the default class applied list item, so if it’s changed, the style rule will need changing accordingly. Also note that, as per WP defaults, the default output for this filter is different depending on whether your theme supports html5.
A: It is most likely that you have it turned off in the Screen Options tab on your Menus admin page.
A: It is most likely that you have it turned off in the Screen Options tab on your Menus admin page.
A: Your caching plugin is likely being naughty by misusing WP Object Cache. Many of these plugins allow you to turn this on or off; I recommend off. However, you are also likely using an older version of this (BSBITFNM) plugin and you should update. Versions 1.3.1 and above no longer use WP Object Cache and should fix the conflict.

Ratings

4.7
23 reviews

Rating breakdown

Details Information

Version

1.6.0

First Released

02 Jan, 2015

Total Downloads

37,530

Wordpress Version

3.4 or higher

Tested up to:

4.8.11

Require PHP Version:

-

Tags

menu nav nav menu nav menus

Contributors

joe_bopper

Languages

The plugin hasn't been transalated in any language other than English.

DIRECTORY DISCLAIMER

The information provided in this THEME/PLUGIN DIRECTORY is made available for information purposes only, and intended to serve as a resource to enable visitors to select a relevant theme or plugin. wpSocket gives no warranty of any kind, express or implied with regard to the information, including without limitation any warranty that the particular theme or plugin that you select is qualified on your situation.

The information in the individual theme or plugin displayed in the Directory is provided by the owners and contributors themselves. wpSocket gives no warranty as to the accuracy of the information and will not be liable to you for any loss or damage suffered by you as a consequence of your reliance on the information.

Links to respective sites are offered to assist in accessing additional information. The links may be outdated or broken. Connect to outside sites at your own risk. The Theme/Plugin Directory does not endorse the content or accuracy of any listing or external website.

While information is made available, no guarantee is given that the details provided are correct, complete or up-to-date.

wpSocket is not related to the theme or plugin, and also not responsible and expressly disclaims all liability for, damages of any kind, arising out of the use, reference to, or reliance on, any information or business listed throughout our site.

Keep Leading Your Followers!
Share it for them.