Nothing appear

[sp4d1n0]

Hi! I'm trying to use your awesome shortcode, yet nothing appear on my side. The page resources appear in the build root, yet nothing shows where it should get the gallery. It's a multi language site, with hugo 0.89.4. I followed the instructions, so I have all my images under images/* and copied the shortcode command. No error at build or serve, yet no gallery... any clue?

[mfg92]

I need more input to help you with this issue. Can you create a zip file that contains all files needed to reproduce your issue.

[stiliajohny]

same here ,

here is my folder structure

here is my config.toml

...
baseURL = "https://stiliajohny.github.io/"
# [en, zh-cn, fr, pl, ...] determines default content language
defaultContentLanguage = "en"
# theme
theme = ["LoveIt", "hugo-shortcode-gallery"]
# themes directory
# themesDir = "./themes"
...

here is the post that contains the gallery ( its the index.en.md )

---
title: ""
date: 2021-12-24
author: "John Stilia"

# resources:
# - name: featured-image
#   src: java-vurn.png
# - name: featured-image-preview
#   src: log4j-1.png

draft: false
lightgallery: true
fontawesome: true
linkToMarkdown: true
rssFullText: false

toc:
  auto: true
---

{{< gallery match="./images/*" sortOrder="desc" rowHeight="150"  previewType="blur" embedPreview="true" >}}

[stiliajohny]

Hi! I'm trying to use your awesome shortcode, yet nothing appear on my side. The page resources appear in the build root, yet nothing shows where it should get the gallery. It's a multi language site, with hugo 0.89.4. I followed the instructions, so I have all my images under images/* and copied the shortcode command. No error at build or serve, yet no gallery... any clue?

after some research it seems to be the YAML metadata on the top of my post in particular.
that might be the case with you as well

Look here
https://github.com/mfg92/gallery/blob/master/content/photography/index.md?plain=1

and here is the raw
https://raw.githubusercontent.com/mfg92/gallery/master/content/photography/index.md

[stiliajohny]

and to finalise my answer

te element it was missing for the shortcode to work was

layout: photography

[gerrited]

I had that problem too. After 2 hours of troubleshooting I took a look in the developer console and spotted the error "Uncaught ReferenceError: jQuery is not defined". Turns out my theme was not using jquery.

[mfg92]

In case your main theme does not already provide jQuery the loadJQuery parameter can be used. If set to true, the jQuery of this theme component is imported wherever the shortcode is used.

{{< gallery ... loadJQuery=true >}}

[Daxidz]

It indeed was the missing loadJQuery=true which caused the error. I had the exact same issue and this resolved it!

[sim590]

I'm using this:

{{< gallery match="images/*" loadJQuery=true sortOrder="desc" rowHeight="150" margins="5" showExif=true previewType="blur" embedPreview="true" >}}

and nothing appears... It just stays blank. I do have images under images/. I have the following config:

theme = ["zzo", "hugo-shortcode-gallery"] # Name of Zzo theme folder `in` `themes/`.

There are no errors in the output of hugo... So it means that the shortcode is found, but nothing is produced.

I have no clue what to do...

[mfg92]

@sim590 Have you checked the generated HTML? Does it contain an empty gallery?

[lorenviol]

@sim590 Have you checked the generated HTML? Does it contain an empty gallery?

I have the same issue, and upon checking the HTML the gallery is not generated at all

[mfg92]

@lorenviol What does your folder layout look like?

[lorenviol]

It looks something like this:

[mfg92]

Your folder layout looks good to me. What's the content of index.md?