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 (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.
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 January 1, 0001