Use category thumbnail

Author: Hlavtox

templates/catalog/_partials/subcategories.tpl

@@ -11,12 +11,21 @@
         <div class="subcategory__wrapper col-6 col-lg-4 col-xl-3">
           <a class="subcategory" href="{$subcategory.url}" title="{$subcategory.name|escape:'html':'UTF-8'}">
             <div class="subcategory__image">
-              {if !empty($subcategory.image.small.url)}
+              {if !empty($subcategory.thumbnail.small.url)}
                 <img
                   class="img-fluid"
-                  src="{$subcategory.image.small.url}"
-                  width="{$subcategory.image.small.width}"
-                  height="{$subcategory.image.small.height}"
+                  src="{$subcategory.thumbnail.small.url}"
+                  width="{$subcategory.thumbnail.small.width}"
+                  height="{$subcategory.thumbnail.small.height}"
+                  alt="{$subcategory.name|escape:'html':'UTF-8'}"
+                  loading="lazy"
+                >
+              {else}
+                <img
+                  class="img-fluid"
+                  src="{$urls.no_picture_image.small.url}"
+                  width="{$urls.no_picture_image.small.width}"
+                  height="{$urls.no_picture_image.small.height}"
                   alt="{$subcategory.name|escape:'html':'UTF-8'}"
                   loading="lazy"
                 >