I plan to release the following to the community but am asking for a few beta testers first.

This is a (improved) version of my previous DIY Responsive Templates.

What makes this package different?

This package was build with a Mobile First Design Approach

1.) Zen Cart stock CSS has been CONVERTED to a global CSS FRAMEWORK.

* This included altering several template override files.

2.) Additional CSS global rules have been ADDED to the stylesheet.css file.

* This seriously minimizes the (tablet/mobile) css files.

3.) An Additional (Styles) stylesheet has been added to separate colors/borders for ease of styling.
4.) A Font Awesome Addition was made to the stylesheet_css_buttons.css

* This included altering (1) CORE FUNCTIONS file (html_output.php).

5.) A Font Awesome Addition was made to the messagestack CSS.

* This included altering (1) CORE CLASS file (message_stack.php).

6.) I Included a product listing plugin to create consistency across all product listing pages (product listing, products_all, products_new, featured_products)

7.) I included a columns/rows product listing layout changer

8.) All listing pages (columnar view) and center-boxes have been converted to use the built in CSS blocks rules.

* The default layout allows for 3 columns on desktop, 2 columns on tablets and 1 column on phones but can go upto 9 columns

9.) I included jQuery to handle the blocks height to create a consistent height.

10.) I included jQuery stacktable to handle tables.

11.) I included jQuery to handle retrieving correct keypads on mobile devices.

12.) I added new code to exclude side-boxes on tablet/mobile devices (this is huge for we no longer have to load then hide), still loads and hides for the default responsive view though.

A demo can be found here.

Please PM me for package with a valid email to communicate testing results.