Search bar issues

Discussion Ask a question
,
1

Hello and thank you all in advance
I have coded a search bar for my wife’s new business site
It searches 3 fields and works really well.
I have 2 issues I on which would really appreciate some help!

  1. The search bar and repeater are in the header. When the repeater populates vertically down, it increases the height of the header, pushing it down the page. I want the repeater to overlay the header boundary and over the page, so the header remains the same height.
    I would once have used a layer in the old days but cannot fathom how to do this in Wix, any ideas?

  2. I need to clear the text from the search bar when the user clicks on a picture in the repeater which is linked to the product page URL from the datebase handler. However if I try to use the onclick event, it stops the URL link. What other event could I use to clear the text box and collapse the repeater on click?
    Many thanks in advance
    Ted

2

Also interested in answers! Waiting for someone’s reply!

3

Fixed 1) for non mobile. Use Pin to Screen. Unfortunately the is no Pin to Screen for the mobile layout (AFAIK)
Fixed 2) (partially) Posted this SITE code:

$w.onReady( function () {
$w(“#search”).value = null ;
$w(“#search”).value = null ;
$w(‘#repeater1’).collapse();
});

Works perfectly on all pages including all Store pages but will not run in the Product page.
Currently trying to find a workaround.

Ted