packages/base/ContentBlocks/ContentElements/imagegallery/config.yaml

@@ -11,8 +11,7 @@ fields:
       allowed: [jpg, jpeg, png, gif, webp]
       multiple: true
     useExistingField: true
-  - identifier: imagecols
+  - identifier: columns
-    useExistingField: true
     type: Select
     renderType: selectSingle
     default: 1
@@ -24,4 +23,4 @@ fields:
       - label: LLL:EXT:base/ContentBlocks/ContentElements/imagegallery/language/labels.xlf:columns.3
         value: 3
       - label: LLL:EXT:base/ContentBlocks/ContentElements/imagegallery/language/labels.xlf:columns.5
-        value: 5
+        value: 5

packages/base/ContentBlocks/ContentElements/imagegallery/templates/backend-preview.html

@@ -23,8 +23,11 @@
                 </f:if>
             </f:for>
         </div>
+        <f:if condition="{data.image -> f:count()} > 3">
+            <p>+ {f:math.subtract(a: '{data.image -> f:count()}', b: '3')} more images</p>
+        </f:if>
         <p>
-            <f:switch expression="{data.imagecols}">
+            <f:switch expression="{data.columns}">
                 <f:case value="2">2 Columns</f:case>
                 <f:case value="3">3 Columns</f:case>
                 <f:case value="5">5 Columns</f:case>
@@ -33,4 +36,4 @@
         </p>
     </f:if>
 </f:section>
-</html>
+</html>

packages/base/ContentBlocks/ContentElements/imagegallery/templates/frontend.html

@@ -7,7 +7,7 @@
 
   <f:if condition="{data.image}">
     <f:variable name="columnClass">
-      <f:switch expression="{data.imagecols}">
+      <f:switch expression="{data.columns}">
         <f:case value="2">md:grid-cols-2</f:case>
         <f:case value="3">md:grid-cols-3</f:case>
         <f:case value="5">md:grid-cols-5</f:case>
@@ -60,4 +60,4 @@
       </f:for>
     </div>
   </f:if>
-</f:section>
+</f:section>