breadcrumb - Réduire le fil d'ariane sur mobile 1.6

[Manu-41]

Bonjour,

le fil d'ariane sur mobile devient très long, et prend beaucoup de place dans l'affichage (3 ligne). Je voudrais donc faire un affichage plus simple.

Je cache le fil d'ariane avec un display:none sur version mobile, comme ca il sera toujours lu par les moteurs de recherches et les balises restent.

Et je souhaite ajouter sur version mobile <768px un seul lien de la page précédente comme dans le fil d'ariane.

Exemple avant pour les pages catégorie: Accueil>jouets>garcon>jouets en bois

Après: <Garcon

Exemple avant pour les pages produits: Accueil>jouets>garcon>jouets en bois>voiture de course

Après: <jouets en bois

J'ai testé en reprenant un parti du fil actuel, mais cela affiche toutes les catégories, or j'ai juste besoin d'avoir la carégorie précédente

 

{if !empty($breadcrumbs)}
    {foreach from=$breadcrumbs item=breadcrumb name=crumbs}
      <li>
        {if !empty($breadcrumb.url)}
          <a href="{$breadcrumb.url}"> <span>{$breadcrumb.title}</span>
          </a>
        
        {/if}
       
      </li>
    {/foreach}
  {/if}

Comment avoir uniquement la catégorie précédente?

merci pour votre aide

presta 1.6

Edited February 26, 2021 by Manu-shop (see edit history)

[corrigerunbug]

Bonjour, 

Vous pouvez essayer d'utiliser la fonction {break} voir ici :

- https://www.smarty.net/docs/en/language.function.foreach.tpl#foreach.construct.break

Cordialement

Ilias

[Manu-41]

5 minutes ago, imaging said:

Bonjour, 

Vous pouvez essayer d'utiliser la fonction {break} voir ici :

- https://www.smarty.net/docs/en/language.function.foreach.tpl#foreach.construct.break

Cordialement

Ilias

merci pour ton aide, mais comment l'utiliser?

J'ai regardé le lien, mais je ne comprend pas.

Je doit ajouter la position aussi?

[corrigerunbug]

Vous pouvez insérer ce code.

{if !empty($breadcrumbs)}
    {foreach from=$breadcrumbs item=breadcrumb name=crumbs}
      <li>
        {if $smarty.foreach.crumbs.index == 3}
        	{break}
        {/if}
        {if !empty($breadcrumb.url)}
          <a href="{$breadcrumb.url}"> <span>{$breadcrumb.title}</span>
          </a>
        
        {/if}
       
      </li>
    {/foreach}
  {/if}

 

[Manu-41]

1 hour ago, imaging said:

Vous pouvez insérer ce code.

{if !empty($breadcrumbs)}
    {foreach from=$breadcrumbs item=breadcrumb name=crumbs}
      <li>
        {if $smarty.foreach.crumbs.index == 3}
        	{break}
        {/if}
        {if !empty($breadcrumb.url)}
          <a href="{$breadcrumb.url}"> <span>{$breadcrumb.title}</span>
          </a>
        
        {/if}
       
      </li>
    {/foreach}
  {/if}

 

Je viens de tester, rien en change.

J'ai toujours toutes mes catégories dans le fil

A quoi correspond le index==3 ?

[corrigerunbug]

Vous avez vidé le cache ?

[Manu-41]

10 minutes ago, imaging said:

Vous avez vidé le cache ?

oui, cache vidé.

presta 1.6

[corrigerunbug]

Quel est le lien de votre site ?

[Manu-41]

donné en MP.

Ce que je cherche à faire, c'est afficher uniquement le lien précédent  de la page en cours.

il doit etre possible d'afficher une condition à ce code:

{if !empty($breadcrumbs)}
    {foreach from=$breadcrumbs item=breadcrumb name=crumbs}
      <li>
        {if !empty($breadcrumb.url)}
          <a href="{$breadcrumb.url}"> <span>{$breadcrumb.title}</span>
          </a>
        
        {/if}
       
      </li>
    {/foreach}
  {/if}