Please keep in mind that if you wanna use the new version, you need to update all of the MusexPress widgets in your Muse project (to the new version) to be sure that everything will work correctly on your site.
Download the Search Box Plugin from here. After the unzip you will find to folders: Widgets and Plugin.
Go to the WordPress admin panel and go to the “plugins” menu. Click on the “add new” button on the top and then upload the plugin.
Select the search-box.zip file from the plugin folder and then click on the “install now” button. Wait for the installation and then activate the plugin.
From the widget folder you can find the muilb file, so just click on it and go to Adobe Muse. In the library panel you can find a folder called “MusexPress – Search Box 3.2”. In this folder you can find 3 folders containing mulib files:
– MusexPress Search Box 01 – Search Forms
– MusexPress Search Box 02 – Search Page
– MusexPress Search Box 03 – Search Result Template
It contains 3 types of forms:
– Expandable Search Form: it allows to expand the search form.
The form size is the same as the box size that contains it. The form height is the same of the height of the icon you want to use.
This widget has some search options that allow to select specific selectors on the bases of the nature of the research we want to execute.
We can also decide to leave it always open.
– Single Search Form: This is the classic search form. We can now search across posts, products, pages or choose to have an all inclusive search.
– Advanced Search Form: This widget allows to have one Search box for all the products and the posts of our website. We can use it with our Blog Plugin, with WooCommerce or both of them. We just have to select the option we prefer from the widget menu. We can use it only with top right pin. We suggest to put it into the master page of the project on the top right corner, to have a perfect animation effect.
Remember to bring it to front to all of the elements to have a perfect results in all pages of your website.
You can add the SVG icon you prefer for your search button, directly from the widget menu.
You can use this widget in combination with the Dynamic Menu to show a quick links list when you click on the search icon.
Just create a new menu from the WordPress admin panel and insert the same name into the Quick Links section of the widget menu.
This folder contains several widgets:
– Search page ID: here we have to assign a base ID and set the number of results per page we want to show.
– Search Query Themes: it indicates search terms the user looked for.
– Results Number: it shows the number of results.
– Results Count: it indicates the number of shown results out of the total number of results.
– Search Page Navigation: it allows to navigate across the pages.
We find here other handy widgets:
– Search Result Container: all the other widgets in this folder must be inserted inside this accordion to work.
– Search Result Title: You need to set a Base ID and search result index inside the widget menu. Style font and size are editable from the Text Menu, colors through the Hyperlink Style. Note that this widget is always necessary. Without this widget, the search result doesn’t shown.
– Search Result Excerpt: it’s a text field in which you can change the paragraph length from MusexPress Dashboard.
– Read More: a classic Read More button.
– Featured Image: a featured image that you can style and size it from the Muse fill menu.
– Sample Template: it’s a default Search Template inclusive of the most important widgets. You can decide to use it to save time instead of creating your own template. If you want create a template from scratch, you can assemble all the single widgets in this folder.
Once your website design is finished, click on the File menu and then “upload to FTP hosting”. We insert our FTP credentials and continue. Now we have to insert the site URL. Pay attention to the “folder on server section”. That’s a very important step to have MusexPress working properly. You need to insert here the same WordPress installation path as completed before (either in root folder or in subfolder) and add /mxp_theme. We’re ready to go to the next steps. In the Upload section select “All files” if you’re uploading MusexPress for the first time. Then you can choose “only modified files”. Click ok. You will see an FTP validation alert. Don’t worry about that. Click on Ignore and wait for the website upload.
Once the upload is completed, go to your WordPress admin panel.
Go to MusexPress menu and click in the pages converter. Select all the pages and click on the convert button.
In the Page Settings we find 2 more pages now:
– Search Result Page: it shows the result of the search.
– No Search Result Page: here we have to set the page to which refer in case of no result.
In the Extension Settings panel of MusexPress dashboard we have more elements to check:
– Search result number: It indicates the number of results to show.
– One match redirect: in the case the search has only one result, we can choose to down the user to that page directly, instead of the search result page.
– Excerpt Length: we can choose the length of the preview of results.
– Last Word: we can choose which word to display at the end of the excerpt.
– Redirect to Blog and Shop: in the case we set the search only across posts or product, we can choose to down the user to Blog page or Shop page directly, instead of the search result page.