Home › Forums › Product Support Forums › Ajax Search Pro for WordPress Support › Ajax Seach Pro Question
This topic contains 16 replies, has 2 voices, and was last updated by Ernest Marcinko 8 years, 2 months ago.
- AuthorPosts
- September 10, 2015 at 10:57 am #5854
Hello,
I’m having trouble setting up the ajax search pro in my site. Im confused with lots of settings.
My website is woodcases.co which is a ecommerce site and I want to set up ajax search pro using index table(which is recommended by you) to search the following:
-Title of of the product
– Product Tags I used in the each productsI want to set it to the fastest search settings since I will be having thousand of products and images.
That’s it.
Also I want to center the search box as well.
http://screencast.com/t/iWAlt68Dkz
Hope you can help me. There’s lots of setting which is too technical for me.
Thanks!
September 10, 2015 at 4:17 pm #5863Hi!
I’ve set up the index table and search configuration for you to search products via the index table. However I cannot verify if it works or not, because your frontend is not loading. The error console says that there is a name resolution problem with your CDN provider and no JS and CSS files are loaded.
Best,
Let me know once it’s fixed and I check the configuration again π
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)
September 10, 2015 at 10:33 pm #5868Hello,
Thanks for your response.
There was a problem in my cdn but it’s ok now.
Can you pls check it again?
I want the search results are based on:
-Product Titles
-Product TagThank you again!
Regards,
September 11, 2015 at 9:10 am #5871Hi!
My setup looks like it was correct, it’s working all right.
Plus I added a few CSS rules to help you center the search field. For future reference I added the following rules:
Best,div[id*='ajaxsearchprores'] { margin-top: -34px !important; } div.block-html-after-header { padding: 10px; text-align: center; } .ajaxsearchpro.asp_main_container { display: inline-block; }
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)
September 11, 2015 at 9:31 am #5872Hello Ernest,
Thank you for the great help! It’s working perfectly now. May I just know where did you put the CSS?
Thank you again!
Karl
September 11, 2015 at 9:46 am #5874Hi!
I put it into the ajax search pro instance options, Theme Options -> Custom CSS field π
Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)
September 11, 2015 at 10:15 am #5875Hi Ernest,
Thank you for the help. It’s all working now. π
Regards,
September 11, 2015 at 10:21 am #5876You are very welcome π
Feel free to rate the plugin if you like it on your codecanyon downloads dashboard: http://codecanyon.net/downloads
Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)
September 11, 2015 at 11:30 am #5879Hi Ernest,
I think I found a bug.. When you click the “Show more result” text there is error.
http://screencast.com/t/X54ohO2iZxw
Thanks!
Regards
September 11, 2015 at 2:14 pm #5893Luckily it was not a bug, I just forgot to turn off debug mode in the plugin code π
Best,
It should be all right now.
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)
September 11, 2015 at 2:16 pm #5894Hi Ernest,
Wheew! I thought it was a bug. Thank for fixing again. π
Have a great day!
Regards,
September 12, 2015 at 2:31 pm #5904Hi Ernest,
I just checked my site in mobile and the search box is not working. I think it’s too small that why you cant input any text. Can you pls check it?
http://screencast.com/t/ADZOpe2szi
Thanks!
Regards,
-
This reply was modified 8 years, 2 months ago by
kmtagt.
September 14, 2015 at 10:34 am #5916Hi!
Since the width of the bar is given in per cents (60%), when the screen width is decreased, the bar width decreases as well.
What I suggesst is to add a custom CSS for mobile screens to increase the width to at least 90%. Something like this:
Best,@media only screen and (max-device-width: 480px) { div.ajaxsearchpro[id*="ajaxsearchpro2_"] { width: 90% !important; } }
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)
September 27, 2015 at 9:51 am #6040Hi Ernest,
Im trying to adjust my search box making it a bit smaller in desktop. But I wont be able to do it. Here’s the screenshot:
http://screencast.com/t/KdH0ugpXI want the size of the red box.
Can you please adjust it please?
Just access my wordpress.
Thanks!
Regards,
September 28, 2015 at 9:50 am #6043Hi!
Sure! It looks to me that a fixed width of 330 pixels is the closest for your suggestion. I changed the desktop width to 330px on the theme options panel: https://i.imgur.com/OS15BBB.png
The search bar will still adjust to the optimal width on mobile devices.
It might take some time till the cache clears and the new width applies.
Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)
-
This reply was modified 8 years, 2 months ago by
- AuthorPosts
You must be logged in to reply to this topic.