Ajax Seach Pro Question

[kmtagtParticipant]

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 products

I 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!

[Ernest MarcinkoKeymaster]

Hi!

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 🙂

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[kmtagtParticipant]

Hello,

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 Tag

Thank you again!

Regards,

[Ernest MarcinkoKeymaster]

Hi!

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:

div[id*='ajaxsearchprores'] {
     margin-top: -34px !important;
}

div.block-html-after-header {
     padding: 10px;
     text-align: center;
}

.ajaxsearchpro.asp_main_container {
     display: inline-block;   
}

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[kmtagtParticipant]

Hello 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

[Ernest MarcinkoKeymaster]

Hi!

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 :)

[kmtagtParticipant]

Hi Ernest,

Thank you for the help. It’s all working now. 🙂

Regards,

[Ernest MarcinkoKeymaster]

You 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 :)

[kmtagtParticipant]

Hi 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

[Ernest MarcinkoKeymaster]

Luckily it was not a bug, I just forgot to turn off debug mode in the plugin code 🙂
It should be all right now.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[kmtagtParticipant]

Hi Ernest,

Wheew! I thought it was a bug. Thank for fixing again. 🙂

Have a great day!

Regards,

[kmtagtParticipant]

Hi 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 7 years, 6 months ago by  kmtagt.

[Ernest MarcinkoKeymaster]

Hi!

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:

@media only screen and (max-device-width: 480px) {
     div.ajaxsearchpro[id*="ajaxsearchpro2_"] {
         width: 90% !important;
     }    
}

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[kmtagtParticipant]

Hi 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/KdH0ugpX

I want the size of the red box.

Can you please adjust it please?

Just access my wordpress.

Thanks!

Regards,

[Ernest MarcinkoKeymaster]

Hi!

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 :)

[Author]

Posts