Missing featured image in post listing module

Occasional Contributor

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.

11 Replies 11
Reg Regular Contributor | Diamond Partner
Regular Contributor | Diamond Partner

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

Occasional Contributor

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

Reply
0 Upvotes
Regular Advisor

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>

 

Community Manager
Community Manager

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

Reply
0 Upvotes
Occasional Contributor

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

Reply
0 Upvotes
Regular Advisor

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.

Reply
0 Upvotes
Occasional Contributor

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 Smiley Happy

Reply
0 Upvotes
Regular Advisor

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.

 

 

New Contributor

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.

Highlighted
New Contributor

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 }}">   

Reply
0 Upvotes
Reg Regular Contributor | Diamond Partner
Regular Contributor | Diamond Partner

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)Screen Shot 2016-11-21 at 11.39.48 AM.png

Reply
0 Upvotes