PHPackages                             whiterabbitstudiosch/contao-article-teaser-image - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. whiterabbitstudiosch/contao-article-teaser-image

ActiveContao-bundle[Utility & Helpers](/categories/utility)

whiterabbitstudiosch/contao-article-teaser-image
================================================

Adds a teaser image field to articles in Contao CMS

v1.0.4(1y ago)014[1 issues](https://github.com/whiterabbitstudiosCH/contao_article_teaser_image/issues)MITPHPPHP ^7.4 || ^8.0

Since Feb 17Pushed 1y ago2 watchersCompare

[ Source](https://github.com/whiterabbitstudiosCH/contao_article_teaser_image)[ Packagist](https://packagist.org/packages/whiterabbitstudiosch/contao-article-teaser-image)[ RSS](/packages/whiterabbitstudiosch-contao-article-teaser-image/feed)WikiDiscussions main Synced today

READMEChangelogDependencies (1)Versions (6)Used By (0)

Contao Article Teaser Image
===========================

[](#contao-article-teaser-image)

[![Latest Stable Version](https://camo.githubusercontent.com/14ec7e8f79adf3f7478626e96776732ee2a3079a2b07f6b98172d86a34fc7e3b/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f776869746572616262697473747564696f7363682f636f6e74616f2d61727469636c652d7465617365722d696d6167652e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/whiterabbitstudiosch/contao-article-teaser-image)[![License](https://camo.githubusercontent.com/3ba45642f73c5549a191504034b1decc6063d5d61d580b58497e5bfb444fee27/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f6c2f776869746572616262697473747564696f7363682f636f6e74616f2d61727469636c652d7465617365722d696d6167652e7376673f7374796c653d666c61742d737175617265)](LICENSE)[![Packagist Downloads](https://camo.githubusercontent.com/d7a32fc8c2d6bd0af45422dd842fb10d7b1417140cd337e52936051013410c89/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f776869746572616262697473747564696f7363682f636f6e74616f2d61727469636c652d7465617365722d696d6167652e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/whiterabbitstudiosch/contao-article-teaser-image)

📌 About
-------

[](#-about)

This Contao bundle adds a **teaser image field** to articles (`tl_article`) in Contao CMS.
You can use it to display **featured images** for articles in both the backend and frontend.

🚀 Installation
--------------

[](#-installation)

### **1. Install via Composer**

[](#1-install-via-composer)

Run the following command in your Contao installation directory:

```
composer require whiterabbitstudiosch/contao-article-teaser-image
```

### **2. Clear the Cache**

[](#2-clear-the-cache)

After installation, clear the Contao cache:

```
vendor/bin/contao-console cache:clear
```

### **3. Run Database Migration**

[](#3-run-database-migration)

Apply the database changes:

```
vendor/bin/contao-console contao:migrate
```

### **4. Update Contao Manager (Optional)**

[](#4-update-contao-manager-optional)

If you use **Contao Manager**, update your package list:

- Open Contao Manager.
- Click **"Update Packages"** to fetch the latest version.

🛠 Usage
-------

[](#-usage)

### **1. Assign a Teaser Image to an Article**

[](#1-assign-a-teaser-image-to-an-article)

- Go to **Content > Articles** in the Contao backend.
- Edit an article and find the **"Teaser Image"** field.
- Upload or select an image from the file manager.

### **2. Display Teaser Image in a Template**

[](#2-display-teaser-image-in-a-template)

To display the teaser image in your frontend templates, use the following code:

```