Smart Backgrounds support

[gjh42]

Smart Backgrounds is now available in Downloads.

This mod allows you to use different header backgrounds for each top category or page.

If an image file is found for a category or page, the image will be displayed as the header background;
if not, the default (home page) background image will be displayed.

The feature may also be applied to any other element on the page independently, by moving and modifying the code appropriately (examples given in the readme).

It may also be used to switch foreground images in any element based on current top category or main page (code given in the readme).

I don't have spare hosting space for a demo site, so it would be good if someone who installs this would post a link to see it in action.

[otakushark]

I've been trying this out but can't seem to get it to work. I added the files and folders as indicated in the readme file, modifying the tpl_header.php according to the "- To use different header backgrounds for each top category or page:" info and modified the stylesheet_smartbg.css file to match the page and image names.

As I understand it, if I want a custom gif background for the following page:
someurl.com/index.php?main_page=index&cPath=1

Then I should name the image smartbg_1.gif and then add the following to the stylesheet_smartbg.css file:

#headerWrapper.smartBG_1 { background-image: url(../images/smartbg_1.gif);}

Is that right?

[gjh42]

Your filename and stylesheet declaration are correct. Did you save the file in /includes/templates/your_template/images/?

As the readme notes, the editing info is just for education; the edits have already been made to the file in the zip. If you did more editing, you could have broken something - I don't know what without seeing it. Your best bet is to re-upload that one file, replacing the current copy.

[otakushark]

I tried both modifying my custom tpl_header.php file and simply copying the one provided with the mod into includes/templates/MYSITE/common.

The images were uploaded to includes/templates/MYSITE/images.

The edited stylesheet_smartbg.css file was uploaded to includes/templates/MYSITE/css.

I also checked to make sure my smartbg_1.gif file was working right by renaming it to body_bg.gif, checking the site confirm, then renaming it back to smartbg_1.gif.

I'm using 1.3.7.1 with the mods Column Layout Grid and Stock by Attributes if that makes any difference.

[gjh42]

I don't think Column Grid should interfere with anything in $cPath. I don't know about Stock by Attributes, but that doesn't seem likely to be a problem.

What happens if you rename smartbg_1.gif to smartbg_shippinginfo.gif (and add a stylesheet declaration for it), and go to the shipping & returns page?

[otakushark]

I'm not using Shipping and Returns, but I just tried it with Contact Us and no luck. It still displays the usual background.

[gjh42]

What does your view source look like?
Can you paste in the area of it around

<div id="headerWrapper" class="smartBG_1">

If this line doesn't read like this, there is something wrong with the $current_page_base retrieval.
A link to your site would make diagnosis easier.

[otakushark]

<!--Smart Backgrounds-->
<!--/Smart Backgrounds-->
<div id="headerWrapper" class="smartBG_contact_us">
<!--bof-navigation display-->

The site isn't finished yet, and the client wanted to keep it offline until it is, but I'll talk to him about the situation and see if it's okay.

[otakushark]

I got the okay to turn the site on for you to look at. I sent you the URL via private message . Thanks for your help!

[gjh42]

Nice looking site. I may have identified the problem. Exactly where and what size is the background image supposed to be? You have

#logoWrapper{
	background-image: url(../images/header_bg.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
	height:65px;
	}

The background-color will cover any header background that is behind it.