<p class="search-result-count">Your search resulted in 9 products</p>
<p class="search-result-count">{{paginationInfo.text}}</p>
{
  "paginationInfo": {
    "text": "Your search resulted in 9 products"
  }
}
  • Content:
    const els = document.querySelectorAll('.search-result-count');
    
    function SearchResultCount(el) {
        window.addEventListener('loadMoreUpdate', onUpdate);
    
        function onUpdate(e) {
            const { searchResultCount } = e.data || {};
            const trigger = e.data.el;
    
            if (trigger) {
                const closestFilter = trigger.closest('.js-filters');
    
                if (closestFilter) {
                    const searchrResultCountEl = closestFilter.querySelector('.search-result-count');
    
                    if (searchrResultCountEl) {
                        searchrResultCountEl.innerText = searchResultCount || '';
                        return;
                    }
                }
            }
    
            el.innerText = searchResultCount || '';
        }
    }
    
    for (let el of els) {
        SearchResultCount(el);
    }
    
  • URL: /components/raw/search-result-count/index.js
  • Filesystem Path: src/components/search-result-count/index.js
  • Size: 793 Bytes

No notes defined.