From 8f421da5999354e3b0ded858c977a7081f083ff1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <bjoern.fromme@ep-reisen.de>
Date: Thu, 3 Sep 2026 15:51:38 +0200
Subject: [PATCH] fix: prevent empty buttons in link panel content element

---
 .../Private/Partials/Textmedia/LinkPanel.html | 60 +++++++++++--------
 1 file changed, 35 insertions(+), 25 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Textmedia/LinkPanel.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Textmedia/LinkPanel.html
index 75dbbc0d..f19e61b0 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Textmedia/LinkPanel.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Textmedia/LinkPanel.html
@@ -9,51 +9,61 @@
             <div class="grid grid-cols-1 lg:grid-cols-12 lg:grid-rows-3 lg:grid-flow-col gap-4 lg:gap-1 lg:h-128 bg-white">
                 <f:if condition="{images.0}">
                     <div class="relative h-32 lg:h-auto lg:col-span-2 lg:row-span-1 overflow-hidden">
-                        <f:link.typolink parameter="{images.0.link}" class="absolute inset-0 z-20 flex items-center justify-center peer">
-                            <div class="inline-block px-4 py-2 text-center leading-none text-white hover:text-white text-2xl font-bold uppercase break-normal sbw:bg-sbw-secondary/90 uch:bg-uch-secondary/90 snz:bg-snz-secondary/90">
-                                {images.0.title -> f:format.raw()}
-                            </div>
-                        </f:link.typolink>
+                        <f:if condition="{images.0.link}">
+                            <f:link.typolink parameter="{images.0.link}" class="absolute inset-0 z-20 flex items-center justify-center peer">
+                                <div class="inline-block px-4 py-2 text-center leading-none text-white hover:text-white text-2xl font-bold uppercase break-normal sbw:bg-sbw-secondary/90 uch:bg-uch-secondary/90 snz:bg-snz-secondary/90">
+                                    {images.0.title -> f:format.raw()}
+                                </div>
+                            </f:link.typolink>
+                        </f:if>
                         <f:image image="{images.0}" alt="{images.0.alternative}" class="w-full h-full object-cover transition-transform duration-300 peer-hover:scale-110" />
                     </div>
                 </f:if>
                 <f:if condition="{images.1}">
                     <div class="relative h-32 lg:h-auto lg:col-span-2 lg:row-span-1 overflow-hidden">
-                        <f:link.typolink parameter="{images.1.link}" class="absolute inset-0 z-20 flex items-center justify-center peer">
-                            <div class="inline-block px-4 py-2 text-center leading-none text-white hover:text-white text-2xl font-bold uppercase break-normal sbw:bg-sbw-secondary/90 uch:bg-uch-secondary/90 snz:bg-snz-secondary/90">
-                                {images.1.title -> f:format.raw()}
-                            </div>
-                        </f:link.typolink>
+                        <f:if condition="{images.1.link}">
+                            <f:link.typolink parameter="{images.1.link}" class="absolute inset-0 z-20 flex items-center justify-center peer">
+                                <div class="inline-block px-4 py-2 text-center leading-none text-white hover:text-white text-2xl font-bold uppercase break-normal sbw:bg-sbw-secondary/90 uch:bg-uch-secondary/90 snz:bg-snz-secondary/90">
+                                    {images.1.title -> f:format.raw()}
+                                </div>
+                            </f:link.typolink>
+                        </f:if>
                         <f:image image="{images.1}" alt="{images.1.alternative}" class="w-full h-full object-cover transition-transform duration-300 peer-hover:scale-110" />
                     </div>
                 </f:if>
                 <f:if condition="{images.4}">
                     <div class="relative h-32 lg:h-auto lg:col-span-12 lg:row-span-1 overflow-hidden">
-                        <f:link.typolink parameter="{images.4.link}" class="absolute inset-0 z-20 flex items-center justify-center peer">
-                            <div class="inline-block px-4 py-2 text-center leading-none text-white hover:text-white text-2xl font-bold uppercase break-normal sbw:bg-sbw-secondary/90 uch:bg-uch-secondary/90 snz:bg-snz-secondary/90">
-                                {images.4.title -> f:format.raw()}
-                            </div>
-                        </f:link.typolink>
+                        <f:if condition="{images.4.link}">
+                            <f:link.typolink parameter="{images.4.link}" class="absolute inset-0 z-20 flex items-center justify-center peer">
+                                <div class="inline-block px-4 py-2 text-center leading-none text-white hover:text-white text-2xl font-bold uppercase break-normal sbw:bg-sbw-secondary/90 uch:bg-uch-secondary/90 snz:bg-snz-secondary/90">
+                                    {images.4.title -> f:format.raw()}
+                                </div>
+                            </f:link.typolink>
+                        </f:if>
                         <f:image image="{images.4}" alt="{images.4.alternative}" class="w-full h-full object-cover transition-transform duration-300 peer-hover:scale-110" />
                     </div>
                 </f:if>
                 <f:if condition="{images.2}">
                     <div class="relative h-32 lg:h-auto lg:col-span-4 lg:row-span-2 overflow-hidden">
-                        <f:link.typolink parameter="{images.2.link}" class="absolute inset-0 z-20 flex items-center justify-center peer">
-                            <div class="inline-block px-4 py-2 text-center leading-none text-white hover:text-white text-2xl font-bold uppercase break-normal sbw:bg-sbw-secondary/90 uch:bg-uch-secondary/90 snz:bg-snz-secondary/90">
-                                {images.2.title -> f:format.raw()}
-                            </div>
-                        </f:link.typolink>
+                        <f:if condition="{images.2.link}">
+                            <f:link.typolink parameter="{images.2.link}" class="absolute inset-0 z-20 flex items-center justify-center peer">
+                                <div class="inline-block px-4 py-2 text-center leading-none text-white hover:text-white text-2xl font-bold uppercase break-normal sbw:bg-sbw-secondary/90 uch:bg-uch-secondary/90 snz:bg-snz-secondary/90">
+                                    {images.2.title -> f:format.raw()}
+                                </div>
+                            </f:link.typolink>
+                        </f:if>
                         <f:image image="{images.2}" alt="{images.2.alternative}" class="w-full h-full object-cover transition-transform duration-300 peer-hover:scale-110" />
                     </div>
                 </f:if>
                 <f:if condition="{images.3}">
                     <div class="relative h-32 lg:h-auto lg:col-span-6 lg:row-span-2 overflow-hidden">
-                        <f:link.typolink parameter="{images.3.link}" class="absolute inset-0 z-20 w-full h-full flex items-center justify-center peer">
-                            <div class="inline-block px-4 py-2 text-center leading-none text-white hover:text-white text-2xl font-bold uppercase break-normal sbw:bg-sbw-secondary/90 uch:bg-uch-secondary/90 snz:bg-snz-secondary/90">
-                                {images.3.title -> f:format.raw()}
-                            </div>
-                        </f:link.typolink>
+                        <f:if condition="{images.3.link}">
+                            <f:link.typolink parameter="{images.3.link}" class="absolute inset-0 z-20 w-full h-full flex items-center justify-center peer">
+                                <div class="inline-block px-4 py-2 text-center leading-none text-white hover:text-white text-2xl font-bold uppercase break-normal sbw:bg-sbw-secondary/90 uch:bg-uch-secondary/90 snz:bg-snz-secondary/90">
+                                    {images.3.title -> f:format.raw()}
+                                </div>
+                            </f:link.typolink>
+                        </f:if>
                         <f:image image="{images.3}" alt="{images.3.alternative}" class="w-full h-full object-cover transition-transform duration-300 peer-hover:scale-110" />
                     </div>
                 </f:if>