We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.
How do you do math with checkIf helper?
-
I want to insert a div with a class of row every 3 posts pulled from {{#each posts}} for my grid system but I’m failing to figure out how to do it.
Currently I’m using the following on my index page:
{{#if featuredPosts}} {{#each featuredPosts}} {{#checkIf @index '==' 0}}{{/checkIf}} {{#checkIf @index '==' 3}}{{/checkIf}} {{/each}} {{/if}}{{/checkIf}}{{/checkIf}} {{#checkIf @index '==' 5}}{{#featuredImage}} {{#if url}}{{#checkIf @index '==' 2}}{{/if}} {{/featuredImage}} <h3 class="hd-2 thumbnail-title"> {{title}} </h3>
Of course if the count doesn’t match up the will not be created which will create broken html. So I need to be able to get the featured posts count and do math inside of the checkIf helper for example: {{#checkIf {{math @index ‘/’ 3}} ‘==’ 1}}. I tried this and I get an error.
<header class="featured">
</header>{{#if featuredPosts}} {{#each featuredPosts}} {{#checkIf (math @index '%' 3) '==' 0}}{{/checkIf}}{{#featuredImage}} {{#if url}}{{/each}} {{/if}}Thanks for the help, here is my final code in case anyone is interested.