Hey Barry,
Short answer: Yes

Many themes, your backgrounds can be replaced in the image folder. Be aware, you need to be cautious to use compatible images types and change the code found on the main CSS page( see http://www.concrete5.org/community/forums/customizing_c5/missing-ba... for example of code change from original in one instance )
Also, If you're only looking to change site name to logo, be sure to edit the my_site_name found in the Dashboards Global Scrapbook.

Oops. I need to quit typing before having my morning coffee! (I assumed Barry was wishing to edit an existing theme, not create a new one with a dynamic background/logo edit feature)
Thanks for the thoughtful answer Jordan.

Cheers for this, much appreciated

I’m trying to use a background image on my home (index) page. I've done what you said in your first paragraph, and I've added the attribute to the page properties. I've entered the code in the header.php, but I think I have a problem with what the RelativePath is. After finding the image using the MacHighway Web Disk utility, this is the best I can determine:
[...
$bg_img_src = $bg_img->getRelativePath("/home/allcommc/public_html/allcomm21-osd.com/index/files/8113/1216/7626/highway_with_sign.jpg");
...]
(allcommc is my main site on MacHighway)

But when I reload the page, I get this error message:
“Fatal error: Call to a member function getRelativePath() on a non-object in /home/allcommc/public_html/allcomm21-osd.com/index/concrete/themes/dark_chocolate/elements/header.php on line 14”

Is the problem in the RelativePath?

I think you're misunderstanding the way that code works. You don't give it an image path, instead you choose an image from the file manager (so edit the page in question, click the "Properties" toolbar button, click the "Custom Attributes" tab, click the "**Add Attribute" dropdown list and choose the custom attribute you created for this purpose -- this will let you choose an image from the file manager and that image will be used in the code. (Just make sure your code matches the code samples I have up above -- not what you have because what you have won't work because you can't pass an image path into the getRelativePath() function).

Good luck!

-Jordan

Got it!. Cool, thanks.

Jordan - I did what you said, and it worked perfectly! However, if I add a child page below the page I added the background image to, it throws the following error:

Fatal error: Call to a member function getRelativePath() on a non-object.... <insert location in code>.

How do I stop this? Do I have to go in and set values for these attributes on each page, even though it's a child of the one that has the attributes set? (I thought the child page just took its setup from the parent - unless changed?)

Child pages do not inherit attributes (or anything at all -- except permissions I think) from their parent pages. So yeah, you need to set the background image on the new page too.
The most you can do is modify the code to check if the call to $c->getAttribute() actually returns an image, I think like this:

This will make it so if you forget to set the background image on a page, it reverts to the regular background image (as defined in your theme stylesheet) instead of showing an error.

I'm fairly new to Concrete5, but I did this by creating a file set for my logo, named "Logo", where I only add 1 logo file in the set, and put the following code into my theme where the logo should be. I'm sure there's a better way to do this, but it worked for me:

<?php
//Add Logo from "Logo" set
Loader::model("file_set");
Loader::model('file_list');
$fs = FileSet::getByName('Logo');
$fl = new FileList();
$fl->filterBySet($fs);
$files = $fl->get();
if (count($files) === 1) {
foreach($files as $f) {
print '<a href="/"><img title="' . $f->getTitle() . '" src="' . $f->getDownloadURL() . '" /></a>';
}
}elseif (count($files) > 1) {
print "Please only set 1 image in the 'Logo' set";
}
?>

Shane Crockett
LocalPlugs, LLC
http://www.localplugs.com

I think your way is just fine (hey, it works right :)

But I think a simpler alternative would be to hard-code a scrapbook block into your theme. Just add this to your theme page type template where needed:


Then go to Dashboard -> Scrapbook, create a new global scrapbook (call it whatever you want), then add an "image" block to that scrapbook. After you've added the image block, change the block name in the scrapbook list to "Logo".

Note that there is a difference between your situation and the OP's -- in your case you just have one image that appears in many places throughout the site. But the OP wanted to be able to change that image on a per-page basis. So that's why you'd choose one approach over the other.

I'm still learning, and this is definitely awesome that the community is pretty responsive around C5. Thanks for the tip! A lot better and easier to manager than mine :)

Shane~

Hello,

i'm trying to follow your procedure to add a picture in my theme, but nothing happens; i added the attribute to my page, and i updated the header.php located in /www/concrete/themes/dark_chocolate/elements like this:


<?php defined('C5_EXECUTE') or die("Access Denied."); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>

<!-- Site Header Content //-->
<link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getStyleSheet('main.css')?>" />
<link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getStyleSheet('typography.css')?>" />


<?php Loader::element('header_required'); ?>

</head>
<body>
<div id="page">
<div id="headerSpacer"></div>
<div id="header">

<?php if ($c->isEditMode()) { ?>
<div style="min-height: 80px">
<?php } ?>

<div id="headerNav">
<?php
$a = new Area('Header Nav');
$a->display($c);
?>
</div>

<h1 id="logo"><!--
--><a href="<?php echo DIR_REL?>/"><?php
$block = Block::getByName('My_Site_Name');
if( $block && $block->bID ) $block->display();
else echo SITE;
?></a><!--
--></h1>

<?php
// we use the "is edit mode" check because, in edit mode, the bottom of the area overlaps the item below it, because
// we're using absolute positioning. So in edit mode we add a bit of space so everything looks nice.
?>

<div class="spacer"></div>

<?php if ($c->isEditMode()) { ?>
</div>
<?php } ?>

<div id="header-area">
<div class="divider"></div>
<div id="header-area-inside">
<?php
$ah = new Area('Header');
$ah->display($c);
?>
</div>

<?php if ($ah->getTotalBlocksInArea() > 0) { ?>
<div class="divider"></div>
<?php } ?>

<?php
$bg_img = $c->getAttribute('background_image');
$bg_img_src = $bg_img->getRelativePath();
?>
<style type="text/css">
body {
background-image: url(<?php echo $bg_img_src; ?>);
}
</style>
</div>
</div>

I begin with concrete5, so forgive me if i did something stupid...

Thanks

nicolas

If you want to make your background load a bit smoother try using the backstretch jquery script:
http://srobbin.com/blog/jquery-plugins/jquery-backstretch/...

It will fade in as well plus auto centre, auto resize and crop and look better on the iPhone.

JB