Home › Forums › Product Support Forums › Ajax Search Pro for WordPress Support › Search product filter
This topic contains 5 replies, has 2 voices, and was last updated by alaa79 7 years, 10 months ago.
- AuthorPosts
- January 21, 2016 at 8:45 pm #7390
Hi sir,
Please, I need your help to create a search product filter like the following :http://codecanyon.net/item/wordpress-content-filter/full_screen_preview/12098450
Can your plugin do the same and How ? please
Regards
A.J.January 22, 2016 at 10:28 am #7392Hi!
This plugins main feature is searching, the secondary is filtering. I’m not saying it is possible to create the exact same filter as the one you are showing me, but you can still create a nice layout.
There are a few chapters in the documentation explaining how to create such filters:
- Frontend search settings
- Custom Term Selectors (for WooCommerce product categories)
- Custom field filtering
- VIDEO tutorial on How To Create the TV search
These should explain everything you need to know about how to create such filters 🙂
Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)
January 22, 2016 at 11:00 am #7393Thanks a lot my dear,
I need your help and support with the project that I have now, and I promise you , I will not forget your time and support.
Can I explain, what I have for objects, to know how can i use your plugin in the right way, and how I think about using your plugin for? pleaseRegards
A.J.January 23, 2016 at 11:14 am #7407January 23, 2016 at 11:51 am #7408Hi A.J,
Unfortunately there is no option to create the exact same layout, however you can configure the plugin to look very similar to that.
First of all, import this search instance: https://paste.ee/r/2zMmD
(under the Export/import submenu on ajax search pro)Then, I used the following html code to put the search shortcode to a post:
<div style='width: 45%;padding: 1% 5% 1% 0;display: inline-block;'> [wpdreams_ajaxsearchpro id=1] </div><div style='width: auto; display: inline-block;'> [wpdreams_asp_settings id=1 element='div'] </div>
Don’t forget to change the id=1 to the search ID you have imported or created to display the correct shortode.
In my case it looked like this: https://i.imgur.com/zGH41FW.png
Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)
January 23, 2016 at 1:50 pm #7411Thanks a lot my dear, You are so kind.
I will add your script and check what I will get.Thanks again
A.J. - AuthorPosts
You must be logged in to reply to this topic.