Img src stays empty

• tanK

• July 15, 2013 at 7:41 pm

Hello,

I’ve created a repeater field in WordPress containing 3 lines, a title, a link and an image. At the front-end the title and link are working but the img won’t show up.

My config:`title [text]
product_image [image] ( ID selected )
link [link]`

Front-end:` <?php
$producten = get_field('products');
if ( $products)

print_r( $products);
{
foreach ( $products as $product )
{
echo '<a href=”'.$product['link'].'” class=”blok”>';
echo '<h2>';
echo $product['title'];
echo '</h2>';
echo '<img src=”'.$product['sizes']['product_image'].'”>';
echo '</a>';
}
}
?> `

In the functions i’ve specified the image size:`add_image_size( 'product_image', 271, 250, true );
`

I’ve also tried to regenerate the thumbnails but this didn’t worked out.

Hopefully someone has the solution 🙂

PS: the print_r gives the URL but src stays empty: Array ( [0] => Array ( [titel] => Test [product_image] => 289 [link] => http://****.****.nl/buiten-reclame/ ) )

• Elliot

• July 16, 2013 at 12:39 pm

Hi @tanK

Your code contains a few errors:

1. You have selected a return type of ID on the image field. This will cause $product[‘product_image’] to contain and ID of the image

2. Your code references $product[‘sizes’][‘product_image’], but this will never exist. The image ID will sit at $product[‘product_image’]. This is an ID, not a URL

I think what you want to do is set the image return type to ‘Image Object’, then use this code:

echo '<img src=”'.$product['product_image']['sizes']['product_image'].'”>';