Merge pull request #602 from yannicka/tpl-spacing

Templates: add some spacing

Author: kpodemski

templates/_partials/footer.tpl

@@ -15,11 +15,13 @@
         {hook h='displayFooter'}
       {/block}
     </div>
+
     <div class="footer__main__bottom row">
       {block name='hook_footer_after'}
         {hook h='displayFooterAfter'}
       {/block}
     </div>
+
     <p class="copyright">
       {block name='copyright_link'}
         <a href="https://www.prestashop-project.org/" target="_blank" rel="noopener noreferrer nofollow">

templates/_partials/head.tpl

@@ -5,6 +5,7 @@
 {block name='head_charset'}
   <meta charset="utf-8">
 {/block}
+
 {block name='head_ie_compatibility'}
   <meta http-equiv="x-ua-compatible" content="ie=edge">
 {/block}
@@ -15,17 +16,22 @@
   {/block}
 
   <title>{block name='head_seo_title'}{$page.meta.title}{/block}</title>
+
   {block name='hook_after_title_tag'}
     {hook h='displayAfterTitleTag'}
   {/block}
+
   <meta name="description" content="{block name='head_seo_description'}{$page.meta.description}{/block}">
   <meta name="keywords" content="{block name='head_seo_keywords'}{$page.meta.keywords}{/block}">
+
   {if $page.meta.robots !== 'index'}
     <meta name="robots" content="{$page.meta.robots}">
   {/if}
+
   {if $page.canonical}
     <link rel="canonical" href="{$page.canonical}">
   {/if}
+
   {block name='head_hreflang'}
     {foreach from=$urls.alternative_langs item=pageUrl key=code}
       <link rel="alternate" href="{$pageUrl}" hreflang="{$code}">

templates/_partials/header.tpl

@@ -18,6 +18,7 @@
         <div class="{$headerTopName}__left col-md-5">
           {hook h='displayNav1'}
         </div>
+
         <div class="{$headerTopName}__right col-md-7">
           {hook h='displayNav2'}
         </div>
@@ -80,5 +81,6 @@
       </div>
     </div>
   </div>
+
   {hook h='displayNavFullWidth'}
 {/block}

templates/_partials/microdata/product-jsonld.tpl

@@ -3,21 +3,27 @@
  * file that was distributed with this source code.
  *}
 {assign var=hasAggregateRating value=false}
+
 {if !empty($product.productComments.averageRating) && !empty($product.productComments.nbComments)}
   {assign var=hasAggregateRating value=true}
   {assign var=ratingValue value=$product.productComments.averageRating}
   {assign var=ratingReviewCount value=$product.productComments.nbComments}
 {/if}
+
 {if !empty($ratings.avg) && !empty($nbComments)}
   {assign var=hasAggregateRating value=true}
   {assign var=ratingValue value=$ratings.avg}
   {assign var=ratingReviewCount value=$nbComments}
 {/if}
+
 {assign var=hasWeight value=false}
+
 {if isset($product.weight) && ($product.weight != 0)}
   {assign var=hasWeight value=true}
 {/if}
+
 {assign var=hasOffers value=$product.show_price}
+
 <script type="application/ld+json">
   {
     "@context": "https://schema.org/",

templates/catalog/_partials/facets.tpl

@@ -26,14 +26,17 @@
 
       <section class="facet">
         <p class="h6 facet-title d-none d-sm-block d-md-block">{$facet.label}</p>
+
         {assign var=_expand_id value=10|mt_rand:100000}
         {assign var=_collapse value=true}
+
         {foreach from=$facet.filters item="filter"}
           {if $filter.active}{assign var=_collapse value=false}{/if}
         {/foreach}
 
         <div class="title d-none d-sm-block d-md-none" data-target="#facet_{$_expand_id}" data-bs-toggle="collapse"{if !$_collapse} aria-expanded="true"{/if}>
           <p class="h6 facet-title">{$facet.label}</p>
+
           <span>
             <span class="navbar-toggler collapse-icons">
               <i class="material-icons add">&#xE313;</i>
@@ -87,6 +90,7 @@
                       rel="nofollow"
                    >
                       {$filter.label}
+
                       {if $filter.magnitude}
                         <span class="magnitude">({$filter.magnitude})</span>
                       {/if}
@@ -96,15 +100,14 @@
               {/foreach}
             </ul>
           {/block}
-
         {else}
-
           {block name='facet_item_dropdown'}
             <ul id="facet_{$_expand_id}" class="collapse{if !$_collapse} in{/if}">
               <li>
                 <div class="facet-dropdown dropdown">
                   <a class="select-title" rel="nofollow" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                     {$active_found = false}
+
                     <span>
                       {foreach from=$facet.filters item="filter"}
                         {if $filter.active}
@@ -115,12 +118,15 @@
                           {$active_found = true}
                         {/if}
                       {/foreach}
+
                       {if !$active_found}
                         {l s='(no filter)' d='Shop.Theme.Global'}
                       {/if}
                     </span>
+
                     <i class="material-icons" aria-hidden="true">&#xE5C5;</i>
                   </a>
+
                   <div class="dropdown-menu dropdown-menu-start">
                     {foreach from=$facet.filters item="filter"}
                       {if !$filter.active}
@@ -130,6 +136,7 @@
                           class="dropdown-item select-list"
                        >
                           {$filter.label}
+
                           {if $filter.magnitude}
                             ({$filter.magnitude})
                           {/if}

templates/catalog/_partials/miniatures/brand.tpl

@@ -9,10 +9,12 @@
         <img src="{$brand.image}" alt="{$brand.name}" loading="lazy">
       </a>
     </div>
+
     <div class="brand__infos">
       <p><a class="brand__link" href="{$brand.url}">{$brand.name}</a></p>
       {$brand.text nofilter}
     </div>
+
     <div class="brand__products">
       <a class="btn" href="{$brand.url}">{$brand.nb_products}</a>
     </div>

templates/catalog/_partials/miniatures/product.tpl

@@ -179,7 +179,9 @@
             {if $product.add_to_cart_url}
               <form action="{$urls.pages.cart}" method="post" class="d-flex flex-wrap flex-md-nowrap gap-3 align-items-center mt-3">
                 <input type="hidden" value="{$product.id_product}" name="id_product">
+
                 <input type="hidden" name="token" value="{$static_token}" />
+
                 <div class="quantity-button js-quantity-button w-100 w-sm-auto">
                   {include file='components/qty-input.tpl'
                     attributes=[
@@ -190,6 +192,7 @@
                     marginHelper="mb-0"
                   }
                 </div>
+
                 <button data-button-action="add-to-cart" class="btn btn-primary flex-grow-1 flex-md-grow-0">
                   <i class="material-icons" aria-hidden="true">&#xe854;</i>
                   <span class="visually-hidden">{l s='Add to cart' d='Shop.Theme.Actions'}</span>

templates/catalog/_partials/product-activation.tpl

@@ -8,6 +8,7 @@
       {foreach $page.admin_notifications as $notif}
         <div>
           <i class="material-icons" aria-hidden="true">&#xE001;</i>
+
           <p class="alert-text">{$notif.message}</p>
         </div>
       {/foreach}

templates/catalog/_partials/product-add-to-cart.tpl

@@ -4,7 +4,6 @@
  *}
 <div class="product__add-to-cart product-add-to-cart js-product-add-to-cart">
   {if !$configuration.is_catalog}
-
     <div class="mb-3">
       {block name='product_availability'}
         <span id="product-availability" class="product__availability js-product-availability d-flex align-items-center">
@@ -16,10 +15,12 @@
             {else}
               <i class="material-icons product-unavailable me-2">&#xE14B;</i>
             {/if}
+
             {$product.availability_message}
           {/if}
         </span>
       {/block}
+
       {block name='product_delivery_times'}
         {if $product.is_virtual	== 0}
           {if $product.additional_delivery_times == 1}

templates/catalog/_partials/product-cover-thumbnails.tpl

@@ -19,6 +19,7 @@
             <span class="carousel-control-prev-icon" aria-hidden="true"></span>
             <span class="visually-hidden">Previous</span>
           </button>
+
           <button class="carousel-control-next" type="button" data-bs-target="#product-images" data-bs-slide="next">
             <span class="carousel-control-next-icon" aria-hidden="true"></span>
             <span class="visually-hidden">Next</span>
@@ -70,6 +71,7 @@
                   data-full-size-image-url="{$image.bySize.home_default.url}"
                 >
               </picture>
+
               <div class="product__images__modal-opener" data-bs-toggle="modal" data-bs-target="#product-modal">
                 <i class="material-icons zoom-in">search</i>
               </div>