[How to] Feature an article with image preview in Joomla

How to use Mod HMTL to Feature a Joomla article with an image preview

Typically each website has a number of "popular" articles which you want people to view if they landed on your site. To make these features more attractive, we typically create a Featured or Popular Content section, which attracts the attention of your user to the article. And what better way than featuring an article than by linking to it via an attractive image. Here's how to do it in Joomla,


Whether its a special hosting package you are offering. a nice new product which you have a special offer on, or simply a popular article which you want to highlight, using an image to link to the article is always an attractive method to use. So how to go about doing it? We use the swiss knife of Joomla module, the Custom Html module. This is a module, which allows us to create our own content at will ... 

Desired End Result:


Upload the image you want to use via the Media Manager (Site > Media Manager), then we create our custom module. 

So we go to Extensions > Module Manager > New > Custom HTML > Next

This creates a new Custom HTML module, where we can now insert our pretty image into.

Below on the left hand side, we can insert our Custom Output. What we will be doing is, inserting the image, and creating a link to the article on the image... 




One more thing...

Do you have friends or a Facebook group who you think would find this useful? Share this with them and then let me know what they think.

Want to supercharge your website?

  Our website loads FAST ... just 1.29 seconds. We're hosted on FAST InMotion servers We want YOUR website to be fast too, so we've gotten you an exclusive deal - 47% OFF for DART Creations friends + FREE domain! Check it out NOW!


who are we?

DART Creations is run by David Attard - working in and around the web design niche for more than 12 years, we provide actionable tips for people who work with and on websites. We also run DronesBuy.net - a website for drone hobbyists

David attard

Follow us on Social





Popular Content

Joomla extensions to take your website to the NEXT level

Is your Joomla website reaching its full potential? We install many of these extensions on almost ALL of our Joomla sites - why don't you check them out our list of Joomla Extensions and see whether you can take your site to the next level?

Where are we hosted?

This site is proudly powered by FAST VPS InMotion Servers and given an insane speed thanks to MaxCDN!

Web Hosting MaxCDN - Speed up your website


InMotion Hosting Review - Recommended Web Hosting servers for business, Joomla, WordPress and ecommerce websites.

InMotion Hosting Review

Advertise on DART-Creations.com

DART Creations is interested in developing partnerships with mutual benefit. If you like the stuff we publish and would like to develop a relationship, we'd be happy to hear from you. Go on - drop us a line - we'd love to hear from you :-)

The Outstanding HunGRYJPEG Bundles

AWESOMENESS! Bundles of premium font + graphic packs at more than 96% OFF!  Get this bundle for just $29 - This month ONLY!

The Hungry JPEG Awesome font bundles

New! DIVI 3.0 WordPress TeMPLATE + PageBuilder - 10% OFF Limited Launch offer

You'll surely create a perfect website with Divi 3.0!

Divi 3