FAQ’s Documentations Slider Revolution WP Essential Grid Slider Revolution jQuery Slider Revolution jQuery Visual Editor More Home Support Products Blog Freebies Testimonials Newsletter Facebook Twitter Hosting Global Search 06.24.2016Jason Display your site's search results as an Essential Grid. 1. Connect to site's default Search Form 2. Create a special form as shortcode 1. Connect your site's default Search Form.back to menu 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 Shortcodeback to menu 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: Grid Sort & SearchAjax Post Content Essential Grid 2.0+ WordPress Documentation Documentation Index Frequently Asked Questions Video Tutorials Installation & Activation Installing the Plugin Purchase Code Activation Plugin Overview Menu Item Overview Post Options Overview Core Anatomy of an Ess. Grid Grid Type/Source Post-based Grid Custom Grid Instagram, Flickr & more Main Media Skin Templates Grid Layout Even Masonry Cobbles Video Tutorials Import Demos Import Full Demo Data Add to Web Page Shortcode Generator PHP Method (advanced) Columns, Rows,Pagination & Load More Grid Columns Grid Rows Pagination Load More Grid Item Display Order Order by Date, Title, Author Manual Sorting for Custom Grids Order Items by Custom Meta Data Category/Tag Filters Post Based Grid Filters Custom Grid Filters Multiple Filter Groups Links Link to Post Link to Custom URL Global Links Link Entire Grid Item Lightbox Setup Lightbox Content Post-based Grids Image Options Video URL’s / ID’s Custom Gallery Custom Grids Enable Lightbox in Grid Setup Link to Lightbox Video Options Setting Video ID’s and URL’s Video inside a Grid Item Video inside the Lightbox Open Video Above/Below Grid Video Tutorials Item Skin Editor Introduction Add/Remove Layers Style Editor Content Positioning Visibility of Elements Video Tutorial Custom Meta Data Add New Meta Meta References Video Tutorial Navigation Styling / Placement Navigation Placement Navigation Styles Video Tutorial Additional Options Google Fonts Item Spacing & Padding Media Filters Alternate Skins Sorting & Search Options Global Search Ajax Post Content Optimization Lazy Loading Default Image Size Advanced Caching Social Streams YouTube Vimeo Instagram Flickr Facebook Twitter Advanced Options Cookies Global Settings Import/Export Grid Data Custom CSS / JavaScript Custom WP Queries
06.24.2016Jason Display your site's search results as an Essential Grid. 1. Connect to site's default Search Form 2. Create a special form as shortcode 1. Connect your site's default Search Form.back to menu 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 Shortcodeback to menu 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: Grid Sort & SearchAjax Post Content Essential Grid 2.0+ WordPress Documentation Documentation Index Frequently Asked Questions Video Tutorials Installation & Activation Installing the Plugin Purchase Code Activation Plugin Overview Menu Item Overview Post Options Overview Core Anatomy of an Ess. Grid Grid Type/Source Post-based Grid Custom Grid Instagram, Flickr & more Main Media Skin Templates Grid Layout Even Masonry Cobbles Video Tutorials Import Demos Import Full Demo Data Add to Web Page Shortcode Generator PHP Method (advanced) Columns, Rows,Pagination & Load More Grid Columns Grid Rows Pagination Load More Grid Item Display Order Order by Date, Title, Author Manual Sorting for Custom Grids Order Items by Custom Meta Data Category/Tag Filters Post Based Grid Filters Custom Grid Filters Multiple Filter Groups Links Link to Post Link to Custom URL Global Links Link Entire Grid Item Lightbox Setup Lightbox Content Post-based Grids Image Options Video URL’s / ID’s Custom Gallery Custom Grids Enable Lightbox in Grid Setup Link to Lightbox Video Options Setting Video ID’s and URL’s Video inside a Grid Item Video inside the Lightbox Open Video Above/Below Grid Video Tutorials Item Skin Editor Introduction Add/Remove Layers Style Editor Content Positioning Visibility of Elements Video Tutorial Custom Meta Data Add New Meta Meta References Video Tutorial Navigation Styling / Placement Navigation Placement Navigation Styles Video Tutorial Additional Options Google Fonts Item Spacing & Padding Media Filters Alternate Skins Sorting & Search Options Global Search Ajax Post Content Optimization Lazy Loading Default Image Size Advanced Caching Social Streams YouTube Vimeo Instagram Flickr Facebook Twitter Advanced Options Cookies Global Settings Import/Export Grid Data Custom CSS / JavaScript Custom WP Queries
1. Connect your site's default Search Form.back to menu 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 Shortcodeback to menu 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: