Hi,
I have a search function on my website. This is the URL https://www.easternstyles.com/search (Search ‘flower’ if you want to test it)
The search itself works fine for what I require at the moment but I need to make some alterations. They are:
-
I want the user to be able to press enter on their keyboard or the button I have on the page to find results. (Currently thy can only click the button, nothing happens when enter is pressed)
-
If there are no results to display after enter/button is clicked I want it to state 'Sorry we couldn’t find anything or something like that.
-
When results appear I have set it where it will go to the specific dynamic page which works fine however, I need that dynamic page to open in a new window instead of the current one. (Please assist with this in detail because I have tried everything to figure this our but nothing worked so far)
-
This one is not major but still an issue for me. when you go to the url I have the table hidden on load so you don’t see it but there is a huge space since it is there but hidden because it is loading my items there but hidden. Is there any way we can NOT display the table or something? Any assistance with this will be greatly appreciated.
This is the code I currently have for the search.
import wixData from ‘wix-data’;
$w.onReady(function () {
$w(‘#table1’).hide();
});
export function searchbutton17_onClick() {
$w(‘#table1’).show(“FadeIn”);
wixData.query(‘Item’)
.contains(‘title2’, $w(‘#input1’).value)
.or(wixData.query(‘Item’).contains(‘title’, $w(‘#input1’).value))
.or(wixData.query(‘Item’).contains(‘subCategory’, $w(‘#input1’).value))
.or(wixData.query(‘Item’).contains(‘topCategory’, $w(‘#input1’).value))
.or(wixData.query(‘Item’).contains(‘code’, $w(‘#input1’).value))
.find()
.then(res => {
$w(‘#table1’).rows = res.items;
});
}