How do I use this empty space?

[Keezee]

Hello all, and thank you to anyone who helps in advance!

I'm on: v1.3.9d
Site: http://www.bikertrends.com/

Below is what I'm working with. I have managed a Zen Cart Powered website for more than a year, but I am far from a pro!



I want to utilize the blank space to the left of the search function on the search header, the blue area...

I have no idea how to do this!

I think it has something to do with the 'tpl_search_header.php' file, but I honestly have no idea. I would like to add some custom html if that helps.

Any help?

[stevesh]

That's row-search in your purchased template. You'll need to search for that class in Admin - Tools - Developers Tool Kit to see where that's included in the template files.

[Keezee]

Thank you,

The following information is located in the 'tpl_header.php' file.

Line #96 : <div class="row-search clear">

I'm still not sure what to edit to add something to the header.

[Keezee]

I've made some progress...

In the file 'tpl_search_header.php' I am able to manipulate the content within the search-header bar, but I cannot figure out how to format my code so that custom HTML is entered into the search-header bar.

Here is all of the code:

$content = "";	
	$content .= zen_draw_form('quick_find_header', zen_href_link(FILENAME_ADVANCED_SEARCH_RESULT, '', 'NONSSL', false), 
	'get');

	$content .= zen_draw_hidden_field('main_page',FILENAME_ADVANCED_SEARCH_RESULT);
	$content .= zen_draw_hidden_field('search_in_description', '1') . zen_hide_session_id();

	$content  .= "	<div class=\"search\">\n";
	$content  .= "		<div class=\"search-input\">\n";
	$content .= zen_draw_input_field('keyword', '', 'class="inputbox" value="' . HEADER_SEARCH_DEFAULT_TEXT . '" onfocus="if (this.value == \'' . HEADER_SEARCH_DEFAULT_TEXT . '\') this.value = \'\';" onblur="if (this.value == \'\') this.value = \'' . HEADER_SEARCH_DEFAULT_TEXT . '\';"');
	$content  .= "		</div>\n";
	$content  .= "		<div class=\"search-button\">\n";
	$content .=         zen_image_submit('searchButton.gif',HEADER_SEARCH_BUTTON,'','button');
	$content  .= "		</div>\n";
	$content  .= "	</div>\n";
	$content .= "</form>";
	echo $content;

The bit that I need to edit is the first line:

$content = "";

Now...

If I type simple text here, it shows up, but I need to align the text, add an image link, assign a style to the text, etc.

Any suggestions?

[ebaobao]

you're gonna have to use your stylesheet.css to do the alignment and everything else. Its the best way actually. The css already has #navMainWrapper,# navMainSearch, #navMain defined for you. you have to play around in there. I'm currently doing exact same thing and can't figure out how to align links to the right. A lot of <li> in tpl_headewr.php.

[Keezee]

I finally have this working... I will post instructions later in case someone else was looking for this. For now, this is what I ended up with:

[scr]http://www.bikertrends.com/images/sshot2.png[/scr]