Ajax Seach Pro Question

This topic contains 16 replies, has 2 voices, and was last updated by  Ernest Marcinko 3 years, 2 months ago.

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

    kmtagt
    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 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 🙂

    Best,
    Ernest Marcinko

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


    #5868

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

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


    #5872

    kmtagt
    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 Marcinko
    Keymaster

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


    #5875

    kmtagt
    Participant

    Hi Ernest,

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

    Regards,

    #5876

    Ernest 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

    Best,
    Ernest Marcinko

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


    #5879

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

    Best,
    Ernest Marcinko

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


    #5894

    kmtagt
    Participant

    Hi Ernest,

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

    Have a great day!

    Regards,

    #5904

    kmtagt
    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 3 years, 3 months ago by  kmtagt.
    #5916

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

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


    #6040

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


Viewing 15 posts - 1 through 15 (of 17 total)

You must be logged in to reply to this topic.