Output 图片来自 ACF 选项字段

Question

How can I output an image from the ACF options field with Timber/Twig?

Below is what I have now, but unfortunately it isn't working. I just can't get it done. What am I doing wrong?

Timber controller

$context['theme_options'] = get_fields('options');

Twig file

<img src="{{ Image(options.footer_logo).src }}" />

Answer 1

As @DarkBee mentioned in a comment to your question , you're using options instead of theme_options in your Twig file. Try using this:

Twig file

<img src="{{ Image(theme_options.footer_logo).src }}" />

The rest seems to be looking good.

In case you want to check what's inside theme_options in Twig, you can use the dump() function:

{{ dump(theme_options) }}

Answer 2

Twig File:

<img src="{{ Image(options.footer_logo).src }}"  alt="{{ Image(options.footer_logo).alt }}"/>

This code is accessible without adding any code to the timber controller.

If you want to add specifically inside the timer controller for options page acf then use context variable in the twig file likes so:

Timber Controller:

$context['theme_options'] = get_fields('options');

Twig File:

<img src="{{ Image(theme_options.footer_logo).src }}" alt="{{ Image(theme_options.footer_logo).alt }}"/>

For more information use this link below:Timber Documentation for Options Page with Advance Custom Field