Hi folks,

I'm using title images images for some page titles. To make these images appear, I'm using the technique detailed in this post: http://forum.bytesforall.com/showthread.php?t=1542 It put's the following code in the kicker page info item.

<a href="%permalink%"><img id="postheadingimg-%post-id%" class="postheadingimg" src="/path/to/images/%meta('postheadingimg')%" alt="%post-title%" /></a>

The basic concept is to add a custom field for header images. Then give that field a value corresponding to each page's header image. This works great, as long as a header image exists. If the custom field is not assigned to a page, I just get a "text output" of the page title.

So, the problem is that I need the custom field to ONLY display if it has a value. aka, if I assigned a header to the page. This would be easy peazy put it in a pie if I could pass custom fields to the loop, but.... Atahualpa doesn't support that. If it did, I could do something like this:

<? if (get_post_meta($post->ID, 'postheadingimg', true)) { ?>
<img src="<? bloginfo('url'); ?>/wp-content/page_titles/<? echo get_post_meta($post->ID, 'postheadingimg', true) ?>" alt="<? bloginfo('name'); ?>" />
<? } else { ?>
<?php bfa_post_headline('<div class="post-headline">','</div>'); ?>
<? } ?>

So.... The obvious solution seems to be using a if/else statement in the Page info items area of ATA. This is where I could use help. What would that code look like? Logically it would be...

Kicker:
If the header custom field has any value
show the value
Else
Show the current page title

Byline:
If the header has any value
show the current page title (this is for the search engines - so that there will always be H1 text but would then be move off screen with CSS)
Else
do nothing

I would then, just eliminate bfa_post_headline from the loop all together...

So, any ideas folks?
Thanks a ton for any suggestions!

So, I've made a bit of progress with this. I am now able to test whether or not my headerimage custom field has a value. This is very good. Now, if there is not a value - the default bfa headline is displayed.

The next step is the ELSE. If there IS a value - the value needs to be appended onto the root address for my title/header images. I am trying to achieve this by creating another variable $image that gets the default value of the root url + the value from the custom field. (note: the custom field values are file names like this: aboutus.gif)

I don't actually know my way around php at all, so any pointers would be really helpful. My two sticking points are:
-Creating an else statement that displays an image with a url taken from $image (I can't seem to add an else statement at all )
-Passing the $postheading variable to the $image variable. (I don't get how to pass the variable into the url intact)

Any advice - even guesses - would be enthusiastically appreciated.

Here's what I have.

<?php
$headerimage = get_post_custom_values("postheadingimg");
$image = "http://mydomain.net/wp-content/page_titles/".postheadingimg."";

if($headerimage == '') : ?>

<?php bfa_post_headline('<div class="post-headline">','</div>'); ?>

<?php endif; ?>

<?php
$headerimage = get_post_custom_values("postheadingimg");
$image = "http://reneweb.net/wp-content/page_titles/".postheadingimg."";

if ($headerimage == '')  {
     bfa_post_headline('<div class="post-headline">','</div>');
     }
else {  
     ...else code goes here...
     }
?>

Beautiful, perfect, excellent juggledad! You are so stupidly helpful! Thank you thank you! I really don't know php semantics at all - so that was exactly what I needed.

If you or anyone else can spare a few more minutes... I still need help with passing the variable and actually displaying the image.

First - is the last part of the following line the correct way to pull this variable? With the surrounding periods and quotes ."stuff." ?

$image = "http://mydomain/wp-content/page_titles/".postheadingimg."";

Second, for the ELSE statement... This was my guess...

<img src="<?php echo $image; ?>" alt="" />


but it returns:
Parse error: syntax error, unexpected '<' in /wp-content/themes/atahualpa/functions.php(476) : eval()'d code on line 21

Thanks a ton. Once this is working, I'll write a nice overview as a new post for anyone trying to do something similar. Thanks again!

First - is the last part of the following line the correct way to pull this variable? With the surrounding periods and quotes ."stuff." ?

$image = "http://mydomain/wp-content/page_titles/".postheadingimg."";

use single quotes and you have set $headerimage so use it instead, so you have

$image = 'http://mydomain/wp-content/page_titles/' . $headerimage;

Second, for the ELSE statement... This was my guess...

<img src="<?php echo $image; ?>" alt="" />

but it returns:
Parse error: syntax error, unexpected '<' in /wp-content/themes/atahualpa/functions.php(476) : eval()'d code on line 21

you have to be careful mixing HTML and PHP to escape things ar the right time. In this code

if ($headerimage == '')  {
     bfa_post_headline('<div class="post-headline">','</div>');
     }
else {  
     ...else code goes here...
     }

the code that goes into the else is in PHP mode, so if you wanted to create HTML there you would need it to look like this

if ($headerimage == '')  {
     bfa_post_headline('<div class="post-headline">','</div>');
     }
else {  
     ?> <img src=" <?php echo $image; ?>" alt="" /> <?php
     }

You make this all seem so darn logical! Thank you juggledad!
The if else statement itself is perfectly functional now but there is some missing link for displaying the image. Currently the ELSE case just doesn't display anything. The code I'm using is below. It seems like the only two potential trouble areas are the way I'm calling the image url for $image or the ELSE statement itself. For reference, an actual image url for one of these images is: http://www.reneweb.net/wp-content/pa...es/contact.gif and the custom field gets the value contact.gif

This is the code I'm trying - based entirely on your excellent work



<?php
$headerimage = get_post_custom_values("postheadingimg");
$image = 'http://www.reneweb.net/wp-content/page_titles/'.$headerimage;

if ($headerimage == '') {
bfa_post_headline('<div class="post-headline">','</div>');
}
else {
?> <img src=" <?php echo $image; ?>" alt="" /> <?php
}
?>

Thanks for sticking with me on this.