Using variable (image-id) in function »awesome_acf_responsive_image«

• nickknatterton

• March 29, 2020 at 10:55 pm

Hey,
how can I solve following situation. I have spent hours of looking for an easy way.

I have defined variables for acf-fields and acf-subfields. That works quite nice and I don’t need to use the loop of »if have rows … the row … etc« for getting subfields. For me that helps to keep the acf-fields part clearly arranged across the different pages.

How to use the »$image« variable from top instead of »get_sub_field(‘subfield’)« in the image-tag »awesome_acf_responsive_image« function which doesn’t work since I don’t have the loop for using »get_sub_field«?

<?php
  $field = get_field('header-work');
  $image = $field['image']; //acf-image-field is set to return id
?>

<section>
  <div class="image">
    <img class="img-fluid" <?php awesome_acf_responsive_image(get_sub_field( 'subfield' ),'thumb-640','2560px'); ?>>
  </div>
</section>

Here is the link to the function
https://www.awesomeacf.com/responsive-images-wordpress-acf

Thanks alot for your help!
Cheers,
Nick

• John Huebner

• March 30, 2020 at 12:53 am

It looks like the function requires an ID so using your code you would just do

<?php
  $field = get_field('header-work');
  $image = $field['image']; //acf-image-field is set to return id
?>

<section>
  <div class="image">
    <img class="img-fluid" <?php awesome_acf_responsive_image($image,'thumb-640','2560px'); ?>>
  </div>
</section>

If that does not work then you should ask the developer of the plugin.

• nickknatterton

• March 30, 2020 at 1:09 am

Thanks!
Quite easy but I wasn’t able to solve this problem 😉