Il layer di ricerca di AccelaSearch è una libreria js, è quindi possibile modificarne il comportamento utilizzando delle routine esterne.

Le funzioni esposte dalla libreria sono presenti qui Layer JS API.

Di seguito mostreremo alcuni esempi

Nascondere un campo condizionalmente

hideField.txt

Mostriamo come nascondere il campo sconto quando il suo valore è minore di 5

document.body.addEventListener('as-loaded-layer',()=>{
	var websiteSearchBar= document.getElementById('accelasearch-bar-container-container');
	websiteSearchBar.addEventListener('as-search-event',()=>{
		var fields=document.querySelectorAll('#accelasearch-bar-container .product-card .sconto')
		Array.from(fields).forEach((field,index)=>{
			if(parseInt(field.innerHTML)>=-5){
				field.remove()
			}
		})
	})
})

Intercettiamo l’evento di caricamento del layer così da poter definire, una volta caricata la libreria, l’evento di ricerca.

Il selettore del campo .scontoha il nome come mostrato nella console di AccelaSearch

Mostrare placeholder del prezzo con dynamic price attivo

Per far sì che venga mostrato il placeholder quando il dynamic price è attivo, bisogna fare in modo di restituire il prezzo con valore 0 dal webHook del dynamic price. Restituire un vettore vuoto dal webHook non è una soluzione poichè fa comparire il loader del prezzo. Se si vuole nascondere il prezzo basta cambiare il placeholder dalla console e lasciarlo vuoto.