Search form close button

My client says that it is not obvious for the user that he has to press again the magnifier icon on top for the search form to close.

How can I add a close button? Can you please give me a hint?

Thanks in advance

Depika

Hi

Try edit: /html/mod_search/default.php and add this line after <form> start.

Code: Select all

<img class="search-close" src="path_to_image_with_x" />


than add this code to /layout/block/head.php

Code: Select all

<script type="text/javascript">(function($) {$(document).ready(function() {
$('.search-close').click(function(){
$('#gkSearch').removeClass('active');
});
});})(jQuery)</script>


Thank you so much. It worked like a charm.

the only difference is that I needed to add the image at file default.php under folder
html/mod_virtuemart_search

Thank you so much. It worked like a charm.

the only difference is that I needed to add the image at file default.php under folder
html/mod_virtuemart_search

I'm sorry, but I do not understand. Can You please explain what You need a little better ?

Thank you so much. It worked like a charm.

the only difference is that I needed to add the image at file default.php under folder
html/mod_virtuemart_search

You changes were correct. This is what I wanted. But I had to apply them at module virtuemart search not joomla search.

Hi

Ok. Now I understand Closing thread now.