How to customize buttons

Most recent Zen Cart installations use the CSS Buttons feature of Zen Cart, which is enabled in Admin > Configuration > Layout Settings.

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 the introduction of the CSS buttons feature in 1.3.0, 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? Use the Search box in the upper right, or try the full list of FAQs. If you can't find it there, 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 October 18, 2020 by Scott C Wilson (34a1c93).