Skip to content

paige/image shortcode does not work when nested inside a paige/figure #117

@nnadisic

Description

@nnadisic

When using the paige/image shortcode inside a paige/figure, the image does not render as expected. I might be doing something wrong but I'm not sure what; I just copied the example code.

I am using hugo server to render the website locally.

  • Hugo version: 0.152.2
  • Paige version: 0.113.1
  • Using both Firefox and Chrome on Ubuntu

The code is as follows:

+++
date = '2025-10-23T11:05:20+02:00'
draft = false
title = 'Images'
+++

Let's try to display an image
{{< paige/image width="30rem" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}

Now within a figure
{{< paige/figure caption="Landscape" >}}
{{< paige/image width="30rem" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
{{< /paige/figure >}}

Here is a screenshot of the result:
Image

Thanks a lot for your help and for your work on paige.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions