Nous ne répondons seulement qu'aux sujets dont l'auteur a complété sa signature [Lire]


Breadcrumb [sur deux lignes ... bizarre]

Soutien et conseil sur les "Thèmes graphique" pour OpenCart

Breadcrumb [sur deux lignes ... bizarre]

Messagepar plugeplay » 09 Nov 2012, 18:04

Salut à tous,
Mon breadcrumb apparait sur 2 lignes, alors qu'apparemment rien ne l'y oblige.

J'ai vérifié les css, les xml, les .tpl, je n'arrive pas à comprendre pourquoi. Si quelqu'un a une info, je suis preneur

A+

EDIT: il s'agissait (encore) d'une petite ligne sur un autre élément dans le css qui empêcher le fil d'ariane d'aller plus loin...

J'en profite pour donner une petite astuce pour mettre au début du breadcrumb une image et modifier les [separtor]:

css:
Code: Tout sélectionner
.breadcrumb {
   color: #69adc2; /*couleur du signe alias [separator]*/
   background: url('../image/logo_breadcrumb.png') bottom left no-repeat; /*positionnement de l'image en début de fil d'ariane  */
   line-height:18px;
   padding-left:25px; /*l'espace entre le texte et le bord de la balise: doit être supérieur à la largeur de l'image*/
   margin-bottom: 10px;
}
.breadcrumb a { /*personnalisation des étapes du fil d'ariane*/
   color: #05495e; /*couleur */
   cursor: pointer;
   text-decoration: none; /*souligné ou non */
}


xml (à rajouter dans un fichier déjà gérer par VQmod)
Code: Tout sélectionner
<file name="/catalog/language/french/french.php">
      <operation>
         <search position="replace" ><![CDATA[
       ' &gt; '
         ]]></search>
         <add><![CDATA[
      ' &#8594 '
         ]]></add>
      </operation>
   </file>
   
   <file name="/catalog/language/english/english.php">
      <operation>
         <search position="replace" ><![CDATA[
        ' &raquo; '
         ]]></search>
         <add><![CDATA[
      ' &#8594 '
         ]]></add>
      </operation>
   </file>


Ca permet de modifier le signe entre les éléments du fil d'ariane plus facilement, quand on gère plusieurs langues. Il faut par contre faire attention au signe de départ. Il est parfois différent d'une langue à l'autre, en fonction des traductions. Le plus simple est de trouver un tableau des caractères html ;) et regarder à quoi correspond ce qu'on voit, et modifier en conséquence.

Voili
:D
os x (Apple/mac)
serveur local MAMP
Serveur mutualisé OVH
version 1.5.2
HTML module
VQmod
plugeplay
Utilisateur enregistré
Utilisateur enregistré
 
Messages: 31
Inscription: 16 Oct 2012, 14:30

Retourner vers Soutien

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

cron