Jump to content

Edit History

gouna

gouna


image

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 !!

gouna

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 !!

×
×
  • Create New...