TMS-947: Fix related articles images (#32)

* TMS-947: Fix related articles images * Update changelog
devgeniem · Sep 25, 2023 · fd6ed29 · fd6ed29
1 parent 525c12c
commit fd6ed29
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 7 deletions.
diff --git a/CHANGELOG.MD b/CHANGELOG.MD
@@ -7,6 +7,9 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+## [1.1.3] - 2023-09-25
+- TMS-947: Fix related articles images on single article page
+
 ## [1.1.2] - 2023-05-24
 - TMS-952: Add background to dynamic-event single page hero title
 

diff --git a/partials/views/single/single-related.dust b/partials/views/single/single-related.dust
@@ -14,13 +14,21 @@
             {#related.posts}
                 <div class="column is-6 is-3-widescreen">
                     <div class="related-posts__item mb-4 mb-0-tablet">
-                             {?image_id}
-                            <div class="image is-4by3">
-                                <a href="{permalink}" aria-hidden="true" tabindex="-1">
-                                    {@image id=image_id size="large" class="objectfit-image" /}
-                                </a>
-                            </div>
-                             {/image_id} 
+                            {?api_image_url}
+                                <div class="image is-4by3">
+                                    <a href="{permalink|url}" aria-hidden="true" tabindex="-1">
+                                        <img src="{api_image_url|url}" class="objectfit-image" loading="lazy" alt=""/>
+                                    </a>
+                                </div>
+                            {:else}
+                                {?image_id}
+                                    <div class="image is-4by3">
+                                        <a href="{permalink|url}" aria-hidden="true" tabindex="-1">
+                                            {@image id=image_id size="large" class="objectfit-image" /}
+                                        </a>
+                                    </div>
+                                {/image_id}
+                            {/api_image_url}
 
                         {?post_title}
                             <h3 class="h4 mt-5 mb-5">