Fil D'ariane / Breadcrumb Position resolu

[solspire]

Bonjour,

 

Je sais qu'il y a bcp de post sur le sujet mais après les avoir tous consulté j'en appel a vous.

Voila je suis sous prestashop 1.4.4.1 et j'optimise le theme (en amateur).

En ce moment mon fil d'ariane me pose problème, je souhaite le passer de la colonne centrale

à au dessus des colones, sous mon menu.

 

Ceci est l'étape 1 : déplacer le fil d'ariane en haut a guauche

=> déja je serai ravis ! j'ai tenté de déplacer le include breadcrumb dans header mais...cela ne marche pas. Une idée svp ?

 

Etape 2 : ajouter "vous êtes ici : " avant accueil

Etape 3 : ajouter aligné à droite sur la même ligne => Bienvenue, identifier vous Mon Compte

(j'en demande bcp...)

 

Dans l'attente de vos nouvelles !

Cordialement

[solspire]

ok ben ...

[solspire]

Pas de volontaire ?

[loulou66]

coucou

 

pour ajouter Vous êtes ici

 

dans le fichier thème /ton_thème/breadcumb.tpl

apres la ligne

 

<div class="breadcrumb">

 

tu ajoute la ligne

 

<p>{l s='You are here '}{$navigationPipe|escape:html:'UTF-8'}

 

ou {$navigationPipe|escape:html:'UTF-8'} affiche le symbole >

 

si tu veut les :

 

<p>{l s='You are here :'}

 

 

et apres la ligne

 

 

{$path}

 

tu ajoute

</p>

 

a traduire la phrase via la traductions d la BO

 

ensuite pour remonter le fil d'arianne

 

par le css en mettant des margin-top et margin-left négatif et en augmentant le margin-bottom de la même valeur que tu a mis dans margin-top

 

par exemple

 

 

 

.breadcrumb {

• margin-bottom: 40px; <==original 20px
  
• font-size: 12px;
  
• margin-top: -20px;
  
• margin-left: -217px;
  

 

}

 

 

 

a adapter a ton thème fait des essais avec firebug avant pour trouver les bonnes valeurs

 

 

 

@++

 

Loulou66

[solspire]

Salut Loulou66 et merci pour le coup de main,

j'ai juste ajouté {l s='You are here :'} juste après <div class="breadcrumb"

et rien a dire c'est parfait !

 

Par contre pour placer en css négative ça va pas le faire :

-header nav (your accunt et shopping cart) se trouve en dessus

et si je met margin-top:-10px; on voit que le breadcrumb glice sous header nav, donc invisible.

(en plus j'ai dès fois 1 colonnes, dès fois 2, et en plus en plus parait que les marge négative ne sont pas full compatible)

 

Le mieux serai de déplacer le breadcrumb qui se trouve dans div id=column et de le passer dans div id=header

 

Merci à toi loulou66 déja le "vous êtes ici" c'est réglé ! Merki bien !

ETAPE 2 = VALIDéE ! ETAPE 1 et 3 : en attente...

[solspire]

Finalement j'ai opté pour les marge négatives (ne pas oublier de mettre position absolute)

et pour l'étape 3, a coup de float left et right c tout bon !

 

merci !

[jokoss]

Pour déplacer le breadcrumb dans le header : http://www.prestashop.com/forums/topic/166117-solution-deplacer-breacdrumb-dans-header-ou-ailleur-au-choix/

 

ça évite les conflis en css..