HubSpot HUBL: Article descriptions not appearing in blog post blocks

Other Questions HubSpot
1 
I'm having trouble with my HubSpot blog. The article descriptions aren't showing up in the post blocks. Everything else is there, but the first paragraph of each article is missing. It's supposed to display that, but it's not working.

Here's the code I'm using for the blog section:

```hubl
<div class="blog-area">
  <h2>Latest Posts</h2>
  <ul>
    {% set latest_articles = fetch_recent_posts("main", 3) %}
    {% for article in latest_articles %}
    <li>
      <div class="post-box">
        {% if article.main_image %}
        <a class="post-thumbnail" 
           alt="{{ article.main_image_alt }}"
           style="background-image: url('{{ article.main_image }}');" 
           href="{{ article.url }}">
        </a>
        {% endif %}
        {% set main_category = article.categories | first %}
        {% if main_category %}
        <div class="post-content">
          <div>
            <span class="category-tag">{{ main_category }}</span>
            {% endif %}
            <h3><a href="{{ article.url }}">{{ article.title }}</a></h3>
            <p class="snippet">{{ article.meta_description | default(article.summary, true) | truncatehtml(150, '...', false) }}</p>
          </div>
          <div>
            <a class="read-more-btn" href="{{ article.url }}">
              Continue reading
            </a>
          </div>
         </div>
      </div>
    </li>
    {% endfor %}
  </ul>
  <a class="view-all" href="/blog">See all posts</a>
</div>

Can anyone help me figure out why the descriptions aren’t showing? Thanks!

2

I’ve encountered a similar issue before, and it turned out to be related to how the meta descriptions were set up in HubSpot. Here’s what worked for me:

First, double-check that your blog posts actually have meta descriptions set. Sometimes they’re blank, which can cause this problem. Go to your blog posts in HubSpot and make sure each one has a meta description filled out.

If that’s not the issue, try modifying your code slightly. Instead of using article.meta_description, you might want to use article.post_body and truncate it. Something like this:

<p class="snippet">{{ article.post_body | truncatehtml(150, '...', false) }}</p>

This will grab the first 150 characters of the post body, which should give you a decent description.

Lastly, if you’re still having trouble, it might be worth reaching out to HubSpot support. They can take a look at your specific setup and might spot something we’re missing here. Good luck!