page section title component, added mising img-fluid class in categor…

…y image(looks bad when it's not there)
PrestaShop · Dec 21, 2022 · aea197c · aea197c
1 parent f0f69f4
commit aea197c
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 5 deletions.
diff --git a/templates/catalog/_partials/category-header.tpl b/templates/catalog/_partials/category-header.tpl
@@ -5,7 +5,7 @@
 <div id="js-product-list-header">
     {if $listing.pagination.items_shown_from == 1}
         <div class="block-category">
-            <h1 class="h1 mb-4">{$category.name}</h1>
+          {include file="components/page-title-section.tpl" title={$category.name}}
             {if $category.description}
               <div id="category-description" class="rich-text mb-4">{$category.description nofilter}</div>
             {/if}
@@ -14,6 +14,7 @@
                 <img src="{$category.image.large.url}" 
                   alt="{if !empty($category.image.legend)}{$category.image.legend}{else}{$category.name}{/if}" 
                   loading="lazy" 
+                  class="img-fluid"
                   width="{$category.image.large.width}" 
                   height="{$category.image.large.height}">
               </div>

diff --git a/templates/catalog/brands.tpl b/templates/catalog/brands.tpl
@@ -6,7 +6,7 @@
 
 {block name='content'}
   {block name='brand_header'}
-    <h1 class="h1 mb-4">{l s='Brands' d='Shop.Theme.Catalog'}</h1>
+    {include file="components/page-title-section.tpl" title={l s='Brands' d='Shop.Theme.Catalog'}}
   {/block}
 
   {block name='brand_miniature'}

diff --git a/templates/catalog/listing/manufacturer.tpl b/templates/catalog/listing/manufacturer.tpl
@@ -5,7 +5,7 @@
 {extends file='catalog/listing/product-list.tpl'}
 
 {block name='product_list_header'}
-  <h1 class="h1 mb-4">{l s='List of products by brand %brand_name%' sprintf=['%brand_name%' => $manufacturer.name] d='Shop.Theme.Catalog'}</h1>
+  {include file="components/page-title-section.tpl" title={l s='List of products by brand %brand_name%' sprintf=['%brand_name%' => $manufacturer.name] d='Shop.Theme.Catalog'}}
   <div id="manufacturer-short_description" class="rich-text">{$manufacturer.short_description nofilter}</div>
   <div id="manufacturer-description" class="rich-text">{$manufacturer.description nofilter}</div>
 {/block}
diff --git a/templates/catalog/listing/supplier.tpl b/templates/catalog/listing/supplier.tpl
@@ -5,6 +5,6 @@
 {extends file='catalog/listing/product-list.tpl'}
 
 {block name='product_list_header'}
-  <h1 class="h1 mb-4">{l s='List of products by supplier %s' sprintf=[$supplier.name] d='Shop.Theme.Catalog'}</h1>
+  {include file="components/page-title-section.tpl" title={l s='List of products by supplier %s' sprintf=[$supplier.name] d='Shop.Theme.Catalog'}}
   <div id="supplier-description" class="rich-text">{$supplier.description nofilter}</div>
 {/block}
diff --git a/templates/catalog/suppliers.tpl b/templates/catalog/suppliers.tpl
@@ -5,5 +5,5 @@
 {extends file='catalog/brands.tpl'}
 
 {block name='brand_header'}
-  <h1 class="h1 mb-4">{l s='Suppliers' d='Shop.Theme.Catalog'}</h1>
+  {include file="components/page-title-section.tpl" title={l s='Suppliers' d='Shop.Theme.Catalog'}}
 {/block}
diff --git a/templates/components/page-title-section.tpl b/templates/components/page-title-section.tpl
@@ -0,0 +1,9 @@
+{**
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ *}
+{$componentName = 'page-title-section'}
+
+{block name='page_title_section'}
+  <h1 class="{$componentName} h1 mb-4">{$title}</h1>
+{/block}