-
Responsive Cold Steel Template for v1.5.x
Being uploaded to today!
Designed by Clyde Jones and modified for Zen Cart version 1.5* by dbltoe
Made responsive by ME!
Features:
- Fixed width 2 column display (requires you to use the global disable function now)
- Colors: Styled in Black, White and Gray.
- Customized button set included.
- Per-page CSS stylesheets to style individual pages.
- Better Categories Sidebox installed.
- Order Steps (Tableless) installed.
- Column Divider Pro installed. (hides @min-width)
- Date displayed in the header.
- Re-designed Login page included.
- Only addition to the original CSS file was to add code for the div style product listing page
- I also included the SNAF drop down sorter @min-width and hides product listing headers (COOL FEATURE IMHO)
- Do to background images not being responsive they where converted to CSS and will only change in responsive mode.
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.
A DEMO of what to expect can be found @ http://www[.]zcadditions[.]com/111/
-
Re: Responsive Cold Steel Template
ADMINS can you change the following:
add (v151) for the version
add (for 1.5.x) to the thread title
Thank you
-
Re: Responsive Cold Steel Template
-
Re: Responsive Cold Steel Template
Raymond, just looked at the docs folder of this download and noted this:
Quote:
(T) includes \ modules \ respon_classic_silver \ column_left.php
(T) includes \ modules \ respon_classic_silver \ column_right.php
(T) includes \ modules \ respon_classic_silver \ product_listing.php
(T) includes \ templates \ respon_classic_silver \ common \ tpl_box_default_left.php
(T) includes \ templates \ respon_classic_silver \ common \ tpl_box_default_right.php
(T) includes \ templates \ respon_classic_silver \ common \ tpl_tabular_display.php
(T) includes \ templates \ respon_classic_silver \ css \ responsive.css
(R) INSTALL_DOCS \ Responsive_Cold_Steel_Template_Installation.htm
Shouldn't that read cold_steel - may be? :huh:
Copy and paste error - me thinks..
Cheers / Frank
-
Re: Responsive Cold Steel Template
Quote:
Originally Posted by
frank18
Raymond, just looked at the docs folder of this download and noted this:
Shouldn't that read cold_steel - may be? :huh:
Copy and paste error - me thinks..
Cheers / Frank
You would be correct, copy and paste error only in my installation.htm file
The file structure was not changed and will still upload correctly though. I will update the readme and re-submit.
Thanks Frank
-
Re: Responsive Cold Steel Template
The DEMOS will be back up by days end, just doing some internal upgrades.
-
Re: Responsive Cold Steel Template
Hi
I think Ive done everything correctly but when I look at my site in my mobile phone it doesnt change to responsive?
Zen 1.5.1, Ive uploaded new files, admin files and run the sql file and reset layout changes ??
Any ideas?
http://www.ellimaecushions.com/shop
-
Re: Responsive Cold Steel Template
Quote:
Originally Posted by
Pazaz
Hi
I think Ive done everything correctly but when I look at my site in my mobile phone it doesnt change to responsive?
Zen 1.5.1, Ive uploaded new files, admin files and run the sql file and reset layout changes ??
Any ideas?
http://www.ellimaecushions.com/shop
Did you tun on the responsive layout in admin--configuration--layout settings?
Thanks,
Anne
-
Re: Responsive Cold Steel Template
Thanks Anne
I was in Layout Boxes Controller and thought I had done enough :)
That's it working now!
-
Re: Responsive Cold Steel Template
Quote:
Originally Posted by
Pazaz
Thanks Anne
I was in Layout Boxes Controller and thought I had done enough :)
That's it working now!
I am happy that you figured it out ;)
Thanks,
Anne
-
Re: Responsive Cold Steel Template
Quote:
Originally Posted by
picaflor-azul
I am happy that you figured it out ;)
Thanks,
Anne
Thank you Anne!
-
Re: Responsive Cold Steel Template
Quote:
Originally Posted by
rbarbour
Thank you Anne!
No problem ;)
Thanks,
Anne
-
Re: Responsive Cold Steel Template
I just removed my old cold steel, and installed this one. First, my tpl_absolute links no longer works, so I had to disable it.
Quote:
[27-Oct-2013 09:49:04] PHP Fatal error: require() [<a href='function.require'>function.require</a>]: Failed opening required 'includes/templates/template_default/sideboxes/tpl_absolute_links.php' (include_path='.:/usr/lib64/php:/usr/share/pear') in /home2/redsauto/public_html/includes/modules/sideboxes/absolute_links.php on line 16
Second, I don't see:admin--configuration--layout settings
Under configuration, the only one that I see, is: ACTIVATE Responsive Template by selecting Column Widths
When I change any of the settings in the column widths, my main page information loads at the bottom of the page.
-
Re: Responsive Cold Steel Template
Quote:
Originally Posted by
vanhorn_s
I just removed my old cold steel, and installed this one. First, my tpl_absolute links no longer works, so I had to disable it.
This must be a custom side box, it is not part of the original or responsive install.
Quote:
Originally Posted by
vanhorn_s
Second, I don't see:admin--configuration--layout settings
Under configuration, the only one that I see, is: ACTIVATE Responsive Template by selecting Column Widths
When I change any of the settings in the column widths, my main page information loads at the bottom of the page.
ADMIN (YOUR ACTUAL ADMIN) > CONFIGURATION (usually first link in your admin drop-down menu) > Layout Settings (is a link under configuration)
I am not sure what you don't see.
If your main content loads towards the bottom - this usually indicated an extra div or unclosed div somewhere in your HTML source.
A link to your site would help me better troubleshoot the issues you are having.
-
Re: Responsive Cold Steel Template
I am sorry, I am very tired right now, and I was in Layout settings.
I just set it to 75px, so that you can see what it is doing.
www.redsautorehab.com
-
Re: Responsive Cold Steel Template
Also, my header image no longer loads. I used winmerge to copy the changes I have made, and my header image used to work with:
Code:
// added defines for header alt and text
define('HEADER_ALT_TEXT', 'redsautorehab');
define('HEADER_SALES_TEXT', '');
define('HEADER_LOGO_WIDTH', '');
define('HEADER_LOGO_HEIGHT', '');
define('HEADER_LOGO_IMAGE', '32ford.jpg');
Right now, includes/languages/english/cold_steel/header.php is identical to the old one, and that is the only change I made.
I beleive that I need to set the height, and width, I am just not sure why it was working before.
-
Re: Responsive Cold Steel Template
Quote:
Originally Posted by
vanhorn_s
I am sorry, I am very tired right now, and I was in Layout settings.
I just set it to 75px, so that you can see what it is doing.
www.redsautorehab.com
That is common with the responsive code:
It looks like you have an extra closing div (</div>) in tpl_main_page.php
Should be somewhere around here in that file:
PHP Code:
<div class="<?php echo $column_width_span; ?>">
<?php
/**
* prepares and displays left column sideboxes
*
*/
?>
<?php require(DIR_WS_MODULES . zen_get_module_directory('column_left.php')); ?>
</div>
<?php
}
?>
Viewing your HTML source (I use FF) left click anywhere on your screen and click the View Page Source link
You will see that extra closing </div>
-
Re: Responsive Cold Steel Template
Quote:
Originally Posted by
vanhorn_s
Also, my header image no longer loads. I used winmerge to copy the changes I have made, and my header image used to work with:
Code:
// added defines for header alt and text
define('HEADER_ALT_TEXT', 'redsautorehab');
define('HEADER_SALES_TEXT', '');
define('HEADER_LOGO_WIDTH', '');
define('HEADER_LOGO_HEIGHT', '');
define('HEADER_LOGO_IMAGE', '32ford.jpg');
Right now, includes/languages/english/cold_steel/header.php is identical to the old one, and that is the only change I made.
I beleive that I need to set the height, and width, I am just not sure why it was working before.
Make sure that the header.php file exists (\includes\templates\cold_steel\common\tpl_header.php)
looks like your image is being called from template_default
/includes/templates/template_default/images/32ford.jpg
-
Re: Responsive Cold Steel Template
Quote:
Originally Posted by
rbarbour
It looks like you have an extra closing div (</div>) in tpl_main_page.php
This is the file from the download, and the only instance I can see of a second </div>
Lines 258-272
Code:
<div class="<?php echo $column_width_span; ?>">
<?php
/**
* prepares and displays right column sideboxes
*
*/
?>
<?php require(DIR_WS_MODULES . zen_get_module_directory('column_right.php')); ?>
</div>
<?php
}
?>
</div>
<?php } ?>
-
Re: Responsive Cold Steel Template
Quote:
Originally Posted by
vanhorn_s
This is the file from the download, and the only instance I can see of a second </div>
Lines 258-272
Code:
<div class="<?php echo $column_width_span; ?>">
<?php
/**
* prepares and displays right column sideboxes
*
*/
?>
<?php require(DIR_WS_MODULES . zen_get_module_directory('column_right.php')); ?>
</div>
<?php
}
?>
</div>
<?php } ?>
No that is good.
Further up look by the
PHP Code:
<?php
/**
* prepares and displays left column sideboxes
*
*/
?>
-
Re: Responsive Cold Steel Template
Quote:
Originally Posted by
rbarbour
Make sure that the header.php file exists (\includes\templates\cold_steel\common\tpl_header.php)
looks like your image is being called from template_default
/includes/templates/template_default/images/32ford.jpg
Thank you for that. I deleted the cold steel folders before I uploaded, and forgot to put it back in /includes/templates/cold_steel/images/
It is working now.
-
Re: Responsive Cold Steel Template
Code:
<td id="navColumnOne" class="columnLeft" style="width: <?php echo COLUMN_WIDTH_LEFT; ?>">
<?php
/**
* prepares and displays left column sideboxes
*
*/
?>
<div id="navColumnOneWrapper" style="width: <?php echo BOX_WIDTH_LEFT; ?>"><?php require(DIR_WS_MODULES . zen_get_module_directory('column_left.php')); ?></div></td>
<?php
}
?>
Code:
<?php
/**
* prepares and displays left column sideboxes
*
*/
?>
<?php require(DIR_WS_MODULES . zen_get_module_directory('column_left.php')); ?>
</div>
<?php
}
?>
-
Re: Responsive Cold Steel Template
Quote:
Originally Posted by
vanhorn_s
Code:
<td id="navColumnOne" class="columnLeft" style="width: <?php echo COLUMN_WIDTH_LEFT; ?>">
<?php
/**
* prepares and displays left column sideboxes
*
*/
?>
<div id="navColumnOneWrapper" style="width: <?php echo BOX_WIDTH_LEFT; ?>"><?php require(DIR_WS_MODULES . zen_get_module_directory('column_left.php')); ?></div></td>
<?php
}
?>
Code:
<?php
/**
* prepares and displays left column sideboxes
*
*/
?>
<?php require(DIR_WS_MODULES . zen_get_module_directory('column_left.php')); ?>
</div>
<?php
}
?>
That doesn't look correct, can you post entire file?
-
Re: Responsive Cold Steel Template
Code:
<?php
/**
* Common Template - tpl_main_page.php
*
* Governs the overall layout of an entire page<br />
* Normally consisting of a header, left side column. center column. right side column and footer<br />
* For customizing, this file can be copied to /templates/your_template_dir/pagename<br />
* example: to override the privacy page<br />
* - make a directory /templates/my_template/privacy<br />
* - copy /templates/templates_defaults/common/tpl_main_page.php to /templates/my_template/privacy/tpl_main_page.php<br />
* <br />
* to override the global settings and turn off columns un-comment the lines below for the correct column to turn off<br />
* to turn off the header and/or footer uncomment the lines below<br />
* Note: header can be disabled in the tpl_header.php<br />
* Note: footer can be disabled in the tpl_footer.php<br />
* <br />
* $flag_disable_header = true;<br />
* $flag_disable_left = true;<br />
* $flag_disable_right = true;<br />
* $flag_disable_footer = true;<br />
* <br />
* // example to not display right column on main page when Always Show Categories is OFF<br />
* <br />
* if ($current_page_base == 'index' and $cPath == '') {<br />
* $flag_disable_right = true;<br />
* }<br />
* <br />
* example to not display right column on main page when Always Show Categories is ON and set to categories_id 3<br />
* <br />
* if ($current_page_base == 'index' and $cPath == '' or $cPath == '3') {<br />
* $flag_disable_right = true;<br />
* }<br />
*
* @package templateSystem
* @copyright Copyright 2003-2007 Zen Cart Development Team
* @copyright Portions Copyright 2003 osCommerce
* @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
* @version $Id: tpl_main_page.php 7085 2007-09-22 04:56:31Z ajeh $
*/
// the following IF statement can be duplicated/modified as needed to set additional flags
if (in_array($current_page_base,explode(",",'shopping_cart')) ) {
$flag_disable_right = true;
}
if (in_array($current_page_base,explode(",",'login')) ) {
$flag_disable_right = true;
$flag_disable_left = true;
}
$header_template = 'tpl_header.php';
$footer_template = 'tpl_footer.php';
$left_column_file = 'column_left.php';
$right_column_file = 'column_right.php';
$body_id = ($this_is_home_page) ? 'indexHome' : str_replace('_', '', $_GET['main_page']);
?>
<body id="<?php echo $body_id . 'Body'; ?>"<?php if($zv_onload !='') echo ' onload="'.$zv_onload.'"'; ?>>
<?php
if (SHOW_BANNERS_GROUP_SET1 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET1)) {
if ($banner->RecordCount() > 0) {
?>
<div id="bannerOne" class="banners"><?php echo zen_display_banner('static', $banner); ?></div>
<?php
}
}
?>
<?php if (COLUMN_WIDTH == '0'){ ?>
<div id="mainWrapper">
<?php
/**
* prepares and displays header output
*
*/
if (CUSTOMERS_APPROVAL_AUTHORIZATION == 1 && CUSTOMERS_AUTHORIZATION_HEADER_OFF == 'true' and ($_SESSION['customers_authorization'] != 0 or $_SESSION['customer_id'] == '')) {
$flag_disable_header = true;
}
require($template->get_template_dir('tpl_header.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_header.php');?>
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="contentMainWrapper">
<tr>
<?php
if (COLUMN_LEFT_STATUS == 0 || (CUSTOMERS_APPROVAL == '1' and $_SESSION['customer_id'] == '') || (CUSTOMERS_APPROVAL_AUTHORIZATION == 1 && CUSTOMERS_AUTHORIZATION_COLUMN_LEFT_OFF == 'true' and ($_SESSION['customers_authorization'] != 0 or $_SESSION['customer_id'] == ''))) {
// global disable of column_left
$flag_disable_left = true;
}
if (!isset($flag_disable_left) || !$flag_disable_left) {
?>
<td id="navColumnOne" class="columnLeft" style="width: <?php echo COLUMN_WIDTH_LEFT; ?>">
<?php
/**
* prepares and displays left column sideboxes
*
*/
?>
<div id="navColumnOneWrapper" style="width: <?php echo BOX_WIDTH_LEFT; ?>"><?php require(DIR_WS_MODULES . zen_get_module_directory('column_left.php')); ?></div></td>
<?php
}
?>
<td valign="top">
<?php }else{ ?>
<?php
/**
* prepares and displays header output
*
*/
if (CUSTOMERS_APPROVAL_AUTHORIZATION == 1 && CUSTOMERS_AUTHORIZATION_HEADER_OFF == 'true' and ($_SESSION['customers_authorization'] != 0 or $_SESSION['customer_id'] == '')) {
$flag_disable_header = true;
}
require($template->get_template_dir('tpl_header.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_header.php');?>
<div class="onerow-fluid">
<?php
if (COLUMN_LEFT_STATUS == 0 || (CUSTOMERS_APPROVAL == '1' and $_SESSION['customer_id'] == '') || (CUSTOMERS_APPROVAL_AUTHORIZATION == 1 && CUSTOMERS_AUTHORIZATION_COLUMN_LEFT_OFF == 'true' and ($_SESSION['customers_authorization'] != 0 or $_SESSION['customer_id'] == ''))) {
// global disable of column_left
$flag_disable_left = true;
}
if (!isset($flag_disable_left) || !$flag_disable_left) {
?>
<?php
switch (COLUMN_WIDTH) {
case 1:
$column_width_span = 'col1';
break;
case 2:
$column_width_span = 'col2';
break;
case 3:
$column_width_span = 'col3';
break;
}
?>
<div class="<?php echo $column_width_span; ?>">
<?php
/**
* prepares and displays left column sideboxes
*
*/
?>
<?php require(DIR_WS_MODULES . zen_get_module_directory('column_left.php')); ?>
</div>
<?php
}
?>
<?php
/**
* decide center column width
*
*/
if (COLUMN_LEFT_STATUS == '0' && COLUMN_RIGHT_STATUS == '0' or $flag_disable_left == 'true' && $flag_disable_right == 'true') { ?>
<div class="col12">
<?php }elseif(COLUMN_LEFT_STATUS == '0' && COLUMN_RIGHT_STATUS == '1' && COLUMN_WIDTH == '1' or COLUMN_LEFT_STATUS == '1' && COLUMN_RIGHT_STATUS == '0' && COLUMN_WIDTH == '1' or COLUMN_LEFT_STATUS == '1' && COLUMN_RIGHT_STATUS == '1' && COLUMN_WIDTH == '1' && $flag_disable_left == 'true' or COLUMN_LEFT_STATUS == '1' && COLUMN_RIGHT_STATUS == '1' && COLUMN_WIDTH == '1' && $flag_disable_right == 'true'){ ?><div class="col11">
<?php }elseif(COLUMN_LEFT_STATUS == '1' && COLUMN_RIGHT_STATUS == '1' && COLUMN_WIDTH == '1' or COLUMN_LEFT_STATUS == '0' && COLUMN_RIGHT_STATUS == '1' && COLUMN_WIDTH == '2' or COLUMN_LEFT_STATUS == '1' && COLUMN_RIGHT_STATUS == '0' && COLUMN_WIDTH == '2' or COLUMN_LEFT_STATUS == '1' && COLUMN_RIGHT_STATUS == '1' && COLUMN_WIDTH == '2' && $flag_disable_left == 'true' or COLUMN_LEFT_STATUS == '1' && COLUMN_RIGHT_STATUS == '1' && COLUMN_WIDTH == '2' && $flag_disable_right == 'true'){ ?><div class="col10">
<?php }elseif(COLUMN_LEFT_STATUS == '1' && COLUMN_RIGHT_STATUS == '1' && COLUMN_WIDTH == '2'){ ?><div class="col8">
<?php }elseif(COLUMN_LEFT_STATUS == '0' && COLUMN_RIGHT_STATUS == '1' && COLUMN_WIDTH == '3' or COLUMN_LEFT_STATUS == '1' && COLUMN_RIGHT_STATUS == '0' && COLUMN_WIDTH == '3' or COLUMN_LEFT_STATUS == '1' && COLUMN_RIGHT_STATUS == '1' && COLUMN_WIDTH == '3' && $flag_disable_left == 'true' or COLUMN_LEFT_STATUS == '1' && COLUMN_RIGHT_STATUS == '1' && COLUMN_WIDTH == '3' && $flag_disable_right == 'true'){ ?><div class="col9">
<?php }elseif(COLUMN_LEFT_STATUS == '1' && COLUMN_RIGHT_STATUS == '1' && COLUMN_WIDTH == '3'){ ?><div class="col6">
<?php } ?>
<?php } ?>
<!-- bof breadcrumb -->
<?php if (DEFINE_BREADCRUMB_STATUS == '1' || (DEFINE_BREADCRUMB_STATUS == '2' && !$this_is_home_page) ) { ?>
<div id="navBreadCrumb"><?php echo $breadcrumb->trail(BREAD_CRUMBS_SEPARATOR); ?></div>
<?php } ?>
<!-- eof breadcrumb -->
<?php
if (SHOW_BANNERS_GROUP_SET3 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET3)) {
if ($banner->RecordCount() > 0) {
?>
<div id="bannerThree" class="banners"><?php echo zen_display_banner('static', $banner); ?></div>
<?php
}
}
?>
<!-- bof upload alerts -->
<?php if ($messageStack->size('upload') > 0) echo $messageStack->output('upload'); ?>
<!-- eof upload alerts -->
<?php
/**
* prepares and displays center column
*
*/
require($body_code); ?>
<?php
if (SHOW_BANNERS_GROUP_SET4 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET4)) {
if ($banner->RecordCount() > 0) {
?>
<div id="bannerFour" class="banners"><?php echo zen_display_banner('static', $banner); ?></div>
<?php
}
}
?>
<?php if (COLUMN_WIDTH == '0'){ ?>
</td>
<?php
//if (COLUMN_RIGHT_STATUS == 0 || (CUSTOMERS_APPROVAL == '1' and $_SESSION['customer_id'] == '') || (CUSTOMERS_APPROVAL_AUTHORIZATION == 1 && CUSTOMERS_AUTHORIZATION_COLUMN_RIGHT_OFF == 'true' && $_SESSION['customers_authorization'] != 0)) {
if (COLUMN_RIGHT_STATUS == 0 || (CUSTOMERS_APPROVAL == '1' and $_SESSION['customer_id'] == '') || (CUSTOMERS_APPROVAL_AUTHORIZATION == 1 && CUSTOMERS_AUTHORIZATION_COLUMN_RIGHT_OFF == 'true' and ($_SESSION['customers_authorization'] != 0 or $_SESSION['customer_id'] == ''))) {
// global disable of column_right
$flag_disable_right = true;
}
if (!isset($flag_disable_right) || !$flag_disable_right) {
?>
<td id="navColumnTwo" class="columnRight" style="width: <?php echo COLUMN_WIDTH_RIGHT; ?>">
<?php
/**
* prepares and displays right column sideboxes
*
*/
?>
<div id="navColumnTwoWrapper" style="width: <?php echo BOX_WIDTH_RIGHT; ?>"><?php require(DIR_WS_MODULES . zen_get_module_directory('column_right.php')); ?></div></td>
<?php
}
?>
</tr>
</table>
<?php }else{ ?>
<?php // must leave br class otherwise center column merges with right column at min-width ?>
<br class="clearBoth">
<br class="clearBoth">
</div>
<?php
//if (COLUMN_RIGHT_STATUS == 0 || (CUSTOMERS_APPROVAL == '1' and $_SESSION['customer_id'] == '') || (CUSTOMERS_APPROVAL_AUTHORIZATION == 1 && CUSTOMERS_AUTHORIZATION_COLUMN_RIGHT_OFF == 'true' && $_SESSION['customers_authorization'] != 0)) {
if (COLUMN_RIGHT_STATUS == 0 || (CUSTOMERS_APPROVAL == '1' and $_SESSION['customer_id'] == '') || (CUSTOMERS_APPROVAL_AUTHORIZATION == 1 && CUSTOMERS_AUTHORIZATION_COLUMN_RIGHT_OFF == 'true' and ($_SESSION['customers_authorization'] != 0 or $_SESSION['customer_id'] == ''))) {
// global disable of column_right
$flag_disable_right = true;
}
if (!isset($flag_disable_right) || !$flag_disable_right) {
?>
<?php
switch (COLUMN_WIDTH) {
case 1:
$column_width_span = 'col1';
break;
case 2:
$column_width_span = 'col2';
break;
case 3:
$column_width_span = 'col3';
break;
}
?>
<div class="<?php echo $column_width_span; ?>">
<?php
/**
* prepares and displays right column sideboxes
*
*/
?>
<?php require(DIR_WS_MODULES . zen_get_module_directory('column_right.php')); ?>
</div>
<?php
}
?>
</div>
<?php } ?>
<?php
/**
* prepares and displays footer output
*
*/
if (CUSTOMERS_APPROVAL_AUTHORIZATION == 1 && CUSTOMERS_AUTHORIZATION_FOOTER_OFF == 'true' and ($_SESSION['customers_authorization'] != 0 or $_SESSION['customer_id'] == '')) {
$flag_disable_footer = true;
}
require($template->get_template_dir('tpl_footer.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_footer.php');
?>
<!--bof- parse time display -->
<?php
if (DISPLAY_PAGE_PARSE_TIME == 'true') {
?>
<div class="smallText center">Parse Time: <?php echo $parse_time; ?> - Number of Queries: <?php echo $db->queryCount(); ?> - Query Time: <?php echo $db->queryTime(); ?></div>
<?php
}
?>
<!--eof- parse time display -->
<!--bof- banner #6 display -->
<?php
if (SHOW_BANNERS_GROUP_SET6 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET6)) {
if ($banner->RecordCount() > 0) {
?>
<div id="bannerSix" class="banners"><?php echo zen_display_banner('static', $banner); ?></div>
<?php
}
}
?>
<!--eof- banner #6 display -->
<?php if (COLUMN_WIDTH == '0'){ ?>
</div><!--eof-->
<br class="clearBoth">
<?php }else{ ?>
<?php //do nothing ?>
<?php } ?>
</body>
-
Re: Responsive Cold Steel Template
Quote:
Originally Posted by
vanhorn_s
Code:
<?php
/**
* Common Template - tpl_main_page.php
*
* Governs the overall layout of an entire page<br />
* Normally consisting of a header, left side column. center column. right side column and footer<br />
* For customizing, this file can be copied to /templates/your_template_dir/pagename<br />
* example: to override the privacy page<br />
* - make a directory /templates/my_template/privacy<br />
* - copy /templates/templates_defaults/common/tpl_main_page.php to /templates/my_template/privacy/tpl_main_page.php<br />
* <br />
* to override the global settings and turn off columns un-comment the lines below for the correct column to turn off<br />
* to turn off the header and/or footer uncomment the lines below<br />
* Note: header can be disabled in the tpl_header.php<br />
* Note: footer can be disabled in the tpl_footer.php<br />
* <br />
* $flag_disable_header = true;<br />
* $flag_disable_left = true;<br />
* $flag_disable_right = true;<br />
* $flag_disable_footer = true;<br />
* <br />
* // example to not display right column on main page when Always Show Categories is OFF<br />
* <br />
* if ($current_page_base == 'index' and $cPath == '') {<br />
* $flag_disable_right = true;<br />
* }<br />
* <br />
* example to not display right column on main page when Always Show Categories is ON and set to categories_id 3<br />
* <br />
* if ($current_page_base == 'index' and $cPath == '' or $cPath == '3') {<br />
* $flag_disable_right = true;<br />
* }<br />
*
* @package templateSystem
* @copyright Copyright 2003-2007 Zen Cart Development Team
* @copyright Portions Copyright 2003 osCommerce
* @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
* @version $Id: tpl_main_page.php 7085 2007-09-22 04:56:31Z ajeh $
*/
// the following IF statement can be duplicated/modified as needed to set additional flags
if (in_array($current_page_base,explode(",",'shopping_cart')) ) {
$flag_disable_right = true;
}
if (in_array($current_page_base,explode(",",'login')) ) {
$flag_disable_right = true;
$flag_disable_left = true;
}
$header_template = 'tpl_header.php';
$footer_template = 'tpl_footer.php';
$left_column_file = 'column_left.php';
$right_column_file = 'column_right.php';
$body_id = ($this_is_home_page) ? 'indexHome' : str_replace('_', '', $_GET['main_page']);
?>
<body id="<?php echo $body_id . 'Body'; ?>"<?php if($zv_onload !='') echo ' onload="'.$zv_onload.'"'; ?>>
<?php
if (SHOW_BANNERS_GROUP_SET1 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET1)) {
if ($banner->RecordCount() > 0) {
?>
<div id="bannerOne" class="banners"><?php echo zen_display_banner('static', $banner); ?></div>
<?php
}
}
?>
<?php if (COLUMN_WIDTH == '0'){ ?>
<div id="mainWrapper">
<?php
/**
* prepares and displays header output
*
*/
if (CUSTOMERS_APPROVAL_AUTHORIZATION == 1 && CUSTOMERS_AUTHORIZATION_HEADER_OFF == 'true' and ($_SESSION['customers_authorization'] != 0 or $_SESSION['customer_id'] == '')) {
$flag_disable_header = true;
}
require($template->get_template_dir('tpl_header.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_header.php');?>
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="contentMainWrapper">
<tr>
<?php
if (COLUMN_LEFT_STATUS == 0 || (CUSTOMERS_APPROVAL == '1' and $_SESSION['customer_id'] == '') || (CUSTOMERS_APPROVAL_AUTHORIZATION == 1 && CUSTOMERS_AUTHORIZATION_COLUMN_LEFT_OFF == 'true' and ($_SESSION['customers_authorization'] != 0 or $_SESSION['customer_id'] == ''))) {
// global disable of column_left
$flag_disable_left = true;
}
if (!isset($flag_disable_left) || !$flag_disable_left) {
?>
<td id="navColumnOne" class="columnLeft" style="width: <?php echo COLUMN_WIDTH_LEFT; ?>">
<?php
/**
* prepares and displays left column sideboxes
*
*/
?>
<div id="navColumnOneWrapper" style="width: <?php echo BOX_WIDTH_LEFT; ?>"><?php require(DIR_WS_MODULES . zen_get_module_directory('column_left.php')); ?></div></td>
<?php
}
?>
<td valign="top">
<?php }else{ ?>
<?php
/**
* prepares and displays header output
*
*/
if (CUSTOMERS_APPROVAL_AUTHORIZATION == 1 && CUSTOMERS_AUTHORIZATION_HEADER_OFF == 'true' and ($_SESSION['customers_authorization'] != 0 or $_SESSION['customer_id'] == '')) {
$flag_disable_header = true;
}
require($template->get_template_dir('tpl_header.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_header.php');?>
<div class="onerow-fluid">
<?php
if (COLUMN_LEFT_STATUS == 0 || (CUSTOMERS_APPROVAL == '1' and $_SESSION['customer_id'] == '') || (CUSTOMERS_APPROVAL_AUTHORIZATION == 1 && CUSTOMERS_AUTHORIZATION_COLUMN_LEFT_OFF == 'true' and ($_SESSION['customers_authorization'] != 0 or $_SESSION['customer_id'] == ''))) {
// global disable of column_left
$flag_disable_left = true;
}
if (!isset($flag_disable_left) || !$flag_disable_left) {
?>
<?php
switch (COLUMN_WIDTH) {
case 1:
$column_width_span = 'col1';
break;
case 2:
$column_width_span = 'col2';
break;
case 3:
$column_width_span = 'col3';
break;
}
?>
<div class="<?php echo $column_width_span; ?>">
<?php
/**
* prepares and displays left column sideboxes
*
*/
?>
<?php require(DIR_WS_MODULES . zen_get_module_directory('column_left.php')); ?>
</div>
<?php
}
?>
<?php
/**
* decide center column width
*
*/
if (COLUMN_LEFT_STATUS == '0' && COLUMN_RIGHT_STATUS == '0' or $flag_disable_left == 'true' && $flag_disable_right == 'true') { ?>
<div class="col12">
<?php }elseif(COLUMN_LEFT_STATUS == '0' && COLUMN_RIGHT_STATUS == '1' && COLUMN_WIDTH == '1' or COLUMN_LEFT_STATUS == '1' && COLUMN_RIGHT_STATUS == '0' && COLUMN_WIDTH == '1' or COLUMN_LEFT_STATUS == '1' && COLUMN_RIGHT_STATUS == '1' && COLUMN_WIDTH == '1' && $flag_disable_left == 'true' or COLUMN_LEFT_STATUS == '1' && COLUMN_RIGHT_STATUS == '1' && COLUMN_WIDTH == '1' && $flag_disable_right == 'true'){ ?><div class="col11">
<?php }elseif(COLUMN_LEFT_STATUS == '1' && COLUMN_RIGHT_STATUS == '1' && COLUMN_WIDTH == '1' or COLUMN_LEFT_STATUS == '0' && COLUMN_RIGHT_STATUS == '1' && COLUMN_WIDTH == '2' or COLUMN_LEFT_STATUS == '1' && COLUMN_RIGHT_STATUS == '0' && COLUMN_WIDTH == '2' or COLUMN_LEFT_STATUS == '1' && COLUMN_RIGHT_STATUS == '1' && COLUMN_WIDTH == '2' && $flag_disable_left == 'true' or COLUMN_LEFT_STATUS == '1' && COLUMN_RIGHT_STATUS == '1' && COLUMN_WIDTH == '2' && $flag_disable_right == 'true'){ ?><div class="col10">
<?php }elseif(COLUMN_LEFT_STATUS == '1' && COLUMN_RIGHT_STATUS == '1' && COLUMN_WIDTH == '2'){ ?><div class="col8">
<?php }elseif(COLUMN_LEFT_STATUS == '0' && COLUMN_RIGHT_STATUS == '1' && COLUMN_WIDTH == '3' or COLUMN_LEFT_STATUS == '1' && COLUMN_RIGHT_STATUS == '0' && COLUMN_WIDTH == '3' or COLUMN_LEFT_STATUS == '1' && COLUMN_RIGHT_STATUS == '1' && COLUMN_WIDTH == '3' && $flag_disable_left == 'true' or COLUMN_LEFT_STATUS == '1' && COLUMN_RIGHT_STATUS == '1' && COLUMN_WIDTH == '3' && $flag_disable_right == 'true'){ ?><div class="col9">
<?php }elseif(COLUMN_LEFT_STATUS == '1' && COLUMN_RIGHT_STATUS == '1' && COLUMN_WIDTH == '3'){ ?><div class="col6">
<?php } ?>
<?php } ?>
<!-- bof breadcrumb -->
<?php if (DEFINE_BREADCRUMB_STATUS == '1' || (DEFINE_BREADCRUMB_STATUS == '2' && !$this_is_home_page) ) { ?>
<div id="navBreadCrumb"><?php echo $breadcrumb->trail(BREAD_CRUMBS_SEPARATOR); ?></div>
<?php } ?>
<!-- eof breadcrumb -->
<?php
if (SHOW_BANNERS_GROUP_SET3 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET3)) {
if ($banner->RecordCount() > 0) {
?>
<div id="bannerThree" class="banners"><?php echo zen_display_banner('static', $banner); ?></div>
<?php
}
}
?>
<!-- bof upload alerts -->
<?php if ($messageStack->size('upload') > 0) echo $messageStack->output('upload'); ?>
<!-- eof upload alerts -->
<?php
/**
* prepares and displays center column
*
*/
require($body_code); ?>
<?php
if (SHOW_BANNERS_GROUP_SET4 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET4)) {
if ($banner->RecordCount() > 0) {
?>
<div id="bannerFour" class="banners"><?php echo zen_display_banner('static', $banner); ?></div>
<?php
}
}
?>
<?php if (COLUMN_WIDTH == '0'){ ?>
</td>
<?php
//if (COLUMN_RIGHT_STATUS == 0 || (CUSTOMERS_APPROVAL == '1' and $_SESSION['customer_id'] == '') || (CUSTOMERS_APPROVAL_AUTHORIZATION == 1 && CUSTOMERS_AUTHORIZATION_COLUMN_RIGHT_OFF == 'true' && $_SESSION['customers_authorization'] != 0)) {
if (COLUMN_RIGHT_STATUS == 0 || (CUSTOMERS_APPROVAL == '1' and $_SESSION['customer_id'] == '') || (CUSTOMERS_APPROVAL_AUTHORIZATION == 1 && CUSTOMERS_AUTHORIZATION_COLUMN_RIGHT_OFF == 'true' and ($_SESSION['customers_authorization'] != 0 or $_SESSION['customer_id'] == ''))) {
// global disable of column_right
$flag_disable_right = true;
}
if (!isset($flag_disable_right) || !$flag_disable_right) {
?>
<td id="navColumnTwo" class="columnRight" style="width: <?php echo COLUMN_WIDTH_RIGHT; ?>">
<?php
/**
* prepares and displays right column sideboxes
*
*/
?>
<div id="navColumnTwoWrapper" style="width: <?php echo BOX_WIDTH_RIGHT; ?>"><?php require(DIR_WS_MODULES . zen_get_module_directory('column_right.php')); ?></div></td>
<?php
}
?>
</tr>
</table>
<?php }else{ ?>
<?php // must leave br class otherwise center column merges with right column at min-width ?>
<br class="clearBoth">
<br class="clearBoth">
</div>
<?php
//if (COLUMN_RIGHT_STATUS == 0 || (CUSTOMERS_APPROVAL == '1' and $_SESSION['customer_id'] == '') || (CUSTOMERS_APPROVAL_AUTHORIZATION == 1 && CUSTOMERS_AUTHORIZATION_COLUMN_RIGHT_OFF == 'true' && $_SESSION['customers_authorization'] != 0)) {
if (COLUMN_RIGHT_STATUS == 0 || (CUSTOMERS_APPROVAL == '1' and $_SESSION['customer_id'] == '') || (CUSTOMERS_APPROVAL_AUTHORIZATION == 1 && CUSTOMERS_AUTHORIZATION_COLUMN_RIGHT_OFF == 'true' and ($_SESSION['customers_authorization'] != 0 or $_SESSION['customer_id'] == ''))) {
// global disable of column_right
$flag_disable_right = true;
}
if (!isset($flag_disable_right) || !$flag_disable_right) {
?>
<?php
switch (COLUMN_WIDTH) {
case 1:
$column_width_span = 'col1';
break;
case 2:
$column_width_span = 'col2';
break;
case 3:
$column_width_span = 'col3';
break;
}
?>
<div class="<?php echo $column_width_span; ?>">
<?php
/**
* prepares and displays right column sideboxes
*
*/
?>
<?php require(DIR_WS_MODULES . zen_get_module_directory('column_right.php')); ?>
</div>
<?php
}
?>
</div>
<?php } ?>
<?php
/**
* prepares and displays footer output
*
*/
if (CUSTOMERS_APPROVAL_AUTHORIZATION == 1 && CUSTOMERS_AUTHORIZATION_FOOTER_OFF == 'true' and ($_SESSION['customers_authorization'] != 0 or $_SESSION['customer_id'] == '')) {
$flag_disable_footer = true;
}
require($template->get_template_dir('tpl_footer.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_footer.php');
?>
<!--bof- parse time display -->
<?php
if (DISPLAY_PAGE_PARSE_TIME == 'true') {
?>
<div class="smallText center">Parse Time: <?php echo $parse_time; ?> - Number of Queries: <?php echo $db->queryCount(); ?> - Query Time: <?php echo $db->queryTime(); ?></div>
<?php
}
?>
<!--eof- parse time display -->
<!--bof- banner #6 display -->
<?php
if (SHOW_BANNERS_GROUP_SET6 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET6)) {
if ($banner->RecordCount() > 0) {
?>
<div id="bannerSix" class="banners"><?php echo zen_display_banner('static', $banner); ?></div>
<?php
}
}
?>
<!--eof- banner #6 display -->
<?php if (COLUMN_WIDTH == '0'){ ?>
</div><!--eof-->
<br class="clearBoth">
<?php }else{ ?>
<?php //do nothing ?>
<?php } ?>
</body>
That's identical to my original
Is this file the same as the one located at ( \includes\templates\cold_steel\common\ )
-
Re: Responsive Cold Steel Template
Yes it is. The extra </div> is not in that file, and wasn't the issue. I got rid of all of the right sideboxes, and it loads perfectly now.
-
Re: Responsive Cold Steel Template
Apparently it was one of the right sideboxes that was adding the extra </div>, because it is gone now.
-
Re: Responsive Cold Steel Template
Quote:
Originally Posted by
vanhorn_s
Apparently it was one of the right sideboxes that was adding the extra </div>, because it is gone now.
I am glad you figured it out!
I would activate 1 at a time to see which side box breaks the page and go from their.
-
Re: Responsive Cold Steel Template
It's two of them. Featured, and Specials.
-
Re: Responsive Cold Steel Template
In firefox, the background color is white, but in IE, it is blue. Is there a way of changing this? I am also wondering how to bring the two grey boxes at the bottom of the screen together? Also, the clicky tab used to be underneath the contact info at the bottom, rather than right next to it.
-
Re: Responsive Cold Steel Template
Here's the problem with /includes/templates/cold_steel/sideboxes/tpl_featured.php
Code:
$content .= '<div>' . $featured_box_price . '</div>';
$content .= '</div>';
$random_featured_product->MoveNextRandom();
}
$content .= '</div>' . "\n";
same problem with /includes/templates/cold_steel/sideboxes/tpl_specials.php
Code:
$content .= '<div>' . $specials_box_price . '</div>';
$content .= '</div>';
$random_specials_sidebox_product->MoveNextRandom();
}
$content .= '</div>' . "\n";
-
Re: Responsive Cold Steel Template
Quote:
Originally Posted by
vanhorn_s
Here's the problem with /includes/templates/cold_steel/sideboxes/tpl_featured.php
Code:
$content .= '<div>' . $featured_box_price . '</div>';
$content .= '</div>';
$random_featured_product->MoveNextRandom();
}
$content .= '</div>' . "\n";
same problem with /includes/templates/cold_steel/sideboxes/tpl_specials.php
Code:
$content .= '<div>' . $specials_box_price . '</div>';
$content .= '</div>';
$random_specials_sidebox_product->MoveNextRandom();
}
$content .= '</div>' . "\n";
As the template was design for a fixed 2 column width by another, I only incorporated the responsive code and did not focus on the other altered files.
Nice catch, I will update when I incorporate the updated 2.0 responsive code.
-
Re: Responsive Cold Steel Template
I renamed /includes/templates/cold_steel/ie_stylesheet.css To ie_stylesheet.css.bak, and that got rid of the blue background in IE, and noe it is a white background in both IE, and Firefox.
-
Re: Responsive Cold Steel Template
Quote:
Originally Posted by
vanhorn_s
I renamed /includes/templates/cold_steel/ie_stylesheet.css To ie_stylesheet.css.bak, and that got rid of the blue background in IE, and noe it is a white background in both IE, and Firefox.
I never understood why (.bak) gets used, these files can still be accessed and I have seen it many times.
I prefer simply adding (ie_stylesheet.css~) to any file I don't want called, this is used by (g o o g l e) to deactivate execution files. OW
Another thread perhaps.
-
Re: Responsive Cold Steel Template
Sometimes I will do .old, because most of the time, filezillla will hide .bak from me.
-
Re: Responsive Cold Steel Template
Did you use css/js loader ?
Quote:
Originally Posted by
rbarbour
I never understood why (.bak) gets used, these files can still be accessed and I have seen it many times.
I prefer simply adding (ie_stylesheet.css~) to any file I don't want called, this is used by (g o o g l e) to deactivate execution files. OW
Another thread perhaps.
-
Re: Responsive Cold Steel Template
My changes to this template are noted in post #1
I am not the designer, I simply converted template to be responsive.
Quote:
Originally Posted by
cvhainb
Did you use css/js loader ?
-
Re: Responsive Cold Steel Template
hi i like to know if Responsive Cold Steel Template for v1.5. is compatible with Zencart 1.5.4 ?
thanx
best
emil
-
Re: Responsive Cold Steel Template
Is there a demo anywhere?
