Funzioni esposte dalla libreria

Di seguito la lista delle funzioni disponibili nella window della pagina dove viene installato il layer di AS

• ASOpenLayer()
  • funzione che permette di aprire il layer di ricerca
• ASCloseLayer()
  • funzione che permette di chiudere il layer di ricerca, la ricerca in corso non viene eliminata
• ASActiveFullscreen()
  • funzione che permette di attivare la modalità fullscreen in caso di half-screen desktop, altrimenti non ha effetti
• ASSetSearch(searchWord : string, filters : array, page: int)

  • funzione che permette di settare una ricerca con parola, filtri e pagina

  • si può richiamare anche se il layer non è visibile per prevalorizzare il listing

  • i filtri hanno il nome del filtro nel campo “key” mentre la valorizzazione nel campo “value”, di base vengono utilizzate sempre stringhe, il prezzo è l’unica eccezione dove va inserito un array

  • esempio di utilizzo:

    window.ASSetSearch('forno',[{
    	key:'categories',
    	value:'Lavatrici'
    },{
    	key:'sellingPrice',
    	value:[398,873.9]
    }],3)
    

Eventi generati dalla libreria

Di seguito la lista degli eventi generati dalla libreria e intercettabili mettendo un listener su uno specifico componente

var websiteSearchBar= document.getElementById('accelasearch-bar-container-container');
websiteSearchBar.addEventListener('NOME_EVENTO',(evt)=>{console.log(evt.detail);})

document.body.addEventListener('NOME_EVENTO',(evt)=>{console.log(evt.detail);})

• as-search-event

  • selector componente: #accelasearch-bar-container-container
  • Evento emesso ogni volta che viene fatta una ricerca. Nel payload viene passata la parola, i filtri utilizzati nella ricerca ed il numero della pagina dei risultati
  • esempio:

  {
      "searchWord": "forno",
  		"page":2,
      "filters": [
          {
              "key": "brand",
              "value": "Electrolux"
          },
          {
              "key": "sellingPrice",
              "value": [
                  381.9,
                  1369.9
              ]
          }
      ]
  }
  

• as-loaded-layer

  • selector componente: document.body
  • Evento emesso quando la libreria js è stata caricata. Non è previsto payload.

• as-open-layer

  • selector componente: document.body
  • Evento emesso quando il layer si apre. Non è previsto payload.

• as-close-layer

  • selector componente: document.body
  • Evento emesso quando il layer si chiude. Non è previsto payload.

• as-dynamic-showcase-click

  • selector componente: document.body
  • Evento emesso quando viene cliccato un elemento presente in un blocco dinamico della showcase. Nel payload vengono passati l’id del blocco cliccato, l’id del target e l’eventuale href di destinazione