How to customize search result page in classic theme ps 1.7.6.1

[Matteo]

Hi dear, any idea on how to customiza search page result? i need to add a simple inifnite circle load gif on top of that page because i use a third parts module search that need some second to load result over the page (use java box to override page content). BTW i'm not able to find where i can add content to the search result page.

 

I've try to add code on theme\classic\templates\catalog\listing\search.tpl with no luck

[Matteo]

Hi , thanks for replying but how can I assing the new created template to search result page ? 

[Matteo]

No i'm loosing some step ^^!

 

search.tpl extend default product listing template so i need to replace the extend here to point to the new file template?

 

i've think in the reverse way ^^ 

[Matteo]

Anyone can point me in the right direction? Dont think is a hard answer for someone that work with PS template structure. Thanks 

[Matteo]

I'll post here some info so other user can find more detail and maybe help me.

Customize the search.tpl does not generate expected result:

{*
 * This file allows you to customize your search page.
 * You can safely remove it if you want it to appear exactly like all other product listing pages
 *}
{extends file='catalog/listing/product-list-search.tpl'}

 

product-list-search.tpl

{extends file=$layout}

{block name='content'}
<h1>TEST TEST TEST TEST</h1>
{/block}

 

Does no generate any difference in search result page.

[Matteo]

So there is no one people that has ever change a template file here? ^^ @ndiaga ?

[Matteo]

😂 Don't worry 

[SNor42]

Hi!
Maybe it helps:

product-list.tpl bottom:
 

 ...
<div id="js-product-list-bottom"></div>
{/if}
</section>
</section>
 {block name='something'}{/block} <-- add this!
{/block}

search.tpl:

 {extends file='catalog/listing/product-list.tpl'}
{block name='something'}<p>Hello!</p>{/block} 

N