Mindblown: a blog about philosophy.
-
Full Screen Search in Oxygen
This members-only tutorial provides the steps to set up a fullscreen search using the Modal component in Oxygen. Step 1 Let us change the output of the search form and other elements to HTML 5. Install and activate Code Snippets plugin. Go to Snippets > Add New. Title: Add support for HTML5 markup Code: add_theme_support( ‘html5’, array( ‘comment-list’,…
-
Popover Search in Oxygen
This members-only tutorial provides the steps to set up a search icon in the header right which when clicked smoothly animates in a search form below the icon when using Oxygen. Clicking anywhere outside on the page closes the search form. Follow the steps below to learn how to build this floating search button. Step…
-
WooCommerce Products Search in Oxygen
Update on 13 Aug 2021: You may want to follow this method instead. — This members-only tutorial provides the steps to set up a search form that searches across WooCommerce products instead of the standard posts & pages and to show the results with pagination on the search results pages. We shall enable HTML5 output…
-
Menu-Push Header Search in Oxygen
Updated on June 26, 2020 In this members-only tutorial we’ll look at how to reveal a search form in the header that pushes the menu up from the bottom of the header when the user clicks the search icon. This type of header search provides a nice, simple alternative to a few other header search…
-
Advanced Search Form in Oxygen for Custom Post Types
This members-only tutorial provides the steps to set up an advanced search form that allows the visitors to search for entries in one or more Custom Post Types in Oxygen based on this WPBeginner article. We shall add Posts, Projects and Products as selectable checkboxes below the search form. You can of course add any…
-
Custom Post Type Specific Search in Oxygen
This members-only tutorial provides the steps to limit Oxygen’s Search Form component on single and archive pages of a CPT to only the entries of that post type. We are going to use the get_search_form filter hook and alter the default search form’s output to add a hidden input field for showing posts of a…
-
Header Search in Oxygen
Updated on June 02, 2020 This members-only tutorial provides the steps to use the modal feature in Oxygen for sliding down a full-width search form covering the header when a magnifying glass icon in the header is clicked. Clicking anywhere on the page outside the search form or the close button will fade away the…
-
How to create a Search Results page in Oxygen
Updated on Feb 13, 2023 This tutorial provides the steps to create an Oxygen template for displaying the search results. We are going to display the search string that the user searched for, the results and a search form so the user can perform another search. Step 1 Create a template in Oxygen and make…
-
Expanding search form in Oxygen
Updated on June 28, 2020 In the Oxygen’s Facebook group a user asked: Please anyone help me to create search form with the search icon I would like the search form be expandable when the icon is clicked This tutorial provides the steps to display a magnifying glass image which when clicked expands so the…
Got any book recommendations?