Smart Backgrounds support

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

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:smile:

<?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"> <!--sphider_noindex--> </div> <?php if (HEADER_CURRENCIES_DISPLAY == 'True') require(DIR_WS_MODULES . 'header_currencies.php'); ?> </div> <!--/sphider_noindex--> <!--sphider_noindex--> <?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(); } ?> <!--/sphider_noindex--> <!--sphider_noindex--> <?php include($template->get_template_dir('/tpl_social.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_social.php'); ?> <!--/sphider_noindex-->

            <!-- 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 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 } } ?>
<!-- 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); ?>
</div>
<!--<end contentWrap> -->
</div>
<!-- end content-->

<?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>
<!-- end left div -->
<div class="clearBoth"></div>
</div>
<!-- end float-wrap -->
<?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>
      <!-- end right 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>
<!-- end inner -->
</div>
<!-- end outer -->
</div>
<!-- end ContentMainwrapper -->

</div> <!-- end ContentMainwrapperb --> <?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');?> <!-- end mainWrapper --> <?php if (DISPLAY_PAGE_PARSE_TIME == 'true') { ?> <!--bof- parse time display --> <div class="smallText center">Parse Time: <?php echo $parse_time; ?> - Number of Queries: <?php echo $db->queryCount(); ?> - Query Time: <?php echo $db->queryTime(); ?></div> <!--eof- parse time display --> <?php } ?> <?php if (SHOW_BANNERS_GROUP_SET6 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET6)) { if ($banner->RecordCount() > 0) { ?> <!--sphider_noindex--> <!--bof- banner #6 display --> <div id="bannerSix" class="banners"><?php echo zen_display_banner('static', $banner); ?></div> <!--eof- banner #6 display --> <!--sphider_noindex--> <?php } } ?> </body>

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.

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.

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?

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

<?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``` .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.

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.

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.

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.

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.

gjh42:

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

<?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``` .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.

Glenn,

This seems like a good solution for having random backgrounds on the home page only, but don't understand what happens on the line:

$header_class = //random generator classname call - to give names like 'random1', 'random2', 'random3', etc.

would this be written as :

$header_class = random1;
$header_class = random2;
$header_class = random3;

etc?

thanks

That is where I was suggesting the modified random generator code would go. I don't know the best way to set it up for this application, but it would end up by feeding one name into $header_class.

My feeling is that you would include or require rotate.php from tpl_header.php, and modify its last line from

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

to

$header_class = $files[$rand]); // class to use for header bg this time

You would also want to remove the value of $ext from $file before saving each time as $files[] so you get a simple string for the classname.

$file = str_replace($ext, '', $file);

Does anyone know if this Mod gets interference from CEON URI Mapping?

I have tried to install this mod, and I get the same class for all of my pages. Class="smartBG".

Is there a work around this? It would be an awesome mod to have. The project I'm working on is https://www.walls360.com/shop.

I also have the Column Grid, Gallery2 -> Zen Cart, Google Analytics, Easy Populate, Image Handler (currently disabled), and am working on getting Zen Light Box up.

Thanks for any help in advance.

It may well interfere. One of the other SEO mods caused some problem with a basic ZC function until cPath info was enabled in it, and CEON's may also eliminate info that Smart BG needs to operate. You would have to ask Conor how to get the info to be available.

Question - I got the Smart Backgrounds to work with the images I wanted.... but my client wants to change whole categories to have not only different images, but different colors as well...

Can you make a suggestion on whether I can use Smart Backgrounds for this, or whether there is another good work-around for this?

Thanks! :smile:

KismetDesign

In the stylesheet rules you write for the images, you can also specify background-color, and anything else that you wish. As long as you have the first image that triggers the Smart BG code, you can style any element on the page with the .smartbg_whatever class prefixed.

Yup...CEON URI mapping interferes with Smart Backgrounds in case anyone wanted to know...

mkonchalski:

Yup...CEON URI mapping interferes with Smart Backgrounds in case anyone wanted to know...Is there a workaround??

I don't know how Ceon URI Mapping functions, so can't say anything about making it and Smart Backgrounds play nice together.

gjh42:

I don't know how Ceon URI Mapping functions, so can't say anything about making it and Smart Backgrounds play nice together.Fair enough.. Do you know off-hand if are there compatibility with your add-on and Simple Seo Url Module ?