Smart Backgrounds support

**vipinc** · 24 Nov 2010, 12:13 PM

Hi everyone

I have zen cart v1.3.9h

Can I still use Smart Background for my store ?

If yes, then is there any document which tell us step by step to apply this, and which versio do I need to download if in case I need to use it, coz the smart background page has many version been displayed.

Regards
Vipin

**gjh42** · 24 Nov 2010, 09:20 PM

Unless there is a particular reason to do otherwise, always use the latest version of a mod. Smart Backgrounds will work fine for v1.3.9h, and there is a full readme file in the package (as all mods should have).

**lizmcreations** · 17 Jan 2011, 05:24 PM

I am using Smart Backgrounds - and I love it. I am using it to replace the header image based on the category.

I would like to use it to also change the whole page background, but I'm not quite sure how to do that. I saw the initial posts in this thread that will change the content background, but I am a little stuck on how to change the whole page background.

I have this added to my tpl_main_page.php:
<body id="<?php echo $body_id . 'Body'; ?>" class="smartBG<?php echo smart_backgrounds('.jpg');?>"<?php if($zv_onload !='') echo ' onload="'.$zv_onload.'"'; ?>>

I have my image files set as bodybg_cat#.jpg,
and I was initially using "#mainWrapper" in my css file, but that only covers the content background.

Any hints/clues would be greatly appreciated.

The site is: http://store.gpwalsh.com - the main page is not "set-up" because it isn't being used, they just want to use the category pages.

Thank you,

Liz

**gjh42** · 17 Jan 2011, 06:52 PM

To get backgrounds for the whole window, you can style .smartBGwhatever {} directly. This will be available for any page where you already have another smartbg image set up.

**lizmcreations** · 18 Jan 2011, 02:19 AM

Originally Posted by gjh42

To get backgrounds for the whole window, you can style .smartBGwhatever {} directly. This will be available for any page where you already have another smartbg image set up.

Thank you so much for your response - but either I'm not understanding what you are saying, or you aren't quite understanding the set-up I already have.

Here is my smartbackground.css file:

Code:

#headerWrapper {
	background-image: url(../images/header.jpg);
	background-repeat:no-repeat;
	width:770px;	
}


.smartBG_65 #headerWrapper {
	background-image: url(../images/smartbg_65.jpg);
	background-repeat:no-repeat;
	width:770px;
}
	
.smartBG_69 #headerWrapper {
	background-image: url(../images/smartbg_69.jpg);
	background-repeat: no-repeat;
	width: 770px;
}

.smartBG_73 #headerWrapper {
	background-image: url(../images/smartbg_73.jpg);
	background-repeat:no-repeat;
	width:770px;
}
	

.smartBG_65{
	background-image: url(../images/bodybg_65.jpg);
	background-repeat:repeat;
	background-attachment: fixed;
}

.smartbg_69 {
	background-image: url(../images/bodybg_69.jpg);
	background-repeat:repeat;
	background-attachment: fixed;
}

.smartbg_73 {
	background-image: url(../images/bodybg_73.jpg);
	background-repeat:repeat;
	background-attachment: fixed;
}

The first four are working perfectly, they apply the proper header to the right category pages. But, as I'm already using smartbg_.jpg for the header background, I'm using the bodybg_.jpg for the body background. Where I think I'm getting stuck is the "div" id or section of the page to use.

Thank you again for your time and assistance.

Liz

**gjh42** · 18 Jan 2011, 07:28 PM

CSS is case-sensitive, and .smartbg_69 { will not work here; you need .smartBG_69 {

**lizmcreations** · 18 Jan 2011, 07:54 PM

Originally Posted by gjh42

CSS is case-sensitive, and .smartbg_69 { will not work here; you need .smartBG_69 {

Oh brother! I can't believe I missed that - I've been looking at the file WAY!! too long so I just overlooked that!!!

Thank you so much, that solved the problem

Liz

**marknew** · 24 Jan 2011, 09:08 AM

Thanks for the great mod. I've read the instructions but could i get a few pointers here? How do i make this work for the shopping cart page? index.php?main_page=shopping_cart

I tried using .smartBG_shopping_cart {background-image: url(../images/smartbg_shopping_cart.gif);} and uploading the smartbg_shopping_cart.gif to images/ but i must have something wrong.

Thanks!

**gjh42** · 24 Jan 2011, 02:53 PM

(Refiguring...)

Where did you upload the file? The base /images/ folder, or /includes/templates/your_template/images/ ?

**marknew** · 24 Jan 2011, 11:55 PM

Hey thanks, I had it in the base images folder. Put it into the template images folder and it works now. Thanks!

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