THELIA Forum

Bonjour,

Je découvre Thelia 2.43 et j'essaye de comprendre comment tout ça fonctionne.
Je voudrais insérer mon image du panier à la place du texte "panier".
J'imagine que c'est dans le template "main-navbar-secondary.html" du module panier mais je ne vois nul part où insérer mon image à la place du texte  ? ...

Bonjour,
Merci pour votre réponse
Je me plonge à nouveau dans  Thelia et poursuit ce post :
OK. pour insérer l'icône du panier, "C'est dans local\modules\HookCart\templates\frontOffice\[theme]\mini-cart.html" et après comment fait-on ?
On y trouve  le code :   {intl l="Cart" d="hookcart.fo.default"}  Que faire avec ça ?
Faut-il insérer l'image dans un fichier less (si oui lequel ? ) ou quelque part  en html  du style <img src="assets/src/img/panier.png">
(J'ai copié panier.png dans assets/src/img/ )
. De même, dans Thelia par défaut je ne comprend pas comment est appelé  l'icône du personnage "se connecter" qui est inexistant dans les dossiers "img"

Merci pour ces éclaircissements

Bonjour,

Je reviens au sujet.

1. J'ai tenté d'insérer l'image entre autre comme ceci <img src="assets/src/img/panier.png"> à la place de {intl l="Cart" d="hookcart.fo.default"}.
Apparemment Thelia ne trouve pas le chemin pour insérer l'image. Quel est le chemin à spécifier pour accéder au dossier img ?

2. Du coup, je voudrais placer un icône du panier (basket-shopping) à la place du chariot (cart-shopping). Je l'ai ajouté dans icône.less, dans variable.less, l'ai changé dans theme.less (&.cart-not-empty &:before .fa-icon()). J' ai mis <i class="fa fa-basket-shopping"></i> à la place de {intl l="Cart" d="hookcart.fo.default"}.
Mais  il ne semble pas reconnaitre le caractère. Faut-il l'ajouter autre part ou l'importer dans le "head" ? ...

Merci pour d'éventuelles pistes

Il s'agit bien de "basket-shopping" mais apparemment l'icône a été rajoutée à partir de font-awesome 4.5 et Thelia importe la version 4.3
Il faut donc rajouter <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet"> dans le head de layout.html
Et du coup ça fonctionne. Et pour enlever le chariot en position pas vide : dans theme.less (&.cart-not-empty  &:before { .fa-icon();content: none;})
Merci pour ta réponse