Change "search" on the top of search page with the actual number of search results

[flammagreg]

Hi guys,

Website: Vossani.com

How can I change the "SEARCH" on the search page to the actual number of results? Pic for reference:

[MaverickStudio]

Hey @flammagreg 

It is difficult to do it without access to the store but here is a general way of doing it.

Step 1: Go to Online Store > Theme > Edit code > find the search.liquid or main-search.liquid file 

Step 2: Find the line with the text {{search.terms}}
Step 3: Replace the first word of that line with {{ search.results_count }}

I can send you a collaborator request if needed. Please check your  DM

[BSSCommerce-HDL · Accepted solution]

Hi @flammagreg, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </body> tag: 

<script>
  let search_text = document.querySelector('.search--header h1.page--title');
  let search_results = document.querySelectorAll('.search-wrapper .grid__item .grid__item.one-third');
  if(search_results && search_text) {
    let text = search_text.innerText;
    search_text.innerText = text.replace('SEARCH', search_results.length)

  }
</script>

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍