Home Page Grid on Portfolio
I'm trying to create multiple grid for each tag instead of a single grid but when I try filtering with a tag it doesn't render images.
Here's where my entries.html files is at:
{{> header}}
<div class="entries">
{{#allEntries}}
{{#tagged.nuvu projects}}
{{#thumbnail.large.url}}
<a class="post photo" href="{{{url}}}" style="
max-width:{{thumbnail.large.width}};
max-height:{{thumbnail.large.height}};
width:calc({{thumbnail.large.width}}px*{{thumbnail_size}}/{{thumbnail.large.height}});
flex-grow:calc({{thumbnail.large.width}}*{{thumbnail_size}}/{{thumbnail.large.height}})">
<i style="padding-bottom:{{thumbnail.large.ratio}}"></i>
<img src="{{{thumbnail.large.url}}}" class="pre-loaded" onload="this.className+=' loaded';" />
<noscript>
<img src="{{{thumbnail.large.url}}}">
</noscript>
</a>
{{/thumbnail.large.url}}
{{/tagged.nuvu projects}}
{{/allEntries}}
</div>
{{> footer}}
Perhaps the issue is with your tag filtering. To answer this, does this spit out a list of titles or not?
{{#allEntries}}
{{#tagged.nuvu projects}}
{{title}}<br>
{{/tagged.nuvu projects}}
{{/allEntries}}
Answered 2 years ago ·
Edit answer
It shows the right posts with that. In the code I posted, the posts can even be clicked but they just don’t show any images.
Answered 2 years ago · Edit answerInteresting – does this produce a list of titles and images?
{{#allEntries}}
{{#tagged.nuvu projects}}
{{title}}<br>
{{#thumbnail.large}}
<img src="{{{thumbnail.large.url}}}">
{{/thumbnail.large}}
{{/tagged.nuvu projects}}
{{/allEntries}}
Answered 2 years ago ·
Edit answer
Yes! That produces the titles and images. It just doesn't format it in the in the fitted-grid format.
Answered 2 years ago · Edit answer