Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Search Field without the "Search Button" in the header

Search Field without the "Search Button" in the header

Locked

Views: 4,639

Results 1 to 13 of 13
This thread is locked. New replies are disabled.
22 Aug 2006, 4:49 AM
#1
gems14k avatar

gems14k

New Zenner

Join Date:
Jul 2005
Posts:
95
Plugin Contributions:
0

Search Field without the "Search Button" in the header

I want the search textfield, but not the search button, so that people will use the "Enter" key to execute the search...

How can I achieve this? This is my site: http://www.nokoria.com

Thank you.

22 Aug 2006, 4:55 AM
#2
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,786
Plugin Contributions:
13

Re: Search Field without the "Search Button" in the header

quickest way is to add> .button_search {

display: none;
}to the bottom of stylesheet_original.css

22 Aug 2006, 5:01 AM
#3
ajeh avatar

ajeh

Oba-san

Join Date:
Sep 2003
Location:
Ohio
Posts:
62,757
Plugin Contributions:
1

Re: Search Field without the "Search Button" in the header

umm ... are customers smart enough to hit the enter key? :eek:

22 Aug 2006, 5:02 AM
#4
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,786
Plugin Contributions:
13

Re: Search Field without the "Search Button" in the header

BTW...
Your buttons CSS has a comma after .button_next on line 34 that throws an error.

22 Aug 2006, 5:09 AM
#5
gems14k avatar

gems14k

New Zenner

Join Date:
Jul 2005
Posts:
95
Plugin Contributions:
0

Re: Search Field without the "Search Button" in the header

dbltoe:

quickest way is to addto the bottom of stylesheet_original.css

It works...

Thank you for the super fast respond... :D

22 Aug 2006, 5:11 AM
#6
gems14k avatar

gems14k

New Zenner

Join Date:
Jul 2005
Posts:
95
Plugin Contributions:
0

Re: Search Field without the "Search Button" in the header

Ajeh:

umm ... are customers smart enough to hit the enter key? :eek:

Haha, I hope so... :D

The search button is not align with the textfiled, that's why I want to get rid of it... It looks simpler without that...

22 Aug 2006, 5:21 AM
#7
gems14k avatar

gems14k

New Zenner

Join Date:
Jul 2005
Posts:
95
Plugin Contributions:
0

Re: Search Field without the "Search Button" in the header

dbltoe:

BTW...
Your buttons CSS has a comma after .button_next on line 34 that throws an error.

Wow... thank you again for catching that.

22 Aug 2006, 8:55 AM
#8
ryk avatar

ryk

Totally Zenned

Join Date:
Oct 2004
Location:
Southport, UK
Posts:
3,644
Plugin Contributions:
6

Re: Search Field without the "Search Button" in the header

gems14k:

Haha, I hope so... :D

The search button is not align with the textfiled, that's why I want to get rid of it... It looks simpler without that...

You can re-position the button using css, although exactly how you do it will depend on whether you are using image buttons or css buttons.

11 Dec 2006, 5:40 PM
#9
subb avatar

subb

New Zenner

Join Date:
Oct 2006
Posts:
26
Plugin Contributions:
0

Re: Search Field without the "Search Button" in the header

dbltoe:

quickest way is to addto the bottom of stylesheet_original.css

Hi there,

Forgive my confusion, but what and where is stylesheet_original.css?

Cheers for any help!

11 Dec 2006, 7:33 PM
#10
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,786
Plugin Contributions:
13

Re: Search Field without the "Search Button" in the header

subb,

Depending on your version of Zen-Cart, you may not have that stylesheet.

You should be using your own template or the override system that would be in includes/templates/YOURTEMPLATE/css.

If you are using the classic template from an older version, it would be in includes/templates/classic/css.

Get a copy of TopStyle Lite and firefox with the web developer's extension to help with stylesheet editing.

12 Dec 2006, 1:17 PM
#11
subb avatar

subb

New Zenner

Join Date:
Oct 2006
Posts:
26
Plugin Contributions:
0

Re: Search Field without the "Search Button" in the header

thanks for the insight dbltoe, im new to zencart and so had never heard of that particular stylesheet as the current version is my first.

many thanks for the reply

12 Dec 2006, 6:42 PM
#12
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,786
Plugin Contributions:
13

Re: Search Field without the "Search Button" in the header

You're welcome,
Take the time to learn the ways to search the forum. It's most helpful to me that I can find something or some help when needed.
A little known item is- look at the end of an interesting post and it will list other threads with similar items. Can be a big help when looking for an answer.

26 Sep 2009, 7:56 AM
#13
croitoru avatar

croitoru

New Zenner

Join Date:
Sep 2009
Posts:
1
Plugin Contributions:
0

Re: Search Field without the "Search Button" in the header

locate \includes\templates\template_default\sideboxes\tpl_search_header.php

locate style="width: 45px"

add (append)

style="vertical-align:bottom"