Steps to set a thumbnail image to AEM packages?

This post explains how to set a thumbnail image to AEM content project modules.

Step 1: Create a folder named "definition" under "ui.apps/src/main/content/META-INF/vault".

Step 2: Paste thumbnail image(.png) inside the created folder. Name of the image should be thumbnail

Step 3: Create a file ".content.xml" under definition folder.

Step 4: Paste following content inside the created file.

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root
    xmlns:vlt = "http://www.day.com/jcr/vault/1.0"
    xmlns:jcr="http://www.jcp.org/jcr/1.0"
    xmlns:nt="http://www.jcp.org/jcr/nt/1.0">
    <thumbnail.png/>
</jcr:root>

Step 5: Repeat the steps for all content project modules. Build and deploy the code. You should see a thumbnail for all the modules you made changes for.

Feel free check my git project in case of confusion:

That's all for today! If you've found this blog post informative or helpful, I’d greatly appreciate it if you could give it a like. It keeps me motivated 💛

☕️ Click Here to Buy me a coffee ☕️

Enjoying my ad-free blog? Support by buying me a coffee! I've kept this space ad-free, sponsoring it myself to maintain its purity. Your contribution would help keep the site afloat and ensure quality content. Thanks for being part of this ad-free community.