Images from figure shortcode shows as broken in parent list

alexandros · August 12, 2018, 6:42pm

The defaulf figure shortcode is here:

gohugoio/hugo/blob/master/tpl/tplimpl/embedded/templates/shortcodes/figure.html

<figure{{ with .Get "class" }} class="{{ . }}"{{ end }}>
    {{- if .Get "link" -}}
        <a href="{{ .Get "link" }}"{{ with .Get "target" }} target="{{ . }}"{{ end }}{{ with .Get "rel" }} rel="{{ . }}"{{ end }}>
    {{- end -}}
    <img src="{{ .Get "src" }}"
         {{- if or (.Get "alt") (.Get "caption") }}
         alt="{{ with .Get "alt" }}{{ . }}{{ else }}{{ .Get "caption" | markdownify| plainify }}{{ end }}"
         {{- end -}}
         {{- with .Get "width" }} width="{{ . }}"{{ end -}}
         {{- with .Get "height" }} height="{{ . }}"{{ end -}}
         {{- with .Get "loading" }} loading="{{ . }}"{{ end -}}
    /><!-- Closing img tag -->
    {{- if .Get "link" }}</a>{{ end -}}
    {{- if or (or (.Get "title") (.Get "caption")) (.Get "attr") -}}
        <figcaption>
            {{ with (.Get "title") -}}
                <h4>{{ . }}</h4>
            {{- end -}}
            {{- if or (.Get "caption") (.Get "attr") -}}<p>
                {{- .Get "caption" | markdownify -}}

This file has been truncated. show original

For a modified version that utilizes .Resources see the following:

Also search the Forum for more.

Topic		Replies	Views
Image path in shortcode support	8	2474	February 24, 2018
How do I reference an image in a page bundle? support	14	4804	May 30, 2018
Proper URL for images in page bundles support	4	429	March 20, 2023
[SOLVED] How to add relURL to: {{< figure src= support	2	2010	January 11, 2018
How to use the Hugo built-in figure shortcode with page ressources? support	4	442	April 10, 2021

Images from figure shortcode shows as broken in parent list

Related Topics