Bootstrap Template for Zen Cart

What is the Bootstrap Template?

The Bootstrap template is a well supported, standards-based, responsive template which was built by the Zen Cart community.

The Bootstrap template is built on the Bootstrap front-end toolkit. It differs from the older Responsive Classic template in the following ways:

Bootstrap Responsive Classic
Determining screen size CSS Media Queries Mobile_Detect library
CSS Single CSS file Separate CSS for desktop, tablet and phone
Orientation Handling Built in Requires different CSS for landscape vs portrait on mobile devices
Device Support Device independent Lists specific devices

Bootstrap template version 3.X is based on Bootstrap 4. You can find the exact version of Bootstrap (major.minor.patch) in use by looking at the file includes/templates/bootstrap/common/html_header.php, which pulls in the Bootstrap javascript and css.

Bootstrap Template - Product Page (Desktop)

Bootstrap Template Product Page on Desktop

Bootstrap Template - Product Page (Mobile)

Bootstrap Template Product Page on Mobile

Colors in the Bootstrap Template

One of the best things about the Bootstrap template is that it puts the control of colors in the hands of the storeowner. Using Admin > Tools > ZCA Bootstrap Colors, you can set many of the colors in your template.

Bootstrap Colors

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 June 19, 2022 by Scott C Wilson (edb9b78).