DiceLock Security Blog

Joomla 1.5 provides a great internal Search engine which allows your visitors to search and find in your web site what they are looking for. It’s an important feature that improves your web site. At DiceLock Security we found that we would like to show more information and an image related to searching to our visitors, and what we did is …

Joomla 1.5 provides a great inner Search feature to allow visitors to get what they want. The Search form is as follows:

At DiceLock Security we wanted to show more information, an advice of where are they searching as well as what is not included in the search. We thought that it would be nice if we put some image to improve the search perception.

Searching through Joomla software we found that the PHP file that performs the search is ROOT/components/com_search/views/search/tmpl/default_form.php, so we have modified it in order to show the indications as in:

To get it in this way we have modified the form adding an HTML table as this in the top of the form:

<?php defined('_JEXEC') or die('Restricted access'); ?>
 
<table width="100%">
<tr>
<td>
This Search form allows you to search through our full web. <a href="http://knowledge.dicelocksecurity.com/" target="_blank" ><strong>Knowledge</strong></a> and <a href="http://blog.dicelocksecurity.com/" target="_blank" ><strong>Blog</strong></A> subdomains are not included.<br />
</td>
</tr>
<tr>
<td>
<form id="searchForm" action="<?php echo JRoute::_( 'index.php?option=com_search' );?>" method="post" name="searchForm">

The image that we prefered to put is this:

And at hte bottom of the same file, ROOT/components/com_search/views/search/tmpl/default_form.php, we have put the following code after the tag closing the form and closing the HTML table, as in:

</form>
</td>
<td valign="top" align="right">
<img  style="float: right; padding: 10px;"  src="images/stories/webimages/Magnifying-Glass.png" alt="DiceLock Security Web Search"/>
</td>
</tr>
</table>

With all these changes, our visitors get the following form when they access our “Advanced Search” form:

And when a search is performed they get:

In this way we found that we get a more pleasing search form.

Related posts:

1. Joomla Search error message lay out
2. Joomla – SEO (Search Engine Optimization) problem with Tree DHTML menu
3. Joomla – SEO (Search Engine Optimization) Tree DHTML menu issue
4. Joomla RSForm PRO adding contact information
5. Joomla – SEO (Search Engine Optimization) Tree DHTML menu – inner links and site map solution