Multilingual AMP pages with render-image markup not working

[do2blehelix]

Hi All,

I am facing a convoluted issue with respect to deploying AMP and HTML pages for multiple languages.

The thing is I got both AMP and HTML pages working by adding render-image.amp.html along with render-image.html under _default > _markup and changing <img> to <amp-img> in render-image.amp.html which works great.

Now for the multilingual part:
What I’m doing is using my index.html and single.html to fix my layouts and then using i18n to change languages wherever necessary as opposed to creating separate index.fr.html and single.fr.html.

It works great when I just have one language. Both AMP and HTML versions render as necessary.

However when I introduce another language eg fr, the default (en) index and single pages (both AMP and HTML) render properly, but for the fr version, only the render-image.html is read.

I tried creating render-image.fr.amp.html and render-image.fr.html, but it seems that these are not used at all for creating the AMP and the HTML pages respectively.

My layout structure:

layouts/_default/_markup
- render-image.html
- render-image.amp.html
- *tried creating render-image.fr.amp.html and render-image.fr.html

layouts/_default
- single.html
- single.amp.html

 layouts/
- index.html
- index.amp.html

Please assist as to how I can use the render-images with multiple languages separated by the amp and HTML versions.

Tried creating render-image.amp.fr.html , render-image.fr.amp.html :: Nothing works

If render-image.fr.html exists then for both amp and HTML it defaults to render-image.fr.html else to render-image.html

Thanks,
Ayan

[davidsneighbour]

I believe there is an issue open on Github about this. The way you set the render hooks should work. Keep it and wait for an update.

Edit: I can’t find that issue now. So take that with a hint of “maybe he is wrong”

[jmooring]

I am unable to reproduce the problem.

First test, with 4 single page templates:

Content Lang	Format	Template	Render Hook
default	HTML	single.html	render-image.html
fr	HTML	single.fr.html	render-image.fr.html
default	AMP	single.amp.html	render-image.amp.html
fr	AMP	single.fr.amp.html	render-image.fr.amp.html

Second test, removing the language-specific single page templates:

Content Lang	Format	Template	Render Hook
default	HTML	single.html	render-image.html
fr	HTML	single.html	render-image.fr.html
default	AMP	single.amp.html	render-image.amp.html
fr	AMP	single.amp.html	render-image.fr.amp.html

My configuration:

[outputs]
page = ["HTML", "AMP"]

[languages.en]
contentDir = "content/en"
title = "Site Title (en)"
weight = 1

[languages.fr]
contentDir = "content/fr"
title = "Site Title (fr)"
weight = 2

My content structure:

content
├── en
│   ├── post
│   │   └── post-1.md
│   └── _index.md
└── fr
    ├── post
    │   └── post-1.md
    └── _index.md

[jmooring]

I was able to reproduce the problem with version v0.80. It was fixed a couple of weeks ago. You can either wait until v.082 is released, or build Hugo from source.

I wasn’t able to reproduce the problem earlier today because I built from source after this fix was committed. I apologize for the confusion.

[do2blehelix]

Thanks @jmooring will wait for the next version.