Hi, I’d like to know how to add the correct reading time in a blog list page. If I use page.content.readingtime it calculates the reading time of the list page, not the time of the single blog post page. I don’t know how to tell Grav to do that. Is that even possible?
Thanks in advance.
@marcocevoli, Do you mean something like the following, where each blog item in the blog list shows its own reading time?
If so, you should add the the code snippet {{ page.content|readingtime }} to the template that draws the list items. In Quark that would be ‘/partials/blog-list-item.html.twig’
That’s what I did. Actually, I have the list created inside a blog template, such as:
<section>
<div class="container">
<div class="row">
{% for child in collection %}
<!-- Single Blog Grid -->
<div class="col-lg-6 col-md-6">
<div class="blog-grid-wrap mb-4">
<div class="blog-grid-thumb">
<a href="{{ child.url }}">
<img src="{{ child.media.images|first.cropZoom(1920,900).cache.url() }}" class="img-responsive" alt="" />
</a>
<div class="bg-cat-info">
<h6>{% for cat in child.header.taxonomy.category %}{{ cat }}{% if not loop.last %},{% endif %} {% endfor %}</h6>
<span>{{ child.header.date|date('d') }} {{ 'GRAV.MONTHS_OF_THE_YEAR'|ta(child.header.date|date('n') - 1) }} {{ child.header.date|date('Y') }}</span>
</div>
</div>
<div class="blog-grid-content">
<h4 class="cnt-gb-title">
<a href="{{ child.url }}">{{ child.title }}</a>
</h4>
<p>{{ child.summary(110) }}</p>
</div>
<div class="blog-grid-meta">
<div class="gb-info-author">
<p><strong>{{ 'THEME_UNICO.SITE.BY'|t }} </strong>{{ child.header.author }}</p>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
If I put that snippet, I get the same reading time for all pages… I don’t know what I’m doing wrong…
@marcocevoli And where is snippet {{ page.content|readingtime }} ?
If it is used in this template, it should probably be {{ child.content|readingtime }}
That was the page before I put the snippet.
BTW, by trial and error, I’ve found out that the correct snippet indeed is:
{{ child.content|readingtime }}
This way it works.
Thanks,
Marco
@marcocevoli see my answer above…
Yes, we crosspost. 