Jump to content

Mettre une icône à la place du texte "Connexion"


Recommended Posts

Bonjour à tous,

 

Tout est dans le titre.
Je voudrais mettre une icône dans les boutons "contactez-nous" et "connexion " à la place du texte sur la barre de navigation.

J'aimerais aussi pouvoir en insérer un autre dédié au panier, idem pour la recherche mais je ne trouve pas comment rattacher le panier à la barre de navigation.

L'idée serait d'arriver au template ci-dessous.

Merci à tous pour votre aide :)

post-714813-0-93440300-1460480983_thumb.jpg 

Edited by unmonde-montagnes (see edit history)
Link to comment
Share on other sites

Bonjour,

 

il suffit pour cela de remplacer le texte présent dans les tpl des modules par une icon que vous pourrez sélectionner dans la liste du site suivant http://fortawesome.github.io/Font-Awesome/3.2.1/icons/

Merci pour le retour, mais comment je fais pour placer le panier à côté de l'onglet "connexion" ? 

Pour la barre de recherche j'ai trouvé un tuto avec le code à insérer dans blocksearch.css.

Mais malheureusement cette astuce ne semble pas fonctionner pour le panier.

Une idée ? 

Link to comment
Share on other sites

Je ne saurais vous répondre car cela dépend du css de votre site et comme vous ne communiquez pas cette information il est matériellement impossible de satisfaire votre demande.

 

Pour tout dire, je n'ai pas trouvé (ou compris) les modifications que je dois apporter aux fichiers .tpl de blockuserinfo et blockcontact pour obtenir une icône à la place du texte.

 

Pour le css, on parle de quel fichier ? Panier, global ? 

 

Je vous copie/colle le css blockuserinfo de mon thème si vous pouvez m'éclairer sur les modifications à apporter.

 

Pour info le tpl du module blockuserinfo de mon thème est vide au contraire du nav.tpl (copie ci-dessous)

 

Merci infiniment de prendre du temps pour m'aider :)

.header_user_info {
  float: right;
  border-left: 0px solid #bac2b0;
  border-right: 0px solid #bac2b0;
  font-family: 'Fjalla One', sans-serif;
 }
  .header_user_info a {
    color: white;
    font-weight: normal;
    display: block;
    padding: 25px 10px 14px 10px;
    cursor: pointer; }
    @media (max-width: 479px) {
      .header_user_info a {
        font-size: 11px; } }
    .header_user_info a:hover, .header_user_info a.active {
      background: #c11235;
	  color:#574f47 }

nav.tpl 

{if $is_logged} {$cookie->customer_firstname} {$cookie->customer_lastname} 

{/if} {if $is_logged} {l s='Sign out' mod='blockuserinfo'} {else} {l s='Sign in' mod='blockuserinfo'} {/if} 

Link to comment
Share on other sites

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
×
×
  • Create New...