Home › Forums › Product Support Forums › Ajax Search Pro for WordPress Support › Ajax Seach Pro Question
- This topic has 16 replies, 2 voices, and was last updated 10 years, 8 months ago by
Ernest Marcinko.
-
AuthorPosts
-
September 10, 2015 at 10:57 am #5854
kmtagt
ParticipantHello,
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 #5863Ernest Marcinko
KeymasterHi!
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.
Let me know once it’s fixed and I check the configuration again 🙂September 10, 2015 at 10:33 pm #5868kmtagt
ParticipantHello,
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 #5871Ernest Marcinko
KeymasterHi!
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:
[code]
div[id*=’ajaxsearchprores’] {
margin-top: -34px !important;
}div.block-html-after-header {
padding: 10px;
text-align: center;
}.ajaxsearchpro.asp_main_container {
display: inline-block;
}
[/code]September 11, 2015 at 9:31 am #5872kmtagt
ParticipantHello 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 #5874Ernest Marcinko
KeymasterHi!
I put it into the ajax search pro instance options, Theme Options -> Custom CSS field 🙂
September 11, 2015 at 10:15 am #5875kmtagt
ParticipantHi Ernest,
Thank you for the help. It’s all working now. 🙂
Regards,
September 11, 2015 at 10:21 am #5876Ernest Marcinko
KeymasterYou are very welcome 🙂
Feel free to rate the plugin if you like it on your codecanyon downloads dashboard: http://codecanyon.net/downloads
September 11, 2015 at 11:30 am #5879kmtagt
ParticipantHi 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 #5893Ernest Marcinko
KeymasterLuckily it was not a bug, I just forgot to turn off debug mode in the plugin code 🙂
It should be all right now.September 11, 2015 at 2:16 pm #5894kmtagt
ParticipantHi Ernest,
Wheew! I thought it was a bug. Thank for fixing again. 🙂
Have a great day!
Regards,
September 12, 2015 at 2:31 pm #5904kmtagt
ParticipantHi 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 10 years, 8 months ago by
kmtagt.
September 14, 2015 at 10:34 am #5916Ernest Marcinko
KeymasterHi!
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:
[code]
@media only screen and (max-device-width: 480px) {
div.ajaxsearchpro[id*="ajaxsearchpro2_"] {
width: 90% !important;
}
}
[/code]September 27, 2015 at 9:51 am #6040kmtagt
ParticipantHi 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 #6043Ernest Marcinko
KeymasterHi!
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: http://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.
-
This reply was modified 10 years, 8 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.