Simple Prodibi Shortcode for Hugo

prodibi.md

Prodibi Shortcode

Designed For: George Cushen's Academic Theme

{{ if .Get "style" | eq "grid" }}
	<div data-prodibi='{"type":"grid","settings":{"container":"{{ .Get "containerID" }}","account":"{{ .Get "username" }}"}}'>
		<script>;!function() {if (window.prodibiAsync == null) { var s = document.createElement('script'); s.async = !0; s.src = 'https://max1.prodibicdn.com/libraries/pages/prodibi.embed.2.0.min.js'; document.body.appendChild(s); }window.prodibiAsync = window.prodibiAsync || [];prodibiAsync.push({ type: "settings", settings: { account: "{{ .Get "username" }}" } });}();</script>
	</div>
{{ else if .Get "style" | eq "album" }}
	<canvas data-prodibi='{"type":"thumbnailMediaView","settings":{"cover":{"heightMode":"aspectRatio"},"container":"{{ .Get "containerID" }}","account":"{{ .Get "username" }}"}}'>
		<script>;!function() {if (window.prodibiAsync == null) { var s = document.createElement('script'); s.async = !0; s.src = 'https://max1.prodibicdn.com/libraries/pages/prodibi.embed.2.0.min.js'; document.body.appendChild(s); }window.prodibiAsync = window.prodibiAsync || [];prodibiAsync.push({ type: "settings", settings: { account: "{{ .Get "username" }}" } });}();</script>
	</canvas>
{{ end }}

Usage: {{< prodibi style="grid" containerID="[albumID]" username="[prodibiUserName]" >}}

containerID is the ID of the album found on the website. username is the account name of the Prodibi user.

The shortcode has two style options:

• grid - Pinterest style gallery option
• album - Single image per page

---

If the images do not load/render, then there might be an issue with your Prodibi gallery settings or shortcode usage error.