How to customize buttons

Many modern Zen Cart installations use the CSS Buttons feature of Zen Cart, which is enabled on Admin > Configuration > Layout Settings > CSS Buttons.

CSS Button

No action is required to create a CSS button; it simply uses the button text and displays it according to the styling your template has set.

Prior to CSS buttons, Zen Cart buttons were static .gif images like the one shown below:

GIF button

Many of them were much smaller - just enough space to fit the text describing their action.

GIF button - add selected

You are free to use either setting, but most people prefer the maintenance free and more modern looking CSS buttons.

If you decide you want to use static images and customize them, you’ll want to build a full set - do each of the filenames in includes/templates/template_default/buttons/english/. There are currently 52 of them.

Still have questions? No problem! Just head over to the Zen Cart support forum and ask there in the appropriate subforum. In your post, please include your Zen Cart and PHP versions, and a link to your site.

Is there an error or omission on this page? Please post to General Questions on the support forum. Or, if you'd like to open a pull request, just review the guidelines and get started. You can even PR right here.
Last modified September 13, 2020 by Scott C Wilson (d4fcd2e).