Merge pull request #314 from Oksydan/product-images-alt-fix

Product images - display proper alt for image
Oksydan · Nov 3, 2023 · 5ad3fe2 · 5ad3fe2
2 parents 048d836 + d8e686b
commit 5ad3fe2
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/templates/catalog/_partials/product-cover-thumbnails.tpl b/templates/catalog/_partials/product-cover-thumbnails.tpl
@@ -88,8 +88,9 @@
                           {generateImagesSources image=$image size='large_default' }
                           width="{$image.bySize.large_default.width}"
                           height="{$image.bySize.large_default.height}"
-                          {if !empty($product.default_image.legend)}
-                            alt="{$image.legend}" title="{$image.legend}"
+                          {if !empty($image.legend)}
+                            alt="{$image.legend}"
+                            title="{$image.legend}"
                           {else}
                             alt="{$product.name}"
                           {/if}
@@ -167,8 +168,9 @@
                       {generateImagesSources image=$image size='home_default'}
                       width="{$image.bySize.home_default.width}"
                       height="{$image.bySize.home_default.height}"
-                      {if !empty($product.default_image.legend)}
-                        alt="{$image.legend}" title="{$image.legend}"
+                      {if !empty($image.legend)}
+                        alt="{$image.legend}"
+                        title="{$image.legend}"
                       {else}
                         alt="{$product.name}"
                       {/if}

diff --git a/templates/catalog/_partials/product-images-modal.tpl b/templates/catalog/_partials/product-images-modal.tpl
@@ -59,8 +59,9 @@
                       width="{$image.bySize.large_default.width}"
                       height="{$image.bySize.large_default.height}"
                       loading="lazy"
-                      {if !empty($product.default_image.legend)}
-                        alt="{$image.legend}" title="{$image.legend}"
+                      {if !empty($image.legend)}
+                        alt="{$image.legend}"
+                        title="{$image.legend}"
                       {else}
                         alt="{$product.name}"
                       {/if}