Technology Insights

ZenCart Search Button Image Not Displaying

I installed ZenCart recently for a project I am working on and was playing around with the default design including switching some of the buttons around. I noticed that the search sidebox search button was not displaying. After a little bit of digging around I noticed an error in the code. The file that needs to be modified is the <zencart-root>/includes/templates/template_default/sideboxes/tpl_search.php template as noted below.

[quickcode:Old tpl_search.php]
<?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.php 4142 2006-08-15 04:32:54Z drbyte $
*/
  $content = “”;
  $content .= ‘<div id=”‘ . str_replace(‘_’, ‘-‘, $box_id . ‘Content’) . ‘” class=”sideBoxContent centeredContent”>’;
  $content .= zen_draw_form(‘quick_find’, 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=”18″ maxlength=”100″ style=”width: ‘ . ($column_width-30) . ‘px”‘) . ‘<br />’ . zen_image_submit (BUTTON_IMAGE_SEARCH,HEADER_SEARCH_BUTTON);
    $content .= ‘<br /><a href=”‘ . zen_href_link(FILENAME_ADVANCED_SEARCH) . ‘”>’ . BOX_SEARCH_ADVANCED_SEARCH . ‘</a>’;
  } else {
    $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” />’;
    $content .= ‘<br /><a href=”‘ . zen_href_link(FILENAME_ADVANCED_SEARCH) . ‘”>’ . BOX_SEARCH_ADVANCED_SEARCH . ‘</a>’;
  }

  $content .= “</form>”;
  $content .= ‘</div>’;
?>

[/quickcode]

It should actually look like the below.