CSS buttons v2.x

[s_mack]

If we're getting nitpicky, then there no need to quote (in its entirety no less) the message directly above your reply.

But clearly I needed to repeat myself, because clearly you didn't understand. If you did, then you didn't state it very well.

Don't ask for help if you're going to get snippy when someone gives it. You didn't know what the contrib was for, and I clued you in.

- Steven

[DjSap]

Hey i was just wondering why the buttons do not look uniform, for example, the add to cart button has more padding then the other buttons.

[s_mack]

Its been asked before... some buttons are "submit" type buttons where they are actually submitting an HTML form. Others are simply links. There must be something in css that you can do to make them equal, but for the life of me I couldn't figure it out. It bugged me enough, I actualy ended up deleting most of the link buttons, because they were usually just "back" buttons... and that's what the browser's back button is for.

If anyone does figure this out, I'd like to know too. I don't really care any more, but man that was frustrating.

- Steven

[paulm]

If anyone does figure this out, I'd like to know too. I don't really care any more, but man that was frustrating.

Actually it's exactly how it went here Steven. Although I think the current version generates buttons that are acceptable, and more or less stable, the result is not pixel perfect.

One of the other problems I encounter sometimes, is that the size of the buttons depend on other "surrounding" HTML/CSS. Not sure if this is typical for Zen Cart or that it's a general problem with dynamic CSS buttons.

As I mentioned before (in this thread?) examples of CSS buttons found on the internet are most of the time static (a.o. fixed with and height, and not used in different "surroundings") and not about both links and form buttons (as mentioned by Steven).

Nevertheless I still like CSS buttons over image buttons myself. I rather edit a couple of CSS lines to change the size color (or whatever) to make a particular button look different, than create a new image button everytime I need a new or different button. (but of course this is mostly about personal preference ;-) )

And please note that the default Zen Cart CSS buttons are different (less stable width and padding tmho) than the buttons generated by this contribution!

[s_mack]

You're right.. from a fresh 1.36 install with your contrib, the effect was very much minimized. On mine (very much NOT fresh 1.3.6) It was grotesquely obvious there was a difference in the buttons. And I never could understand why. I stripped the css down as much as I could to figure it out, but eventually just gave up.

My reason to use css buttons was different than yours. My goal was to make an elasticly rendered site so that visually-impaired people could increase the font size and still see my site the way it was intended. The graphical buttons make that impossible so I went toward css...

until I realized it wasn't impossible with graphical buttons.. just difficult :)

I'm there though. My site is 99% elastic! You can increase/decrease and zoom in/out to your heart's content (and browser's limits) and my site will stay exactly as it is intended.... formatting doesn't get screwed up because images now grow and shrink along with the text... something many "authorities" on the web say is impossible :)

DOWN WITH PIXELS!!

- Steven

[paulm]

My goal was to make an elasticly rendered site so that visually-impaired people could increase the font size and still see my site the way it was intended.

That is why I changed the CSS buttons from pixel to em sizes in the later versions, although I certainly had not thought about this at first (and of course it's easy to switch back to pixel sizes if preferred).

until I realized it wasn't impossible with graphical buttons.. just difficult :)

I'm there though. My site is 99% elastic!

(must admitt I gave it a shot recently too, but certainly am not ready for it yet ).

[mat123slade]

@mat123slade: are you trying to add only that part of the total sql? If so, @cssbuttonsid indeed will have no value.

Problem solved. This was indeed my problem. Thanks for your help.

[dynaguy]

Hello, I installed this css buttons and I have a question:

The button_update_cart button use the ALT but it's too long:
"change your quantity by highlighting the number in the box, correcting the quantity and clicking this button."

I try to locate the ALT text and couldn't find it. It is not in the /includes/languages/english/button_names.php. I also notice the demo site use the image button instead. I still want a simple css button. Could you please tell me where I can edit the text?

Thanks a lot!

[paulm]

I usually forget such things about 2 seconds after I finished editting. Use software to search all files in your local copy (which you should have anyway), or use the Zen Cart admin tool to look it up: /admin/developers_tool_kit.php (bottom field and select Catalaog (and/or Admin) as required)

[dynaguy]

thanks for reply.

which software do you recomand to search all files in local copy?

I tried use the developers tool kit in admin to search button_update_cart already, but no luck! It did not show me where is the defination.