Smart Backgrounds support

**Oatzey** · 11 Nov 2009, 11:38 AM

Originally Posted by gjh42

smartbg.jpg

The default code works with .gif images. Did you modify it for .jpg images? If not, that would be the cause. See the readme for directions to modify the code.

The new version of Smart Backgrounds that will be released soon has an easy selection method for choosing the image type to be used.

You my friend are The Don! Thank you very much all sorted now

How do I edit my url on the previous page? Only my client doesn't want the website to go live yet and I need it removed please?

Many many thanks

**gjh42** · 12 Nov 2009, 08:29 AM

Sorry, members can't edit posts after 7 minutes. Only a moderator can remove your url. If you don't want a live link, you need to follow the directions when posting to put spaces in the name.

**DamienDLSkinSolution** · 5 Dec 2009, 12:38 AM

Hi Glenn,

Small issue here. I am trying to make it work in the "navColumnOneWrapper".

Here is what i got in the CSS:
.smartBG_10 #navColumnOneWrapper {background-image: url(../images/smartbg_grapefruit.gif);}

If i understand correctly, this should change the background of the Left Column on that page : /index.php?main_page=index&cPath=10

Well, not quite.

It works when the CSS is only :
#navColumnOneWrapper {background-image: url(../images/smartbg_grapefruit.gif);}

But doesn't work as soon as i add a specific page...

Any idea ? (the website is under construction and the address is in my signature - sorry about the "DOT"...)

As always thank you for your time and help!

Damien

if needed :
tpl_main_php

PHP Code:


 */

if ($this_is_home_page == true) {
$flag_disable_left = true;
$flag_disable_right = true;
$flag_disable_header = false;

}

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

<?php //Smart Backgrounds
$smart_image = '';
if ($current_page_base == 'index' or $current_page_base == 'product_info') { //add _ and cPath to bg filename only if individual cat bg image exists, else add _ and top cat id to bg filename only if top cat bg image exists
  $smart_image = file_exists(DIR_WS_TEMPLATE_IMAGES . 'smartbg_' . $_GET[cPath] . '.gif')?'_' . $_GET[cPath]:(file_exists(DIR_WS_TEMPLATE_IMAGES . 'smartbg_' . (int)$_GET[cPath] . '.gif')?'_' . (int)$_GET[cPath]:'');
} elseif ($current_page_base == 'page') { //add _page and ez-page id to bg filename only if ez-page id bg image exists, else add _page to bg filename only if general ez-page bg image exists
  $smart_image = file_exists(DIR_WS_TEMPLATE_IMAGES . 'smartbg_page' . $_GET[id] . '.gif')?'_page' . $_GET[id]:(file_exists(DIR_WS_TEMPLATE_IMAGES . 'smartbg_page.gif')?'_page':'');
} else { //add _ and page base to bg filename only if page bg image exists
  $smart_image = file_exists(DIR_WS_TEMPLATE_IMAGES . 'smartbg_' . $current_page_base . '.gif')?'_' . $current_page_base:''; //default/home page class will be just .smartBG, and filename smartbg.gif
}// /Smart Backgrounds?>
<body id="<?php echo $body_id . 'Body'; ?>" class="smartBG<?php echo $smart_image;?>"<?php if($zv_onload !='') echo ' onload="'.$zv_onload.'"'; ?>>

stylesheet_smartbg.css :

.smartBG_10 #navColumnOneWrapper {background-image: url(../images/smartbg_grapefruit.gif);}

**DamienDLSkinSolution** · 5 Dec 2009, 12:50 AM

Never mind... i need to earn how to read instruction... the name of the file has to match the page...

it works with :
.smartBG_10 #navColumnOneWrapper {background-image: url(../images/smartbg_10.gif);}

Sorry...

**gjh42** · 5 Dec 2009, 02:23 AM

Glad you got it sorted.

You can actually use smartbg_grapefruit.gif or any other image in the background, as long as a file named smartbg_10.gif exists in the right place. It just makes it a bit simpler to use the name convention file.

**Twaddle** · 19 Jan 2010, 03:03 PM

Hi Glenn,

I started this thread before I came across your add on, however I'm having some trouble implementing it

Originally Posted by Twaddle

Is it possible to have a different background image for each seperate category? Either for the header or the main central product area (or ideally both)?

At the moment the site is solely for Land Rovers only but there are plans to expand in the future to cater for several different marques such as Rover, Skoda, Ford etc...

What I'd like to do is change the backgound Land Rover images for images of other Car Marques on this page for each category

Ideas/thoughts/solutions appreciated

I've tried following your set up guidelines and gone through this thread but I just can't seem to get it to do what I want as I described above. If you'd have time to guide me through that would be much appreciated because it sounds to be a great add on and in theory to do exactly what I am after

**Twaddle** · 19 Jan 2010, 05:13 PM

After a fair bit of playing I've managed to get it to do most of what I wanted, so ignore my above request for assistance

Basically, I should have RTFM properly and realise I needed to edit my own tpl_main_page.php rather than use the included file!!!

Great add on, thanks Glenn!!!

**Twaddle** · 19 Jan 2010, 05:38 PM

Actually ignore my last comment, I'm still having a couple of problems...

1. On the Land Rover page and the Skoda pages, the background images are selecting okay, but I can't get them to show through the bg_cont.gif image, I tried making that a transparent image thinking that would work, but obviously it hasn't

I did see in the read_me file this, but that's obviously for the header, not the mainwrapper so I am unsure which file to edit

Also, you will need to edit
/includes/languages/english/your_template/header.php
to use pixel_trans.gif so the background can be seen:

define('HEADER_LOGO_IMAGE', 'logo.gif');

change to

define('HEADER_LOGO_IMAGE', 'pixel_trans.gif');

which leads me on to...

2. If you look at the Alfa Romeo page which I haven't set any back ground image for, you will see there's a navigation bar across the top with a green background, whereas if you go to the Land Rover page, you will see that the back ground image is showing through

I'll keep plugging away at it, but in the meantime if anybody can point me in the right direction I'd be grateful

**Twaddle** · 19 Jan 2010, 07:56 PM

So, with a lot of fiddling with the CSS I'm almost there... only problem I now have is to get the green navigation bar across the top I'm having to add it manually to the background images... not ideal, but until I work out how to overcome that issue (or somebody can show me) it will have to do

(and apologies for some of the terrible images I've added before anyone comments, they are only in place to test the layout

)

**gjh42** · 19 Jan 2010, 10:11 PM

If the navigation bar you are talking about is the one with manufacturer categories, that is #navCatTabsWrapper (even in your Template Monster template) and can be styled with

Code:

#navCatTabsWrapper {
    background: #aabbcc;
    padding: 0.1em;
    width: 100%
    }

You will need to tweak the padding as it doesn't want to follow exactly the background strip you have for it, and it doesn't look like it is capable of expanding to the full page width due to the template structure.

TM templates are usually much harder to customize the style of, since they have lots of extra nested divs, sometimes tables, and renamed standard elements, sometimes with standard distinction abilities removed.

Since you have done so much since you first posted, it is hard to tell what some of your comments refer to.

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