Curious: I have a nice background image that works well with my header and logo. The interesting thing is it doesn't show on all pages (though the logo does). On Drupal and Ubercart "built-in" pages such as "cart" and "contact" the background image shows up fine. However, on blocks that I have created such as "about" and "shipping", I only see the logo and background color.

Not a crisis, but some of my visitors land on secondary pages before finding their way Home.

My web site: http://www.arttreehouse.com (I have this site up and running now with Pixture Reloaded. A 100% improvement in looks. Today, I visited my web site on an ASUS tablet and it looked great!)

Comments

Jeff Burnz’s picture

Jeff Burnz commented
Title: Background Header Image Displays Only On Some Pages » Background Header Image Displays Only On Some Pages - Change relative path to absolute path
Project: Pixture Reloaded » Noggin
Version: 7.x-2.x-dev » 7.x-1.x-dev
Category: support » bug
Priority: Minor » Major

Its a bug in Noggin, I need to add the full path to images, right they are relative paths.

Nice to hear about the ASUS, its great when people tell me about various devices they are using, I cant possibly test all of them, so thanks for that, very much appreciated.

Jeff Burnz’s picture

Jeff Burnz commented

I need to ask how you are adding the image, and if you are adding it by entering a path manually can you paste that path here so I can see it.

robertmaynord’s picture

robertmaynord commented

Jeff:

In my case, I am ftp copying the image to: /public_html/store/sites/all/themes/pixture_reloaded/header-images, and then I am selecting the image from the theme appearance selector (Home » Administration » Appearance » Settings):

"Header image settings Choose a graphical header, or upload a custom image. Selected header _____________ To have images supplied by your theme show here place them in yourtheme/header-images folder. They must be png or jpg."

There is no tool for uploading images at this spot, so that is why I uploaded it by ftp.

Hope this helps.....

Robert

Jeff Burnz’s picture

Jeff Burnz commented

Yes, that helps a lot, I can debug it now, cheers.

robertmaynord’s picture

robertmaynord commented

Just curious - what if I copied the header image to the location where Noggin is looking? I know that would put the same image in two locations, but it wouldn't be too much of a hassle to do, and it would temporarily make all the headers look alike. Is this do-able, or is it more complicated than that?

FYI: two days ago, I had the opportunity to see my arttreehouse.com Pixture Reloaded page on one of those giant Apple screens. Looked great. I'm on an Acer 18.5 inch now, likewise good. I have found that all the images manage to stretch and shrink with the firefox browser display, EXCEPT for my slide show! Dunno... I need to go back and spend more time with the whole slideshow thing.

I guess this is mostly an update. Thanks, Jeff, for all your great work!

robertmaynord’s picture

robertmaynord commented

I tried my previous idea about copying the header image to the various locations where Noggin looks for it. I have had some success, but not with all pages. I can get the product pages to work, but the "fix" disables the overall "catalog" page. When I remove the link, the catalog page works again. The checkout page also fails to load the header image, but I am hesitant to mess with it too much.

It is interesting that the "broken" overall catalog page goes to my old Drupal 6 error page for messages. It seems that Drupal 7 has different directories than Drupal 6 for such things as the newsletter and catalog.

Curious...

prudal’s picture

prudal commented

Hi! In my case, the header-image was not displayed in all nodes with slashes, such as "domain.tld/main-node/sub-node"; yet, nodes like "domain.tld/main-node" worked well.

My "quick & dirty"-solution as kind of "first aid": in noggin.module line 297 I added a slash before $image_path:

original:

$css = "$selector {background:url('$image_path')

changed:

$css = "$selector {background:url('/$image_path')

Works fine for me. My custom header-image is displayed in all nodes now, even in the sub-structured ones like "domain.tld/sub/sub/node".

robertmaynord’s picture

robertmaynord commented

prudal, thanks for the tip! Unfortunately, it does not work for me, but stops all displays of the header image - on all pages. It could have something to do with the fact that I have copied my header to multiple paths where the pages look for it. However, I suspect in the end the "change relative path to absolute path" solution mentioned above is what will be necessary. Maybe you just happened to have your header image in a good location for the css modification to work....

Jeff Burnz’s picture

Jeff Burnz commented
Status: Active » Fixed

Will commit the fix shortly for the path issue, need to use file_create_url() so the path is always correct.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.