Results 1 to 10 of 10
  1. #1
    Join Date
    Jul 2011
    Posts
    177
    Plugin Contributions
    0

    Default CSS Buttons Excluding Search Button?

    I currently have image buttons that are okay however I would like to use CSS buttons. The one button I want to keep an image is the search button.

    When I go to Configuration > Layout Settings > CSS Buttons > ON

    How can I prevent the effect on my search button, or the entire header if possible?

  2. #2
    Join Date
    Nov 2006
    Location
    Dartmouth, NS Canada
    Posts
    2,378
    Plugin Contributions
    0

    Default Re: CSS Buttons Excluding Search Button?

    From the tips.txt file for the CSS Buttons add-on...

    To over ride a single CSS button by an image button:

    Copy the image button (from template_default, or created yourself) to:

    includes/YOUR_TEMPLATE/buttons/english/
    Rob

  3. #3
    Join Date
    Jul 2011
    Posts
    177
    Plugin Contributions
    0

    Default Re: CSS Buttons Excluding Search Button?

    It didn't work at first, I had to use includes/templates/barebones/buttons/english and then the override worked for some reason.

    However I'm still having trouble trying to override the search button and the add to cart button.
    take a look www.pazzle.co.uk - every button except those 2 are recognized (ironically the only 2 buttons I actually need as images).

    What button name does the override look for?
    Last edited by Inxie; 22 Sep 2012 at 04:57 AM.

  4. #4
    Join Date
    Jul 2011
    Posts
    177
    Plugin Contributions
    0

    Default Re: CSS Buttons Excluding Search Button?

    Just to add. My search button was done by editing the tpl_search_header.php file.

    <input type= "image" src="includes/templates/barebones/buttons/english/button_search_header.gif" value="" style="width: 22px" />
    I'm a little confused as to if it's even possible to override that button when CSS is on.

  5. #5
    Join Date
    Dec 2009
    Location
    Amersfoort, The Netherlands
    Posts
    2,845
    Plugin Contributions
    25

    Default Re: CSS Buttons Excluding Search Button?

    I know that in some templates the search button is butchered to only use a picture. You could do a code compare with the default template

  6. #6
    Join Date
    Jul 2011
    Posts
    177
    Plugin Contributions
    0

    Default Re: CSS Buttons Excluding Search Button?

    Quote Originally Posted by Design75 View Post
    I know that in some templates the search button is butchered to only use a picture. You could do a code compare with the default template
    What I ended up doing was having CSS on, and then adding a style to my #headerWrapper Input to give it the background image I needed. Simple and effective :)

  7. #7
    Join Date
    Dec 2009
    Location
    Amersfoort, The Netherlands
    Posts
    2,845
    Plugin Contributions
    25

    Default Re: CSS Buttons Excluding Search Button?


  8. #8
    Join Date
    Sep 2009
    Location
    Stuart, FL
    Posts
    13,903
    Plugin Contributions
    96

    Default Re: CSS Buttons Excluding Search Button?

    Another little trick is that for submit-type buttons (like search and add_to_cart), if the alt-text (in /includes/languages/english/YOUR_TEMPLATE/button_names.php) is longer than 30 characters, a button image will be used even if CSS buttons are enabled.

  9. #9
    Join Date
    Jul 2011
    Posts
    177
    Plugin Contributions
    0

    Default Re: CSS Buttons Excluding Search Button?

    Brilliant just used that to my advantage thank you!

  10. #10
    Join Date
    Jan 2007
    Location
    Los Angeles, California, United States
    Posts
    10,021
    Plugin Contributions
    32

    Default Re: CSS Buttons Excluding Search Button?

    Quote Originally Posted by lat9 View Post
    Another little trick is that for submit-type buttons (like search and add_to_cart), if the alt-text (in /includes/languages/english/YOUR_TEMPLATE/button_names.php) is longer than 30 characters, a button image will be used even if CSS buttons are enabled.
    This tidbit has stopped me from traveling down a long dark road.. I am working on CSS only template (which also replaces the default center content table with a tableless layout). I am using the CSS buttons add-on for my template, and there are a few buttons that I want to use a regular image button instead of the CSS button (Add to Cart is one). Thanks for this tip..
    My Site - Zen Cart & WordPress integration specialist
    I don't answer support questions via PM. Post add-on support questions in the support thread. The question & the answer will benefit others with similar issues.

 

 

Similar Threads

  1. v151 Button Images in lieu of CSS-driven Text Buttons
    By smcelligott in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 4 Apr 2014, 12:37 PM
  2. v138a How do I put back my search button image after turning on CSS buttons?
    By Deno in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 1 Jun 2013, 05:32 PM
  3. How can I make the Header Search button be a CSS button?
    By makehveli in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 26 Aug 2011, 03:01 AM
  4. Help with using css buttons, "update cart' does not use the css buttons?
    By trinitypres in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 1 Jan 2011, 04:34 PM
  5. Update Cart Button with CSS Buttons
    By seandavidson in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 21 May 2008, 12:39 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg