Missing featured image in post listing module

[matteo]

Hello evryone,

simple question, hard to find answer: my post listing modules are missing featured images even the option in COS settings in properly enabled...

switched back to Custom Blog with Menu template, to check wheter things would have changed or not...

not changed... no thumbs are previewed... 

any hint?

thank you.

[Reg]

You can use the Hubspot RSS module and just make sure that the "Include Featured Image" is checked off on the template.

(See my attached screen shot)

[globalblurb]

Yes above person is saying correct just check this link which is as above.

<img src="{{ content.post_list_summary_featured_image }}" class="hs-featured-image" alt="{{ content.featured_image_alt_text | escape }}">   

[Reg]

Hey @matteo

In your blog post listing template you need to make sure that this is included:

<img src="{{ content.post_list_summary_featured_image }}" class="hs-featured-image" alt="{{ content.featured_image_alt_text | escape }}">   

Is this in your template?

Cheers,

Reg

[matteo]

dear all,

thanks for your reply, but this is not solving my issue.

please see my "post list" module here attached

as you can see, even my COS settings are properly setupped

I can't manage to have fetaured images shown as thumbnail in post listing module.

hope I have now better explained myself

best

matteo

[Ty]

Hi Matteo,

Were you able to resolve this? If not, I'd be happy to hop in your portal and check your template! Just let me know!

- Ty

[mcafiero]

I am having the same problem.  I would love for someone from Hubspot to jump in and help.  

I'm getting an old image in my social posts, even though I deleted the old image from the post, even though I deleted the old image from the featured images, even though I turned off featured image and then turned it on again.

Please help.

[matteo]

ty all, 

but i still couldn't manage to solve the issue.

in the standard blog template, post listing can display thumbnails image, and that's whta i would like to reproduce on my template, just by using premade modules not coding my own.

thank you

[ndwilliams3]

As far as I know, there is not a way to create a popular post listing with featured image using a premade module. You can use the RSS module to get a recent posts widget with featured image. However, to get a popular post widget with featured image, you would need to code your own.

The settings you showed "Show summaries in listing pages" and "Use featured image in listing summaries" don't have any impact on the post listing module.

[matteo]

it is a stardard module feature, as stated in the COS settings as well. furthermore the basic Custom Blog template, displays the thumbnails as well 🙂

[ndwilliams3]

Here's what you can do with the default modules.

Post Listing Module

• Recent posts (No Featured Image)
• Popular posts (No Featured Image)

RSS Module

• Recent posts (With Featured Image)

To get Popular posts (With Featured Image) requires custom HUBL.

The Basic blog template is using the RSS module to generate a Recent posts (With Featured Image). If you look at the popular posts tab, it doesn't include an image.

[ndwilliams3]

The screenshot looks like the recent and popular post listing modules which don't include a featured image. You can use HUBL to make your own popular and recent posts list with featured images. Just paste the following into a HUBL modules in your template. This may require CSS to adjust to your blogs look and feel.

{% set pop_posts = blog_popular_posts('default', 5) %}
<div class="hs-rss-module feedreader_box custom-listing">
{% for pop_post in pop_posts %}
<div class="hs-rss-item hs-with-featured-image">
<div class="hs-rss-item-text">
<a href="{{ pop_post.absolute_url }}" class="hs-rss-title"><span>{{ pop_post.name }}</span></a>

<div class="hs-rss-byline"></div>
</div>

<div class="hs-rss-item-image-wrapper">{% if pop_post.featured_image %}<img alt="{{ pop_post.featured_image_alt_text }}" src="{{ pop_post.featured_image }}" class="hs-rss-featured-image">{% endif %}</div>
</div>
{% endfor %}
</div>

{% set rec_post = blog_recent_posts('default', 5) %}
<div class="hs-rss-module feedreader_box custom-listing">
{% for rec_post in rec_posts %}
<div class="hs-rss-item hs-with-featured-image">
<div class="hs-rss-item-text">
<a href="{{ rec_post.absolute_url }}" class="hs-rss-title"><span>{{ rec_post.name }}</span></a>

<div class="hs-rss-byline"></div>
</div>

<div class="hs-rss-item-image-wrapper">{% if rec_post.featured_image %}<img alt="{{ rec_post.featured_image_alt_text }}" src="{{ rec_post.featured_image }}" class="hs-rss-featured-image">{% endif %}</div>
</div>
{% endfor %}
</div>