PS 1.7 déplacer titre des catégories dans Breadcrumb = problème page produit page blanche

[gouna]

Bonjour,

J'essaye de déplacer le titre de mes catégories dans mon Breacrumb.
Cela fonctionne pour toutes les pages SAUF les pages produit, il y a un blocage total de l'affichage de la page (la page ne se charge pas en dessous du breadcrumb).

 

Ce que j'ai fait :

1) fichier category-header.tpl = j'ai commenté la div faisant référence au H1

<div class="block-category card-block visible--desktop">
    {*<div id="_desktop_category_header">
        <h1 class="h1">{$category.name}{if isset($smarty.get.page) && $smarty.get.page > 1} <span class="small"> - Page {$smarty.get.page}</span>{/if}</h1>
    </div>*}
    {if ($category.description || $category.image.large.url) && $listing.pagination.items_shown_from == 1}
        <div class="d-flex">
            {if $category.description}
                <div id="category-description" class="text-muted">{$category.description nofilter}</div>
            {/if}
            {if $category.image.large.url}
                <div class="category-cover">
                    <img src="{$category.image.large.url}" class="lazyload" alt="{if !empty($category.image.legend)}{$category.image.legend}{else}{$category.name}{/if}">
                </div>
            {/if}
        </div>
    {/if}
</div>
<div class="_mobile_category_header"></div>

2) fichier breadcrumb.tpl = j'ai inséré la div faisant référence au H1 de la partie catégorie

        {*début mod*}<div id="_desktop_category_header">
        <h1 class="h1">{$category.name}{if isset($smarty.get.page) && $smarty.get.page > 1} <span class="small"> - Page {$smarty.get.page}</span>{/if}</h1>
    </div>{*fin mod*}
<nav data-depth="{$breadcrumb.count}" class="visible">
  <ol class="breadcrumb">
    {foreach from=$breadcrumb.links item=path name=breadcrumb}
        {block name='breadcrumb_item'}
            {if $smarty.foreach.breadcrumb.last}
                <li class="breadcrumb-item active">
                    {else}
                <li class="breadcrumb-item">
                <a itemprop="item" href="{$path.url}">
            {/if}
            <span itemprop="name">{$path.title}</span>
        {if !$smarty.foreach.breadcrumb.last}
            </a>
        {/if}
            </li>
        {/block}
    {/foreach}
  </ol>
</nav>

Je suppose que le blocage est du au fait que la div H1 catégorie entre en conflit avec le H1 produit ?

Y aurait-il un moyen simple d'afficher le nom des catégories dans mon breadcrumb sur toutes les pages sauf les pages produits ? 

 

Merci !!

Edited October 6, 2021 by gouna
image (see edit history)

[gouna]

Je viens de modifier ma façon de faire, l'affichage semble correct, je voudrais savoir si ma méthode est bonne ou si elle risque de provoquer un crash .

J'ai donc recommencé depuis zéro en modifiant uniquement ces fichiers :

 

1) category-header.tpl = commenter la partie faisant référence au titre des catégories

<div class="block-category card-block visible--desktop">
    {*<div id="_desktop_category_header">
        <h1 class="h1">{$category.name}{if isset($smarty.get.page) && $smarty.get.page > 1} <span class="small"> - Page {$smarty.get.page}</span>{/if}</h1>
    </div>*}
    {if ($category.description || $category.image.large.url) && $listing.pagination.items_shown_from == 1}
        <div class="d-flex">
            {if $category.description}
                <div id="category-description" class="text-muted">{$category.description nofilter}</div>
            {/if}
            {if $category.image.large.url}
                <div class="category-cover">
                    <img src="{$category.image.large.url}" class="lazyload" alt="{if !empty($category.image.legend)}{$category.image.legend}{else}{$category.name}{/if}">
                </div>
            {/if}
        </div>
    {/if}
</div>
<div class="_mobile_category_header"></div>

 

2) layout-both-columns.tpl = ajouté une condition pour que la div faisant référence au titre des catégories ne s'affiche que sur les pages category

	  <div id="page_banner_container_1" class="breadcrumb_wrapper ">
  <div class="container">
  
   {*début mod*}
  {if $page.page_name == 'category'}
         <div class="name_category">
        <h1 class="h1">{$category.name}{if isset($smarty.get.page) && $smarty.get.page > 1} <span class="small"> - Page {$smarty.get.page}</span>{/if}</h1>
    </div> {/if}{*fin mod*}
	
	  {block name='breadcrumb'}
            {include file='_partials/breadcrumb.tpl'}
          {/block}
		  </div>
		  </div>

 

Est-ce correct selon vous?

Aussi, est-ce que je peux laisser la balise H1 pour les titres de catégorie ?

 

Merci !!

Edited October 6, 2021 by gouna (see edit history)