Search Sidebox Button

[fymbscu]

Hi folks,

I created a whole new set of buttons for my site including button_search.gif and still I get the plain white html button in the search sidebox. How do I get my nice new shiny search button to show up in the search sidebox?

I tried a routine posted in 2004 but it didn't work for me. All help greatly appreciated.

Regards,

Mark

[seethrou]

Had tested with ZC v1.3.0.2 but not sure for v1.3.5.

Copy the following file
includes/templates/template_default/sideboxes/tpl_search.php

And save it to a new file for the use of override
includes/templates/YOUR_TEMPLATE/sideboxes/tpl_search.php

Then modify about line 21 with refer to the codes below.

Note the code below only for reference and for prevous version, also added with comment.
Please compare with the newest version and make according changes.
Orginal code

    $content .= zen_draw_input_field('keyword', '', 'size="18" maxlength="100" style="width: ' . ($column_width-30) . 'px" 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 . '\';"') . '<br /><input type="submit" value="' . HEADER_SEARCH_BUTTON . '" style="width: 50px" />'; 

Modified code

//  Orginal use text as button 
//  $content .= zen_draw_input_field('keyword', '', 'size="18" maxlength="100" style="width: ' . ($column_width-30) . 'px" value="' . HEADER_SEARCH_DEFAULT_TEXT . '" onfocus="if (this.value == \'' . HEADER_SEARCH_DEFAULT_TEXT . '\') this.value = \'\';"') . '<br /><input type="submit" value="' . HEADER_SEARCH_BUTTON . '" style="width: 50px" />';
//  Begin: Modified to use image as button
    $content .= zen_draw_input_field('keyword', '', 'size="18" maxlength="100" style="width: ' . ($column_width-30) . 'px" value="' . HEADER_SEARCH_DEFAULT_TEXT . '" onfocus="if (this.value == \'' . HEADER_SEARCH_DEFAULT_TEXT . '\') this.value = \'\';"') . '<br />' . zen_image_submit (BUTTON_IMAGE_SEARCH, HEADER_SEARCH_BUTTON, ' style="width: 50px"');
//  Ended: Modified to use image as button 

Note:
Also the about code use the existing botton botton_search.gif as the button.
Please also modify it according to your requirement.

.

[fymbscu]

Hi Seethrou,

You correctly identified the right file and line that needed revision. Thanks. Unforntunately, the 1.3.5 code was revised to include an onblur value that was absent in 1.3.0.2 version and cut and paste didn't work.

Here is the code I used to get it working:

//    Original use text as button

//  $content .= zen_draw_input_field('keyword', '', 'size="18" maxlength="100" style="width: ' . ($column_width-30) . 'px" 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 . '\';"') . '<br /><input type="submit" value="' . HEADER_SEARCH_BUTTON . '" style="width: 50px" />';
//    Begin: Modified to use image as button
    $content .= zen_draw_input_field('keyword', '', 'size="18" maxlength="100" style="width: ' . ($column_width-30) . 'px" 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 . '\';"') . '<br />' . zen_image_submit (BUTTON_IMAGE_SEARCH, HEADER_SEARCH_BUTTON, ' style="width: 68px"'); 

Note that I also changed to style width from the default 50px to 68px so that the button displays full size.

Thanks for the help. The previous method I tried called for two files to be revised and this method only needed one. Nice to see some of these tasks are being simplified as the cart evolves.

Have a great day.

Regards,

Mark

[seethrou]

Thanks for the update!

[Aubade]

just the answerer i was looking for. thanks

[athena]

thank you, thank you, thank you...I've been looking for this solution off and on for years.

works perfectly with 1.3.9h