Header Search Issue.

[adem.i]

No it wasn't me. I purchased the template solution (slightly modified) from another company which I am now somewhat regretting. It was when I was new to everything and had no idea bout the open source Zen Cart.

How would I go about creating a search bar in default div if it doesn't already exist?

In my stylesheet.css, I currently have

#navMainSearch {

float: right;

}

Does this mean it already exists just not enabled? If so, how would I enable it?

[kobra]

Does this mean it already exists just not enabled? If so, how would I enable it?

It exists but not in your template because the code has been altered

you might look in your template's /common folder for a tpl_header.php and compare it to the one in /template_default/common

[LissaE]

The search has an absolute position in the declaration...add a relative position to an outer div...

Try adding position:relative; to your #mainWrapper declaration in the stylesheet

Hope that helps :)

[adem.i]

I've looked in my template's common folder however my knowledge of coding isn't sufficient enough to really understand how to enable a search bar in #navMain

I tried changing the position to relative but that restricts it to the right of the #headerSearch frame

[kobra]

my knowledge of coding isn't sufficient enough to really understand how to enable a search bar in #navMain

No Need

admin > tools > layout sidebox controller > look for "sideboxes/search_header.php" > and turn it on

[adem.i]

Sorry, I mistakenly thought the position:relative; command was ment to go into #headerSearch. I applied it to MainWrapper and it works now.

Thanks heaps guys

[adem.i]

How would I be able to increase the height of the search bar? I've looked through tpl_search_header.php but couldn't find any properties regarding height...


Also, how can I reduce the space from the right side of the search bar to the left side of the search box. From this;


To this;



I've tried changing different properties in #headerSearch but haven't had any luck.

[kobra]

how can I reduce the space from the right side of the search bar to the left side of the search box. From this;

We went through this back in my posting #8

[adem.i]

I know we discussed changing the width in #headerSearch and in tpl_search_header.php
HEADER_SEARCH_BUTTON . '" style="width: 45px" />';

But whenever I do reduce the size, this is what happens


How can I achieve the result in the image I displayed in the above post?

Also, where in #tpl_search_header.php can I link my own search button?



<?php
/**
* Side Box Template
*
* @package templateSystem
* @copyright Copyright 2003-2006 Zen Cart Development Team
* @copyright Portions Copyright 2003 osCommerce
* @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
* @version $Id: tpl_search_header.php 4142 2006-08-15 04:32:54Z drbyte $
*/
$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();

if (strtolower(IMAGE_USE_CSS_BUTTONS) == 'yes') {
$content .= zen_draw_input_field('keyword', '', 'size="8" maxlength="30" width="400" 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 . '\';"') . '&nbsp;' . zen_image_submit (BUTTON_IMAGE_SEARCH,HEADER_SEARCH_BUTTON);
} else {
$content .= zen_draw_input_field('keyword', '', 'size="8" maxlength="30" style="width: 400px" 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 . '\';"') . '&nbsp;<input type="submit" value="' . HEADER_SEARCH_BUTTON . '" style="width: 45px" />';
}

$content .= "</form>";
?>

[adem.i]

Sorry, accidentally highlighted in yellow.