AJAX search resluts below browser window (hidden!)

Home Forums Product Support Forums Ajax Search Pro for WordPress Support AJAX search resluts below browser window (hidden!)

This topic contains 1 reply, has 2 voices, and was last updated by Ernest Marcinko Ernest Marcinko 7 years, 10 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #7430
    rrdonnelley_OB
    rrdonnelley_OB
    Participant

    I’ve been replying back and forth on youtube w/ somone. I need the Ajax Pop up to populate or generate upwards. Currently it pops out downwards, and you can’t scroll down, as the page just endlessly scrolls.

    The idea is to have this positioned in the corner and populate the results in a pop up window, similar to your “ajaxpro” admin panel tool operates.

    Can someone please assist me w/ this? in the attached screen grab you can see the search field (bottom right) but results are below the window.

    Regards,
    Mic

    Attachments:
    You must be logged in to view attached files.
    #7447
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Hi!

    The plugin can only populate results downwards, the calculations are hard coded into the javascript files, so currently it’s not possible to change.

    I see 3 possible solutions in your case:

    1. Using the results shortcode, putting the results somewhere on the sidebar, or to another absolute potisioned div element on the page.

    2. Instead of populating downwards, using the compact search layout to save additional website space.

    3. Creating a similar wrapper as on the admin panel of the plugin. My approach would be to create a fully transparent DIV element in the corner of the page with a height of 500 pixels or more. Then set the positions to bottom: -450px; right: 0; so it’s basically pushed down, only the top 50 pixels is visible. Then put the search shortcode inside this element, so it’s visible, because it’s on the top of this new DIV element. Then create a javascript code to “lift” the DIV element to bottom: 0; position, thus revealing the rest of it – for example on a hover event or something similar.

    However this solution requires a good HTML, CSS and javascript knowledge, otherwise you might run into issues.

    Best,
    Ernest Marcinko

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


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

You must be logged in to reply to this topic.