CMS Development

JoshCber
Member

featured image in popular post module

SOLVE

Hi,

I need a featured image in the sidebar of a blog page like this: http://blog.chillibreeze.com/presentation-design/visualization-ideas-using-powerpoint-design-element... Have a look at the sidebar and find the POPULAR POSTS section. This has only the list of popular blog post without any image. Is there a way we can add the featured image of each post to this module? If you look at the screenshot below it will look something like that.ipmsgclip_c_1487308043_0.png

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

It is going to have a featured image in the red boxes I have highlighted. How can this be achievable? Can someone guide me on making a custom module for this?

 

 Thanks,

Josh

 

0 Upvotes
1 Accepted solution
JoshCber
Solution
Member

featured image in popular post module

SOLVE

Hi Stephan,

 

The RSS module will show the posts in sequential order or based on date and not in popular posts format.

Josh

View solution in original post

5 Replies 5
JanekNahm
Contributor | Diamond Partner
Contributor | Diamond Partner

featured image in popular post module

SOLVE

Hi,

 

Just implement a HubL element with the settings:

{% post_listing "top_posts" select_blog='//Your blog name//', label='Featured posts', overrideable=False, list_title='Featured posts', listing_type='popular', max_links=5, include_featured_image='true' %}

Look here for more information: http://designers.hubspot.com/docs/hubl/hubl-supported-modules#post-listing

 

Best

 

EDIT: Did not see Stefen already provided a solution. 

 

0 Upvotes
JoshCber
Member

featured image in popular post module

SOLVE

Hi JanekNahm,

 

Thanks a lot. The code you provided works well.

 

Josh

0 Upvotes
JoshCber
Member

featured image in popular post module

SOLVE

Hi again!

 

Can someone please help me design the above sidebar?

http://blog.chillibreeze.com/presentation-design/visualizing-problem-solving-in-your-powerpoint-pres...

 

I want the sidebar images to appear as thumbnails on the right of the title.It should look something like this .

 

 

ipmsgclip_c_1487308043_0.png

 

Right now the images are too large and I cannot align them on the as in the example here to the left.

 

I would really be grateful if someone can assist me in this.

 

 

 

 

 

 

 

 

Thanks,

 

Josh

 

 

 

 

 

 

 

 

 

 

0 Upvotes
stefen
Key Advisor | Partner
Key Advisor | Partner

featured image in popular post module

SOLVE

If you use the RSS module there is an option to enable the featured image. Then you'd just want to style it with some CSS.

Stefen Phelps, Community Champion, Kelp Web Developer
JoshCber
Solution
Member

featured image in popular post module

SOLVE

Hi Stephan,

 

The RSS module will show the posts in sequential order or based on date and not in popular posts format.

Josh