Render Variables in Frontmatter Header

Archive
1

Is it possible to have Twig render a variable, which is defined in user/config, inside a .md header?

For example:

content:
  items:
    '@taxonomy':
      category: 'foobar'
      exhibition: {{ site.config.exhibition_id }}

I enabled

  process:
    markdown: true
    twig: true

but this didnt help. I keep getting this error:

Unexpected characters near "}"...
---
2

Having exactly the same issue… when you use open graph I would like to access the images.

3

There’s no indication in the documentation that this is possible. Your twig files already have access to {{site.config.*}}, though. Plugins like Import and Header by Taxonomy can inject page headers.

If you can explain more about your use case, maybe we can help you find another way to accomplish it? You can always file an issue as well. Maybe it’s something the developers can accommodate.

4

Try changing this in your user/config/system.yaml: https://github.com/getgrav/grav/blob/develop/system/config/system.yaml#L64

It’s an option that lets you process Twig in frontmatter :slight_smile:

5

Thanks a lot for all the help!
I managed to get it working using the tip from rhukster:

  frontmatter:
    process_twig: false
    ignore_fields: ['form','forms']

However, its important to note: When using a Twig Variable it must be quoted.

This does not work:

menu: {{ page.title }}

But this version works fine:

menu: '{{ page.title }}'
---
6

Edit:

Obviously it is:

frontmatter:
    process_twig: true
---
7

I tried

metadata:
   'og:image' '{{ page.media['title_image'].url }}'

but it wouldn’t show up… If i use page.header.title instead, the meta data is showing up. Does it mean I can’t access the page.media in frontmatter?

8

You could try replacing the single quotes around title-image by double quotes so page.media['title_image'] becomes page.media["title_image"], in order not to confuse the parser.

9

@bleutzinn: Thx, tried it, but still it won’t show up…

10

Is title_image the full filename of your image or does it have a filename extension such as .png? If so you need to specify page.media["title_image.png"].

11

You still have the problem with the internal quotes. You still need to alternate single and double quotes. There are numerous online YAML validators. Try copying your header into one of those and make sure your YAML is valid.

12

I don’t know if it’s a typo, but you forgot the : between ‘og:image’ and '{{ page.media[‘title_image’].url }}'
This below should work:

'og:image' : '{{ page.media['title_image'].url }}'

Btw, I noticed that in frontmatter, it looks like page.media[image.jpg].url(true) does not output the absolute url of the image, I had to force it with

{{ base_url_absolute }},{{ page.media[''myimage.png''].url(true) }}
13

@paulmassendari: Thanks, that’s working!