Merge pull request #113 from TYPO3incubator/bugfix/hero-image

Bugfix/hero image
TYPO3incubator · Apr 12, 2024 · 659b55e · 659b55e
2 parents ca39d1b + f47781b
commit 659b55e
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/...ootball/Configuration/Sets/Football/TypoScript/ContentElements/tt_content.hero.typoscript b/...ootball/Configuration/Sets/Football/TypoScript/ContentElements/tt_content.hero.typoscript
@@ -2,5 +2,12 @@ tt_content {
   hero =< lib.contentElement
   hero {
     templateName = Hero
+
+    dataProcessing.10 = files
+    dataProcessing.10 {
+        as = images
+        references.fieldName = image
+        references.table = tt_content
+    }
   }
 }
diff --git a/local_packages/football/Configuration/TCA/Overrides/tt_content.hero.php b/local_packages/football/Configuration/TCA/Overrides/tt_content.hero.php
@@ -76,7 +76,11 @@
             ],
             'image' => [
                 'config' => [
-                    'minitems' => '1',
+                    'minitems' => 1,
+                    'maxitems' => 1,
+                    'appearance' => [
+                        'enabledControls' => ['hide' => false]
+                    ]
                 ],
             ],
         ],

diff --git a/local_packages/football/Resources/Private/Templates/ContentElements/Hero.html b/local_packages/football/Resources/Private/Templates/ContentElements/Hero.html
@@ -14,7 +14,7 @@ <h3 class="hero--title">{data.header}</h3>
             </div>
         </div>
     </div>
-    <f:image class="hero--image" src="{data.image}" treatIdAsReference="1"/>
+    <f:image class="hero--image" image="{images.0}" />
 </div>
 
 </html>
-Original file line number
+Diff line change
@@ Expand Up / @@ -14,7 +14,7 @@ <h3 class="hero--title">{data.header}</h3> @@
                 </div>
             </div>
         </div>
-        <f:image class="hero--image" src="{data.image}" treatIdAsReference="1"/>
+        <f:image class="hero--image" image="{images.0}" />
     </div>
     </html>
@@ Expand Down @@