Global Search

Display your site's search results as an Essential Grid.

Table of Contents

Right-click your site’s default search field, and select “Inspect Element”.

And then copy the class name of the search field’s element from the browser’s web console.

Next, from the “Search Settings” page, set “Enable Search Globally” to “On”, and then click “Add Setting”.

Next, paste in your search form’s class name, select a Grid, and click “Save Settings”.

Result:

2. Create your own Search Form as a Shortcode

From the “Search Settings” page, click “Add Shortcode” from the “Shortcodes Search” tab.

Give the shortcode a “Handle”, assign it a Grid, enter some HTML to be used for the search, and then copy the Generated Shortcode to your clipboard.

Next, paste the shortcode into one of your pages.

Result:

Global Search

Further Resources for Web Design and Development Enthusiasts

Alright! We've embarked on quite an adventure exploring the realms of this topic. But why stop there? The world of web design and development is vast, and there's always more to learn and discover. Let's dive into some resources that'll keep your knowledge fresh, your skills sharp, and your passion ignited:

The Author

Kezz Bracey

Liked this Post?
Please Share it!

Leave a Reply

Your email address will not be published. Required fields are marked *