Results behind modal

  • Resolved philliproth

    (@philliproth)


    6 months, 1 week ago

    Hi Mikko,

    I’m trying to implement this, but my search form is in a modal. So the results work and everything position etc., it’s just because the results div is not included in the modal, it appears behind it. And since it’s a modal no z-index magic can bring it to the front. So my idea would be to put the div within the modal. Is there a way I can place the div there with a little add to functions.php or something? Not activated at the moment of course as not to frighten our customers ??

    Thank you! Fantastic work!

    The page I need help with: [log in to see the link]

Viewing 13 replies - 1 through 13 (of 13 total)
  • Plugin Author Mikko Saari

    (@msaari)

    Yes, you can manually place the results <div id="rlvlive"></div> inside the modal. That way, the results should appear inside the modal.

    Thread Starter philliproth

    (@philliproth)

    Mh. Still at the bottom of the HTML Code in <div id=”relevanssi_live_search_results_66d03008c8ea6… Do I need to change something else aswell maybe?

    Thank you!

    Plugin Author Mikko Saari

    (@msaari)

    Have you added a filter that returns false to the relevanssi_live_search_add_result_div hook? If you have, remove that, because that adds the results div at the bottom of the page.

    Thread Starter philliproth

    (@philliproth)

    Nothing at all added. Just activated both Plugins. Indexed. Done ??

    Plugin Author Mikko Saari

    (@msaari)

    That’s weird, because the plugin is certainly acting that way. Try adding this filter function then:

    add_filter( 'relevanssi_live_search_add_result_div', '__return_true', 99 );

    That should move the result div from the bottom of the page inside the form.

    Thread Starter philliproth

    (@philliproth)

    Nope. Doesn’t want to do it that way either. Maybe it’s because I created my own form? Some id or something missing? I included the “<div id="rlvlive"></div>” inside the <dialog> right after the form. The input has “data-rlvlive=”true”.

    Thank you again!

    Thread Starter philliproth

    (@philliproth)

    It’s activated at the moment:
    https://www.bestgruppe.de/

    Plugin Author Mikko Saari

    (@msaari)

    Also set the rlv-parentel parameter in the input field, set to rlvlive (i.e. the ID of the result div).

    Thread Starter philliproth

    (@philliproth)

    Set. Same result ?? https://www.bestgruppe.de/

    Thread Starter philliproth

    (@philliproth)

    Deactivating now. Don’t want to keep you from work all day. And I need to walk the dog ??

    Plugin Author Mikko Saari

    (@msaari)

    Sorry, the name of the variable is of course “data-rlvparentel”, and the ID needs the pound symbol, so it should be data-rlvparentel="#rlvlive".

    Thread Starter philliproth

    (@philliproth)

    Yes that did the trick! Thank you so much for your patience!

    Thread Starter philliproth

    (@philliproth)

    Solved

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Results behind modal’ is closed to new replies.