Jump to content

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


Manu-41
 Share

Recommended Posts

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

Share this post


Link to post
Share on other sites

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}

 

Share this post


Link to post
Share on other sites

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 ?

Share this post


Link to post
Share on other sites

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}

 

Share this post


Link to post
Share on other sites

  • Manu-41 changed the title to breadcrumb - Réduire le fil d'ariane sur mobile 1.6

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