Pro Closing

This topic contains 4 replies, has 2 voices, and was last updated by gesforem gesforem 6 years ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #17413
    gesforem
    gesforem
    Participant

    Hello, how can I put “proclose block”. When I configured it, I had to touch something and it disappeared. I am interested that the person looking, after seeing the results, can click on that button to clean the search results and make another new search.
    Thank you.

    #17414
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Hi,

    There are two built in options that may help you:
    – On the Theme Options -> Magnifier & Loading icon panel you can enable the close icon: https://i.imgur.com/LbSU2Ui.png
    That will be displayed in the input box, when the user clicks it, it will hide the results and clear the phrase.
    – On the Layout Options -> Results behaviour panel there is this option: https://i.imgur.com/Hdf2GZF.png
    It allows closing the results on document click.

    For a custom solution you will need a custom script as well, that triggers the close icon. If you planning to do that, I recommend this simple method in your event handler:

    jQuery('.proclose').click()

    This triggers a click on the close icon, that closes the results and resets the phrase.

    Best,
    Ernest Marcinko

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


    #17415
    gesforem
    gesforem
    Participant
    You cannot access this content.
    #17428
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Hi!

    1. Try to disable this option here: https://i.imgur.com/127nSxY.png
    By default the plugin allows results that does not have any term from the filtered taxonomy to show up.

    2. I think there is too much margin around the box there. I would recommend this custom CSS to reduce it on mobile devices:

    @media only screen and (max-width: 480px) {
        .probox {
            margin: 0 !important;
        }
    }

    This looks like: https://i.imgur.com/SoBsCTA.png

    3. By hitting the left arrow key on the keyboard.

    Best,
    Ernest Marcinko

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


    #17430
    gesforem
    gesforem
    Participant

    Thanks you!!

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.