This website uses cookies to personalize your experience. By using this website you agree to our cookie policy.

Ajax Seach Pro Question

Viewing 15 posts - 1 through 15 (of 17 total)
  • Author
    Posts
  • #5854
    kmtagtkmtagt
    Participant

    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!

    #5863
    Ernest MarcinkoErnest Marcinko
    Keymaster

    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 🙂

    #5868
    kmtagtkmtagt
    Participant

    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,

    #5871
    Ernest MarcinkoErnest Marcinko
    Keymaster

    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:

    [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]

    #5872
    kmtagtkmtagt
    Participant

    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

    #5874
    Ernest MarcinkoErnest Marcinko
    Keymaster

    Hi!

    I put it into the ajax search pro instance options, Theme Options -> Custom CSS field 🙂

    #5875
    kmtagtkmtagt
    Participant

    Hi Ernest,

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

    Regards,

    #5876
    Ernest MarcinkoErnest Marcinko
    Keymaster

    You are very welcome 🙂

    Feel free to rate the plugin if you like it on your codecanyon downloads dashboard: http://codecanyon.net/downloads

    #5879
    kmtagtkmtagt
    Participant

    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

    #5893
    Ernest MarcinkoErnest Marcinko
    Keymaster

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

    #5894
    kmtagtkmtagt
    Participant

    Hi Ernest,

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

    Have a great day!

    Regards,

    #5904
    kmtagtkmtagt
    Participant

    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 10 years, 8 months ago by kmtagtkmtagt.
    #5916
    Ernest MarcinkoErnest Marcinko
    Keymaster

    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:

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

    #6040
    kmtagtkmtagt
    Participant

    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,

    #6043
    Ernest MarcinkoErnest Marcinko
    Keymaster

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

Viewing 15 posts - 1 through 15 (of 17 total)
  • You must be logged in to reply to this topic.