RapidSearch Helper

Free

Our free, RapidSearch Helper stack compliments the RapidSearch, RapidSearch Pro and SimpleSearch stacks wonderfully well. By using this stack, you can create highly customisable search boxes and buttons to go on your website pages. These search boxes can be used to collect search terms from you website users and pass the keywords to your search page for processing. RapidSearch Helper is super-simple to setup and provides you with a plentiful choice of different search box designs; designed and coded to modern standards.

To use RapidSearch Helper, simply add this stack to a Stacks page. In the stack settings, provide the link to your webpage that is hosting RapidSearch, RapidSearch Pro or SimpleSearch. Then choose a search box design you want to use and play around with the settings. Zero code or complicated configuration is required, to accomplish the basics. Neither are any theme modifications needed. You will love using this free stack!

Please remember that RapidSearch, RapidSearch Pro and SimpleSearch are not included in this stack download. You still need to buy at least one of these search stacks, as they work to process and display the search results. RapidSearch Helper simply works to collect keywords and pass them along to the search page.

Example search boxes

Here are some examples of the RapidSearch Helper stacks. These examples are configured to send search results to the RapidSearch page. The color scheme and styling of most search box styles is customizable and we attempt to inherit some styling (like font faces) from your theme.

Using reveals

Normally a search box will be displayed within the page flow - in other words wherever you drop the stack into the page. However it is possible to have the search box displayed elsewhere within the page; revealed within an attractive popup or overlay. This can be accomplished using the Reveals option in the stack. When a reveal effect is applied, the search box is hidden on page load. The search box only comes into view when a link or button is clicked. And the search box only disappears again when the page is reloaded or you click outside of the search box.

For each reveal, you will need to provide the element or ID of the link or button to trigger the search box. This might be as simple as a link or button with an ID of 'searchBox'. Alternatively you may wish to use a named element from another stack. The web inspector can always help you obtain class or ID selector names to use. It is possible for multiple buttons or links to trigger the same search box on a page. Different reveals have different style and colour settings available to customise.

Reveals are intended for use in "average" webpages - webpages where there are typically no special effects happening (like loading animations or parallax scrolling). In more complex setups, the compatibility of reveals starts to diminish. You may need to use additional custom Javascript or CSS to get reveals to work in very complicated pages.

Popup search boxes from the nav bar

You can attempt to make the final link in your website navigation menu trigger the display of a search box. To accomplish this, change the Reveal setting to Popup. Then for the search button selector, enter the following selector name:

nav > ul:first-of-type > li:last-child > a

This certainly will not work universally in all RapidWeaver themes (you may need to ask the theme developer for help, ask on the forums or hire us to try it for you). But in essence, what it attempts to do is traverse your parent level navigation links and grab the last parent link it sees. It will disable the normal link and instead turn the link into a button that can be clicked to trigger the popup search box.

The technique works on both mobile and desktop navigation. You could change the link title to say 'search' or replace the text with a Font Awesome icon. Now when a user clicks on the last parent navigation link, they will see your search box appear within a popup. Include RapidSearch Helper as a Stacks partial on each webpage, wherever you want this behaviour to take effect. You can see we've got a working example on this website (click the search icon in the navigation bar).
Thanks! Please check the following:
System requirements
This stack requires RapidWeaver and the YourHead Stacks plugin. It will not work with other platforms (like Wordpress). We recommend you aim towards installing the latest version of RapidWeaver that your computer is capable of running (preferably RapidWeaver 6 or greater) and Stacks 3 or later.

License agreement
You may use this purchased stack an unlimited number of times in personal or commercial projects, request technical support and receive free updates in future.

This stack can be installed or synced onto all computers that you own. You are permitted to make archival backup copies of the stack.

You may not resell or make this stack available for download, remove copyright credits or license information.

The software is provided "as is" without any implied or expressed warranty of merchantability or fitness for purpose. In no event shall the authors or copyright holders be liable for any claim, damages or other liability, whether in an action of contract, tort or otherwise arising from, out of or in connection with the software or the use or other dealings in the software.

Refund policy
By purchasing this stack, you agree that your purchase will be available immediately via digital download and that you waive your statutory right of withdrawal.

All purchases are final and refunds will not be provided (we physically cannot un-download or remove stacks from your computer).

You are reminded to make use of the free demo version already provided on the website, to fully evaluate this stack for compatibility and suitability before purchase.

Customer support
If you have questions that relate specifically to this stack, you should make contact via the support page. We aim to answer all messages within 12 hours, Monday to Friday.

If you require a faster response at weekends or during public holidays, please post your question(s) to the RapidWeaver forums, where a support volunteer may be able to assist you quicker.