Responsive DIY Template Default for 1.5.x

Description
This template package comes fully loaded with (NOTHING)!

This template package should only be used for reference in making your own template responsive or as a starting point for designing your own template. There are no added plugins or any bells and whistles included in this template package.

The ONLY (4) files needed on the catalog side are within the (common folder).

I included code to disable left & right column on the login page and right column on the shopping cart page (don't panic)! You should know where to change the code. HINT, the tpl_main_page.php file.

You do need to (RUN) the sql_patches.sql code in your admin (Tools > Install SQL Patches) to add a configuration to activate the responsive code (Doing this overrides the stock Column Width - Left/Right (Boxes) configuration).

I have also included the ADMIN layout_controller.php file (which is optional), this will allow you to hide/show side boxes at min-width from the ADMIN > TOOLS > LAYOUT BOXES CONTROLLER page.

If you choose not to use the side box min-width controller you do not need to include the ALTER TABLE query code within the sql_patches.sql file or the (2) files within the modules folder.

This code has been tested by others and myself but doesn't mean you will get the same results. Please remember going responsive alters the layout in many ways and many (APPEARANCE) plugins will most definitely need CSS tweaking.
+ Download Latest

Forum Support Thread

Submit An Updated Version
Zen Cart® Versions v1.5.0, v1.5.1, v1.5.2, v1.5.3
Original Author rbarbour
Last Updated by rbarbour - 24 Jun 2014
Downloads 3,362

Version History

Responsive DIY Template Default for 1.5.x   -   Version: 2.1b
Bug Fix - sql query.
* Does not require a re-install or upgrade.

* Recommended Fix:
See Support thread.

Bug Fix - changed PHP-MOBILE-DETECT if statements to correctly call device specific files.

Update - Uses newest PHP-MOBILE-DETECT version 2.8.2
  + Download
Zen Cart® Versions v1.5.0, v1.5.1, v1.5.2, v1.5.3
Date Added 24 Jun 2014
Author rbarbour
File Size 89.6 KB
PHP 5.3 Safe? Unknown
Downloads 2,187
 
Responsive DIY Template Default for 1.5.x   -   Version: 2.1a
- moved php-mobile-detect from *Root folder to classes folder.
- added display_mode $_SESSION to auto loader.
- added example "site" switches to header.
- added ADMIN configuration to set which "site" links display on which devices.
- added ADMIN configuration to set "displayed text" for "site" links.
- update php-mobile-detect to the most recent version v2.7.6
- tested on Zen Cart versions v1.5.0, v1.5.1 and v1.5.2-BETA
- removed all // commented out code from 1.0
  + Download
Zen Cart® Versions v1.5.0, v1.5.1, v1.5.2, v1.5.3
Date Added 23 Jan 2014
Author rbarbour
File Size 82.3 KB
PHP 5.3 Safe? Yes
Downloads 517
 
Responsive DIY Template Default for 1.5.x   -   Version: 2.0
2.0 Takes a new and improved direction!

1.) 2.0 minimizes and cleans up the responsive code from 1.0
2.) 2.0 adds 98 new (px & %) column calculations.
3.) 2.0 adds side column width flexibility in (10px increments).
4.) 2.0 allows ADMIN controlled side column widths using the existing ZC stock Column Width - Left and Column Width - Right configurations
5.) 2.0 allows alternate layouts (Examples Included).
6.) 2.0 eliminates breakpoints (min-width and max-width) media query expressions in device specific CSS files.

What, no breakpoints? 2.0 now includes the use of the php-mobile-detect code! utilizing the php-mobile-detect code, we can call mobile or tablet specific stylesheets, template files and javascript files.

7.) The php-mobile-detect code now allows for DEVICE SPECIFIC javascript. (Examples Included)
8.) The php-mobile-detect code now allows for DEVICE SPECIFIC module or template files. (Examples Included)

We now detect UA's (user agents), if it detects a tablet, the only thing we need to determine is if it is in landscape or portrait mode and provide it with the best possible layout.

All we really need to do is add common breakpoints to the responsive_default.css file as a fallback for when the php-mobile-detect code doesn't detect the UA of a device. (Examples Included)


--------------------------------------------------------------------------------
  + Download
Zen Cart® Versions v1.5.1
Date Added 7 Nov 2013
Author rbarbour
File Size 84.2 KB
PHP 5.3 Safe? No
Downloads 359
 
Responsive DIY Template Default for 1.5.x   -   Version: 1.0
This template package comes fully loaded with (NOTHING)!

This template package should only be used for reference in making your own template responsive or as a starting point for designing your own template. There are no added plugins or any bells and whistles included in this template package.

The ONLY (4) files needed on the catalog side are within the (common folder).

I included code to disable left & right column on the login page and right column on the shopping cart page (don't panic)! You should know where to change the code. HINT, the tpl_main_page.php file.

You do need to (RUN) the sql_patches.sql code in your admin (Tools > Install SQL Patches) to add a configuration to activate the responsive code (Doing this overrides the stock Column Width - Left/Right (Boxes) configuration).

I have also included the ADMIN layout_controller.php file (which is optional), this will allow you to hide/show side boxes at min-width from the ADMIN > TOOLS > LAYOUT BOXES CONTROLLER page.

If you choose not to use the side box min-width controller you do not need to include the ALTER TABLE query code within the sql_patches.sql file or the (2) files within the modules folder.

This code has been tested by others and myself but doesn't mean you will get the same results. Please remember going responsive alters the layout in many ways and many (APPEARANCE) plugins will most definitely need CSS tweaking.

A DEMO of what to expect can be found @ http://zcadditions.com/responsive_default/
  + Download
Zen Cart® Versions
Date Added 25 Aug 2013
Author rbarbour
File Size 49.3 KB
PHP 5.3 Safe? No
Downloads 299
 


disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR