C-PEN

const search = instantsearch({ indexName: 'tekeurope_products', searchClient: instantMeiliSearch( 'https://search.digitallucifer.com', '956e1ba412285eca73312a4897f9513e3e5e94ef12246fbff793e4a58d39a3d7' ), searchFunction: function(helper) { if (helper.state.query.length === 0) { return; // do not trigger search } helper.search(); // trigger search }, }) search.addWidgets([ instantsearch.widgets.searchBox({ container: '#searchbox', placeholder: 'Search products..', }), instantsearch.widgets.hits({ container: '#hits', hitsPerPage: 50, templates: { item: `

---

`, }, }), ]) search.start() // After the `searchBox` widget search.addWidgets([ instantsearch.widgets.configure({ hitsPerPage: 50 }), ]); .ais-SearchBox-submit { display:none!important; } .ais-SearchBox-reset { display:none!important; } .ais-Hits-list,.ais-RefinementList-list { list-style-type: none; padding-inline-start:0px!important; } #searchbox input { border: 1px solid grey; border-radius: 5px; height: 40px; width: 100%; padding: 2px 23px 2px 30px; outline: 0; background-color: #f5f5f5; } .dl_search_result { display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start; gap:10px; margin-top:15px; } .dl_search_image { max-width:100px; } .dl_search_text { width:70%; float:left; }