Forums / Templates, Stylesheets, Page Layout / Changing the look of the header search form

Changing the look of the header search form

Views: 759

Results 1 to 2 of 2
17 Apr 2015, 8:32 PM
#1
kman55 avatar

kman55

New Zenner

Join Date:
Feb 2011
Location:
Washington, D.C.
Posts:
80
Plugin Contributions:
0

Changing the look of the header search form

Hello

I am trying to change the look of the header search form and am getting an error. I'm not that technical so I am stumped as to what is causing this error and hoping that perhaps someone a lot smarter than me can help me in the right direction.

The code is in line 20 of ../includes/templates/custom_template/sideboxes/tpl_search_header.php

The log file generates this: PHP Parse error: syntax error, unexpected T_STRING in /home/user/public_html/zencart154/includes/templates/custom_template/sideboxes/tpl_search_header.php on line 20

    $content .= zen_draw_input_field('keyword', '', '<form class="navbar-form navbar-right" role="search"> <div class="input-group" input type="text" class="form-control"' 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 . '\';"') . ' '<span class="input-group-btn">
            <button class="btn btn-warning" type="button"><i class="fa fa-search"></i> Search</button>';
  }

The look that I am trying to go after is here: www dot kinkykupid dot com/zencart154.

the search bar to the right is what I am trying to incorporate into the template.

http://www.kinkykupid.com. WARNING: Please note that this site is intended to sell Adult Toys, Novelties and Costumes. Please do not click the link if you may find it offensive.

18 Apr 2015, 12:42 AM
#2
trinity14 avatar

trinity14

Zen Follower

Join Date:
Jan 2014
Location:
Ontario, Canada
Posts:
252
Plugin Contributions:
3

Re: Changing the look of the header search form

You definitely have a syntax error in your code.

Instead, I'd try to use css to achieve the look your after...
alter the
.search-header-box {
border: 1px solid #CCC;
width: 225px;
height: 23px;
padding-left: 10px;
}
in your includes/templates/YOUR_TEMPLATE/css/stylesheet.css