Tag: filter search results

For one of my clients' projects, I needed to set up the following situation: A search page for posts in a specific category. This was essential, as multiple of these search pages were required. default lay-out: a search box anchor link buttons for 0-9 and A-Z linking to the posts where the title starts with that number or letter and below that, all of the posts (or a filtered list after a search), grouped by the first character of the title that character displayed above each character group. Seemed simple enough, but turned out quite a search before I had the right answers! Search & Filter Pro is a very handy plugin for creating search filters, so that was my first choice. But it does not allow for the post titles to be grouped by first character. The solution was a combination of html, css and a bit of jquery: The PHP/HTML: the results.php file can be customized by adding it to the search-filter folder within your theme. That way, plugin updates will not cause any issues. adding the ucwords command makes sure the first letter is always a capital. This is handy, because if the content manager forgets to Capitalize the post title, the script wouldn't work. each post is given a class of az plus its first character. az is added because classes starting with numbers may cause problems. the name added to each post title link allows for the creation of the anchor links at the top of the page. the customized PHP/HTML in the results.php file: The jQuery: at the top of the same results.php file I added the following script: the bottom margin was added with jQuery because I could not find a way to target the last item with a specific class. Last-child does not work with classes, nor does last-of-type. The CSS: And this is the result: Hope this helps you out as well, if so please post a reply!

Tag: filter search results

Search Filter results grouped by first character