Output Custom Field in Div Class – Page 2

Tagged: custom fields, div style

This topic has 23 replies, 3 voices, and was last updated 3 years, 10 months ago by Tom.

Viewing 9 posts - 16 through 24 (of 24 total)

← 1 2

Author

Posts
July 30, 2018 at 8:56 pm #5488
Tom
Keymaster
You’d have to change the variable:

$mobile_image = get_field('advertisement_mobile');

Then do this:
```
<div class="mobile-image">
    <?php echo $mobile_image; ?>
</div>

<div class="desktop-image">
    <?php echo $image; ?>
</div>
```
August 1, 2018 at 1:59 am #5525
Janek
Participant
Holy shit, it works! Your a legend! Thanks for the help! I think I’m slowly grasping the basics of PHP… but don’t think youve seen the last of me! 🙁

I used the following for anyone who might come after me:
```
add_action( 'wpsp_after_title', 'tu_add_advertising_images' );
function tu_add_advertising_images() {
if ( function_exists( 'get_field' ) ) {
        $image = get_field('advertisement_desktop');
  $mobile_image = get_field('advertisement_mobile');

        if ( ! empty( $image ) ): ?>
		  
<div class="desktop-image">		  
		  <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" />   
</div>

<div class="mobile-image">
    <img src="<?php echo $mobile_image['url']; ?>" alt="<?php echo $mobile_image['alt']; ?>" />
</div>
  <?php endif;
  
    }
}
```
August 2, 2018 at 5:04 pm #5544

Tom
Keymaster

Looks good! 🙂

May 23, 2019 at 5:03 pm #9507
Diana
Participant
Hello I have a custom field in some posts (prod1). Is an url link to an image (ej: https://www.iluminet.com/press/wp-content/uploads/2019/01/Konica-mini.jpg). If I use the code:
```
add_action( 'wpsp_after_content', 'tu_add_custom_meta' );
function tu_add_custom_meta() {
    $meta = get_post_meta( get_the_ID(), 'prod1', true );
    if ( isset( $meta ) && '' !== $meta ) {
        echo '<div class="my-class-here">' . $meta . '</div>';
	
    }
}
```
or use echo esc_url( get_post_meta( get_the_ID(), 'prod1', true ) );

I just get the text (https://www.iluminet.com/press/wp-content/uploads/2019/01/Konica-mini.jpg) below the title, not the image, I need that as the image. Is it possible?

Thank you

Diana
May 24, 2019 at 5:57 pm #9525

Tom
Keymaster

Instead of this:

echo esc_url( get_post_meta( get_the_ID(), 'prod1', true ) );

Do this:

echo '<img src="' . esc_url( get_post_meta( get_the_ID(), 'prod1', true ) ) . '" alt="" />';

May 27, 2019 at 1:01 pm #9548

Diana
Participant

Tom,
Thank you very much, it works perfect!, just another thing. Is it possible to be clickeable to the post (just like the regular image).

thanks again for your awesome support.

Diana

May 27, 2019 at 4:57 pm #9552

Tom
Keymaster

Try this:

echo '<a href="' . get_permalink( get_the_ID() ) . '"><img src="' . esc_url( get_post_meta( get_the_ID(), 'prod1', true ) ) . '" alt="" /></a>';

May 27, 2019 at 6:12 pm #9556

Diana
Participant

Wow! Works perfect! Thank you very much!

May 28, 2019 at 4:18 pm #9567

Tom
Keymaster

You’re very welcome 🙂
Author

Posts

Viewing 9 posts - 16 through 24 (of 24 total)

← 1 2

You must be logged in to reply to this topic.

[Resolved] Output Custom Field in Div Class