Functions exposed by the layer library

Here is a list of functions available in the window of the page where the AS layer is installed.

• ASOpenLayer()
  • Function that allows you to open the search layer.
• ASCloseLayer()
  • Function that allows you to close the search layer, without clearing the ongoing search.
• ASActiveFullscreen()
  • Function that enables fullscreen mode in the case of half-screen desktop, otherwise has no effect.
• ASSetSearch(searchWord : string, filters : array, page: int)

  • Function that allows you to set a search with a keyword, filters, and page.

  • you can call this function even if the search layer is not visible in order to prepopulate the listing.

  • "The filters have the filter name in the 'key' field, while the value is placed in the 'value' field. By default, strings are always used, except for price, which requires an array to be inserted.

  • example:

    window.ASSetSearch('oven',[{
    	key:'categories',
    	value:'Washing machines'
    },{
    	key:'sellingPrice',
    	value:[398,873.9]
    }],3)
    

Events emitted by the layer library

Here is a list of events generated by the library that can be intercepted by attaching a listener to a specific component.

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

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

• as-search-event

  • selector: #accelasearch-bar-container-container
  • Event emitted every time a search is performed. The payload includes the search keyword, the filters used in the search, and the page number of the results.
  • example:

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

• as-loaded-layer

  • selector: document.body
  • Event emitted when the JS library has been loaded. No payload is expected.

• as-open-layer

  • selector: document.body
  • Event emitted when the layer has opened. No payload is expected.

• as-close-layer

  • selector: document.body
  • Event emitted when the layer has closed. No payload is expected.

• as-dynamic-showcase-click

  • selector: document.body
  • Event emitted when an element in a dynamic block of the showcase has clicked. The payload includes the dynamic block id, the inner target id and the href of the target if exists.