I’m currently trying to display two different content types (with different styling) on one list page. I want a grid of thumbnails–some for art posts, some for writing posts. I referenced this post to try and come up with a solution but have not successfully implemented it.
- My content is generally organized like this:
content/
└── issues
├── issue-1
├── art
├── art-1.md
├── art-2.md
└── _index.md
└── writing
├── writing-1.md
├── writing-2.md
└── _index.md
├── issue-2...
├── art...
├── writing...
└── _index.md
└── _index.md
└── _index.md
- And I created these archetypes:
archetypes/
├── art.md
├── writing.md
- I created the following layouts:
layouts/
├── art
└── single.html
├── issue-page
└── list.html (supposed to show the thumbnails)
├── issues
└── list.html
├── writing
└── single.html
- I also created 2 partials:
layouts/
└── partials
└── issue-page
├── art.html
└── writing.html
Partial for art thumbnails:
<a href="{{.Permalink}}"><img class="img-fluid" src="{{ .Param featuredImage }}" alt="featured image"></a>
Partial for writing thumbnails:
<div class="card-body"> <h3 class="card-title"> <a href="{{.Permalink}}"> {{ .Title | truncate 20 }} </a></h3></div>
- Based on the post I was using for guidance, I tried to use this in the issue page list template:
{{ range .Pages }}
{{ partial (printf "issue-page/%s.html" .Type) . }}
{{ end }}
This didn’t throw an error, but it also didn’t work for me. I realized this is (probably?) because it’s still using the Issues layout despite my setting the front matter to a different layout. (Ex: Issue 01’s front matter is set to layout: issue-page, but it uses the ‘Issues’ layout instead.)
I tried inserting the snippet into the Issues list page as well, but this threw an error:
executing "main" at <partial (printf "issue-page/%s.html" .Type) .>: error calling partial: partial "issue-page/issues.html" not found
I’m unsure of why it’s referring to that file (issues.html). I can call the individual partials, however.
Note: The art and writing single pages are rendering correctly.
My specific problems are (1) the page listing mixed content types is not loading the correct layout and (2) I’m not sure how to display those mixed content types.
Repository is here.
Thanks!