Smart Backgrounds support

**malhyp** · 31 Jan 2009, 04:58 AM

Hi there, no problems here. Just wanted to say thanks for the add on. its great.

I didn't get it straight away but after readings a few posts if was easy.

Cheer n thanks for the great work.
Mal

**HeathenMagic** · 31 Jan 2009, 12:26 PM

Hello there,

I have a template based on Cherry Zen template. I wondered if anybody else is using it, as when I install this mod and merge with my tpl_main_page, the sideboxes go misaligned or disappear on one side. I am thinking it is something to do with the original tpl_main_page (well, some mods are added, so there are references to them below) from that template.

I have made it so that sideboxes are removed on checkout page and login page. Appreciate any help with this.

Heathenmagic

<?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 $
*/

// EDIT FOR NUMINIX PRODUCT TYPE REDIRECTS
include(DIR_WS_INCLUDES . 'numinix_product_type_redirect.php');

// the following IF statement can be duplicated/modified as needed to set additional flags
if (in_array($current_page_base,explode(",",'list_pages_to_skip_all_right_sideboxes _on_here,separated_by_commas,and_no_spaces')) ) {
$flag_disable_right = 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
/**
* 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 id="contentMainWrapper">
<div id="contentMainWrapperb">
<div class="outer">
<div class="inner">
<div class="float-wrap">
<div id="content">
<div class="contentWrap">
<?php
// Display all header alerts via messageStack:
if ($messageStack->size('header') > 0) {
echo $messageStack->output('header');
}
if (isset($_GET['error_message']) && zen_not_null($_GET['error_message'])) {
echo htmlspecialchars(urldecode($_GET['error_message']));
}
if (isset($_GET['info_message']) && zen_not_null($_GET['info_message'])) {
echo htmlspecialchars($_GET['info_message']);
} else {

}
?>

<div id="menuBar">
<div class="forward">

</div>
<?php if (HEADER_CURRENCIES_DISPLAY == 'True') require(DIR_WS_MODULES . 'header_currencies.php'); ?>
</div>



<?php
if ($_SERVER['SERVER_NAME'] == 'thegemtree.com' || $_SERVER['SERVER_NAME'] == 'www.thegemtree.com') {
require_once DIR_FS_CATALOG.DIR_WS_INCLUDES."m1_translate.func.php";
echo m1_draw_translation_menu();
}
?>


<?php
include($template->get_template_dir('/tpl_social.php',DIR_WS_TEMPLATE,
$current_page_base,'templates'). '/tpl_social.php');
?>


<?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 } ?>


<?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?>

<?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
}
}
?>

<?php if ($messageStack->size('upload') > 0) echo $messageStack->output('upload'); ?>

<?php
/**
* prepares and displays center column
*
*/
require($body_code); ?>
</div>

</div>

<?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) {
?>
<div 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>
</div>

<div class="clearBoth"></div>
</div>

<?php
}
?>
<?php
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) {
?>
<div 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>
</div>

<?php
}
?>
<?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
}
}
?>
<div class="clearBoth"></div>
</div>

</div>

</div>

</div>

<?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');?>


<?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
}
?>
<?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
}
}
?>
</body>

**gjh42** · 31 Jan 2009, 10:19 PM

Cherry_Zen has a very customized tpl_main_page.php. You will need to merge the Smart BG code (one small block, described in the readme) into the Cherry_Zen version of the file.

**HeathenMagic** · 1 Feb 2009, 01:35 AM

Hello there,

Sorry my bad. It seems to work this time. I reckon my FTP wasn't working or something. It works really great, many thanks for replying to me.

Many thanks.

**HelenSama** · 4 Jun 2009, 10:14 PM

I've installed Smart Backgrounds and it works, it's exactly what I need in order to have some pages of the site have specific headers. But I also have a requirement to use a random image generator for the header on the home page so that each time you come to the site a different image is pulled out of a folder.... I've got the Smart Backgrounds set up and working and I've got the Random Image Generator set up too, I need to get them to work together, what I tried so far is to change this statement in the stylesheet:

/*example to set default header bg*/
#headerWrapper { background-image: url("../images/dionis_leaf.jpg"); background-repeat: no-repeat }

to this:

/*example to set default header bg*/
#headerWrapper { background-image: url("../images/header/rotate.php"); background-repeat: no-repeat }

It didn't work, no image appears at all. the images in the header folder above are jpgs.

Has anyone done something like this?

**gjh42** · 5 Jun 2009, 08:20 AM

What file does the random image generator code go into? tpl_header.php? You would want to modify the random code to choose among a set of classnames referring to your images; include a test to call the random code for the home page and a static header classname for the rest, like this:

PHP Code:


<?php
if ($this_is_home_page) {
  $header_class = //random generator classname call - to give names like 'random1', 'random2', 'random3', etc.
}else{
  $header_class = 'static';
} ?>
<div id="headerWrapper class="<?php echo $header_class;?>">

Then you would have a set of stylesheet rules like

Code:

.smartBG_page_whatever #headerWrapper {background: url(../images/smartbg_page_whatever.jpg);}
#indexHome #headerWrapper.random1 {background: url(../images/randombg1.jpg);}
#indexHome #headerWrapper.random2 {background: url(../images/randombg2.jpg);}
#indexHome #headerWrapper.random3 {background: url(../images/randombg3.jpg);}
#indexHome #headerWrapper.random4 {background: url(../images/randombg4.jpg);}

The #indexHome will give enough specificity and priority to enforce the random selection for the home page.

If you want to use jpegs for the backgrounds, you need to either change Smart Backgrounds code to refer to .jpg instead of .gif in all places, or include a set of dummy image files with .gif suffixes to trigger the smartbg classnames, and the real .jpg files to use in the stylesheet.
Note that since you have to write the stylesheet rules manually, you don't have to refer to the same bg files as the ones the smartbg code looked for.

**HelenSama** · 5 Jun 2009, 02:49 PM

Re: Using random image generator with smart backgrounds, I have a folder called header in the images folder, in the header folder there are the various jpg header images and there is rotate.php which is as follows:

<?php
/*
By Matt Mullenweg > http://photomatt.net
Inspired by Dan Benjamin > http://hiveware.com/imagerotator.php
Latest version always at:
http://photomatt.net/scripts/randomimage
*/// Make this the relative path to the images, like "../img" or "random/images/".
// If the images are in the same directory, leave it blank.
$folder = '';

// Space seperated list of extensions, you probably won't have to change this.
$exts = 'jpg jpeg png gif';

$files = array(); $i = -1; // Initialize some variables
if ('' == $folder) $folder = './';

$handle = opendir($folder);
$exts = explode(' ', $exts);
while (false !== ($file = readdir($handle))) {
foreach($exts as $ext) { // for each extension check the extension
if (preg_match('/\.'.$ext.'$/i', $file, $test)) { // faster than ereg, case insensitive
$files[] = $file; // it's good
++$i;
}
}
}
closedir($handle); // We're not using it anymore
mt_srand((double)microtime()*1000000); // seed for PHP < 4.2
$rand = mt_rand(0, $i); // $i was incremented as we went along

header('Location: '.$folder.$files[$rand]); // Voila!
?>

I have already changed the Smart Backgrounds code to refer to jpgs instead of gifs.... When I have used this set up before, but never on a zen cart site, instead of referring to the image by name such as ..../images/header.jpg I refer to .... /images/header/rotate.php

After reading your suggestions a few times, I am not sure still how to make Smart Background work with rotate.php. I am hoping that now that you see what exactly rotate.php is and where it is sitting we can fine tune this so that it works.

**gjh42** · 7 Jun 2009, 01:02 PM

Are you using this to generate random background images for stylesheet use? In looking at the code, it is using the PHP header() function, which wants to be run before any HTML output happens. Is this random code actually supposed to be processed by the stylesheet?

In any case, I don't think Smart Backgrounds can work directly with rotate.php; it tests for the presence of a specific file in setting the body class. In your case, Smart BG is not involved in the homepage header background anyway. I'm not sure rotate.php can work in Zen Cart in any case.

**HelenSama** · 7 Jun 2009, 01:32 PM

Thanks for the reply, if Smart Background won't work with a random image generator than I'm going to have to find another solution so that I can have different/rotating header images coming up on the home page and have specific header images coming up on other pages.

Are you or is anyone else available, for hire/pay, to help me customize Smart Backgrounds or something else so I can meet this requirement. I've searched through the forum for weeks, there is at least one example of a random image generator working with zen cart here - http://www.idyemyhair.com/ I then need to combine with the requirement that the category pages on the site have specific headers.

**gjh42** · 8 Jun 2009, 12:04 AM

It's not that Smart Backgrounds won't work for your random image generator; they have nothing to do with each other in this particular case. SBG doesn't check for the homepage background image. Your issue is going to be getting the random image generator to work with Zen Cart.

Thread: Smart Backgrounds support

Thread Tools

Search Thread

Display

Re: Smart Backgrounds support

Re: Smart Backgrounds support

Re: Smart Backgrounds support

Re: Smart Backgrounds support

Re: Smart Backgrounds support

Re: Smart Backgrounds support

Re: Smart Backgrounds support

Re: Smart Backgrounds support

Re: Smart Backgrounds support

Re: Smart Backgrounds support

Similar Threads

Adding Image Map to header with Smart Backgrounds

smart backgrounds

Backgrounds

Posting Permissions