Jump to content

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


Recommended Posts

Posted (edited)

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).

1846210846_Sanstitre-1.thumb.jpg.537ff070b43fa7248311a3f55299367b.jpg

 

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 by gouna
image (see edit history)

Share this post


Link to post
Share on other sites

Posted (edited)

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 by gouna (see edit history)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More