By Neil on April 2, 2014
Add a filter product search to your website
This tutorial walks through how to use the WP Views plugin to add a list of products to the home page and allow them to be filtered by site visitors. All turbo trainer products are shown and these can be filtered by Brand, Resistance, and Price. This is part of a series of tutorials that are slowly showing you how to build the turbobiketrainer.com website. Go to the main case study page to see all stages in this series.
Prerequisites
The case study website is set up on the WordPress Genesis Framework and the Metro Pro child theme. Also the Types & Views plugins are used to set up and style custom post types and then display them on the homepage.
– See more on Genesis and why I use their Framework and child themes.
LIKE WHAT YOU’VE READ?
I publish new tutorials all the time so it would be great let you know when something is ready for you to check out. I also have lots more to share with you about how to easily customize and style your WordPress website, so why not join my gang.
Best,
first of all thank you for your amazing tutorials! i already learned so much from it.
I wonder if you would be so kind to help me.
I’m in a new job in a new team where i need to file up a catalog online with more then 400 products (crystals in this case)
now i am following your video to create a search/filter engine function on a page. but i need to create some of my custom types as (single line) or (multiple line) fields. as i didn’t figure out to read the data from the excel and make it go in the checkboxes i first created. so i stepped away and used single lines etc..
for example some of my fields would be chakras , i can then choose every single time for which chakras the specific crystal would be good. so i have always one or more awnsers. being one of the 7 chakras, so i have 7 possible awnsers. but in the excel file it goes like ( root, sacral, third eye) for example. so if i make checkboxes it didn’t read it well and i never got the different ones checked.
now i made custom query filters with different values (from a single line field, no checkbox or no numeric). and it doesn’t get my crystals listed.. i asume there is a problem with the filtering options as it probably never is my required value as i created them myself..
the value would be on the search engine
all
root
sacral
third eye
crown chakra
etc.
now it doesn’t find any products as within the line of the cutsom field it would be written as
root, sacral, crown
can you help me figure this out?? it would be amazing!!
Hi, have you managed to get this working yet? Sorry for the slow reply.
Just to get things straight, do you have a search area in your filter where people type in one of the words, and then when you hit the button no results are shown?
Does it show any items before the search, or is it a case of no items showing up ever when you display your custom view on your website?
Neil
Hi Neil:
Great toots – much appreciated.
Question: Is there any way you’ve discovered that allows the -image- title as opposed to the -product- title to show up on graphics in the alt and title tags?
Many thanks.
Best wishes,
Peter deP
Monday – 18:14h.
23-February-2015
Hi Peter, sorry for taking a couple of days to reply.
Unfortunately I have never done this. I’ve just had a quick play to see if I could find a solution but I couldn’t.
I’m sure this must be a possibility. Have you tried using the Toolset support forum, they are normally pretty good from my experience.
If you find an answer I’d love to hear back from you.
Good luck, Neil
Hi Neil:
It was a passing thought at the time of the tutorial but I may well follow it up as It’s now got me intrigued. If I find any solution, I’ll be sure to let you know. Many thanks.
Best wishes,
Peter deP
Thursday – 17:11h.
26-February-2015
My version is little different.
I can not find the ‘AND’ relationship of the filters.
Can you please point where is is in the current version?
You should have an area called “Query Filter” in Views and if you click edit on this it will open up all your filters. At the bottom there is the option to select AND.
Let me know if you have troubles.
Neil
Found it.
Thank you!