FEATURE Focuspoint, image cropping (#8)

dynamic · Sep 14, 2023 · f712050 · f712050
1 parent 419b5e8
commit f712050
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -13,6 +13,7 @@ A block to add a single image to your page.
 ## Requirements
 
 * dnadesign/silverstripe-elemental: ^5
+* jonom/focuspoint: ^5
 
 ## Installation
 

diff --git a/composer.json b/composer.json
@@ -19,6 +19,7 @@
     ],
     "require": {
         "dnadesign/silverstripe-elemental": "^5",
+        "jonom/focuspoint": "^5",
         "silverstripe/framework": "^5"
     },
     "require-dev": {

diff --git a/templates/Dynamic/Elements/Image/Elements/ElementImage.ss b/templates/Dynamic/Elements/Image/Elements/ElementImage.ss
@@ -2,6 +2,6 @@
 
 <% if $Image %>
         <div class="col-md-12 card">
-            <img src="$Image.URL" class="img-fluid card-img-top" alt="<% if $Image.Title %>$Image.Title.ATT<% else %>$Title.ATT<% end_if %>">
+            <img src="$Image.FocusFill(1400,787).URL" class="card-img-top" alt="<% if $Image.Title %>$Image.Title.ATT<% else %>$Title.ATT<% end_if %>">
         </div>
 <% end_if %>