[Skip to main content](#vessel-content)

#   Changer les icônes de la barre d'outils

##

- **[kilou](/forum/user/32861-kilou "View kilou's Profile")**
- [![kilou's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar32861.png)](/forum/user/32861-kilou "View kilou's Profile") Topic Author
- [ Offline](/forum/user/32861-kilou)

Less More

- Posts: 727
- Thank you received: 37
-

3 years 4 months ago [\#353147](#353147) by [kilou](/forum/user/32861-kilou "View kilou's Profile")  *[Changer les icônes de la barre d'outils](/forum/5-support-en-francais-french-support-/906677-changer-les-icones-de-la-barre-doutils#353147 "-- HikaShop version -- : 4.7.4 -- Joomla version -- : 4.3.2 -- PHP version -- : 8.1.16  Bonjour, je vois qu’il n’est pas possible de surcharger les icônes de la barre outils pour la liste des chariots et la liste des favoris si ce n’est par le remplacement de la librairie Font Awesome par une image, dommage! :pinch: :( J’utilise ma propre famille de font icônes Iconmoon. Pouvez-vous me confirmer qu’il n’y pas pas moyen de surcharger la vue toolbar/default.php pour y intégrer mes propres icônes?  Merci, Lorenzo")* was created by *[kilou](/forum/user/32861-kilou "View kilou's Profile")*

-- HikaShop version -- : 4.7.4
-- Joomla version -- : 4.3.2
-- PHP version -- : 8.1.16

Bonjour,
je vois qu’il n’est pas possible de surcharger les icônes de la barre outils pour la liste des chariots et la liste des favoris si ce n’est par le remplacement de la librairie Font Awesome par une image, dommage! :pinch: ![:(](/media/kunena/emoticons/22.png ":(")
J’utilise ma propre famille de font icônes Iconmoon.
Pouvez-vous me confirmer qu’il n’y pas pas moyen de surcharger la vue *toolbar/default.php* pour y intégrer mes propres icônes?

Merci,
Lorenzo

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vOTA2Njc3LWNoYW5nZXItbGVzLWljb25lcy1kZS1sYS1iYXJyZS1kLW91dGlscz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Philip](/forum/user/34318-philip "View Philip's Profile")**
- [![Philip's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/34318-philip "View Philip's Profile")
- [ Offline](/forum/user/34318-philip)

Less More

- Posts: 4820
- Thank you received: 652
-
-

3 years 4 months ago -  3 years 4 months ago [\#353154](#353154) by [Philip](/forum/user/34318-philip "View Philip's Profile")  Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[Changer les icônes de la barre d'outils](/forum/5-support-en-francais-french-support-/906677-changer-les-icones-de-la-barre-doutils#353154 "-- HikaShop version -- : 4.7.4 -- Joomla version -- : 4.3.2 -- PHP version -- : 8.1.16  Bonjour, je vois qu’il n’est pas possible de surcharger les icônes de la barre outils pour la liste des chariots et la liste des favoris si ce n’est par le remplacement de la librairie Font Awesome par une image, dommage! :pinch: :( J’utilise ma propre famille de font icônes Iconmoon. Pouvez-vous me confirmer qu’il n’y pas pas moyen de surcharger la vue toolbar/default.php pour y intégrer mes propres icônes?  Merci, Lorenzo")*

Bonjour,

Je ne confirme pas, car c'est parfaitement possible de créer une surcharge (override) de la vue **toolbar**/**default**.
![;)](/media/kunena/emoticons/24.png ";)")
Vous pouvez remplacer les icones fontawesome en créant une **override** de la vue correspondante, voyez **[ cette documentation](https://www.hikashop.com/support/documentation/153-customize-the-display.html#layout)** pour mieux comprendre comment procéder.
En espérant que cela vous permette de réaliser ce qui vous est nécessaire.
Cordialement

Last edit: 3 years 4 months ago by [Philip](/forum/user/34318-philip "View Philip's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vOTA2Njc3LWNoYW5nZXItbGVzLWljb25lcy1kZS1sYS1iYXJyZS1kLW91dGlscz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[kilou](/forum/user/32861-kilou "View kilou's Profile")**
- [![kilou's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar32861.png)](/forum/user/32861-kilou "View kilou's Profile") Topic Author
- [ Offline](/forum/user/32861-kilou)

Less More

- Posts: 727
- Thank you received: 37
-

3 years 4 months ago [\#353196](#353196) by [kilou](/forum/user/32861-kilou "View kilou's Profile")  Replied by *[kilou](/forum/user/32861-kilou "View kilou's Profile")* on topic *[Changer les icônes de la barre d'outils](/forum/5-support-en-francais-french-support-/906677-changer-les-icones-de-la-barre-doutils#353196 "-- HikaShop version -- : 4.7.4 -- Joomla version -- : 4.3.2 -- PHP version -- : 8.1.16  Bonjour, je vois qu’il n’est pas possible de surcharger les icônes de la barre outils pour la liste des chariots et la liste des favoris si ce n’est par le remplacement de la librairie Font Awesome par une image, dommage! :pinch: :( J’utilise ma propre famille de font icônes Iconmoon. Pouvez-vous me confirmer qu’il n’y pas pas moyen de surcharger la vue toolbar/default.php pour y intégrer mes propres icônes?  Merci, Lorenzo")*

Bonjour,
oui je sais qu’il est possible de surcharger la vue **toolbar/dafault**, le problème c’est que tous les icônes sont générés par du PHP et il n’est pas possible d’intervenir directement dans le code HTML afin de les éditer au cas par cas.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vOTA2Njc3LWNoYW5nZXItbGVzLWljb25lcy1kZS1sYS1iYXJyZS1kLW91dGlscz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86555
- Thank you received: 14304
-
-

3 years 4 months ago [\#353197](#353197) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Changer les icônes de la barre d'outils](/forum/5-support-en-francais-french-support-/906677-changer-les-icones-de-la-barre-doutils#353197 "-- HikaShop version -- : 4.7.4 -- Joomla version -- : 4.3.2 -- PHP version -- : 8.1.16  Bonjour, je vois qu’il n’est pas possible de surcharger les icônes de la barre outils pour la liste des chariots et la liste des favoris si ce n’est par le remplacement de la librairie Font Awesome par une image, dommage! :pinch: :( J’utilise ma propre famille de font icônes Iconmoon. Pouvez-vous me confirmer qu’il n’y pas pas moyen de surcharger la vue toolbar/default.php pour y intégrer mes propres icônes?  Merci, Lorenzo")*

Bonjour,

C'est en parti vrai que l'HTML de la toolbar est généré par du PHP.
En fait, c'est à la fois plus compliqué et plus simple.
Vous parlez des paniers et des listes de favoris. Donc j'imagine que vous parlez de la toolbar qui s'affiche lorsque vous affichez un panier ou une liste de souhaits, avec la vue cart / show.
Dans cette vue, c'est le code: Code:

echo $this-&gt;toolbarHelper-&gt;process($this-&gt;toolbar, $this-&gt;title);

qui va ensuite appeler tootlbar / default pour générer l'HTML.
Cependant, avant cela, il est tout à fait possible de changer facilement les données dans $this-&gt;toolbar pour mettre l'HTML que vous voulez.

Par exemple:
- dans le fichier components/com_hikashop/views/cart/view.html.php, vous pouvez regarder le code qui rempli $toolbar.
- le premier bout de code qui fait cela, c'est: Code:

$txt = 'EMPTY_THE_CART'; if($cart-&gt;cart_type == 'wishlist') { $txt = 'EMPTY_THE_WISHLIST'; } $toolbar['empty'] = array( 'icon' =&gt; 'delete', 'name' =&gt; JText::_($txt), 'url' =&gt; hikashop_completeLink('cart&amp;task=remove&amp;cid='.$cart-&gt;cart_id.'&amp;'.hikashop_getFormToken().'=1&amp;Itemid='.$Itemid), 'javascript' =&gt; 'if(window.localPage &amp;&amp; window.localPage.confirmDelete) return window.localPage.confirmDelete()', 'fa' =&gt; array( 'html' =&gt; '&lt;i class="far fa-trash-alt"&gt;&lt;/i&gt;', ), );

- Vous pouvez voir que c'est pour le bouton "vider le panier".
- Et vous pouvez également voir la ligne Code:

'html' =&gt; '&lt;i class="far fa-trash-alt"&gt;&lt;/i&gt;',

qui fourni l'HTML de l'icone pour le bouton.
- Donc au début de votre vue cart / show, si vous rajoutez: Code:

&lt;?php $this-&gt;toolbar['empty']['fa']['html'] = 'html que je veux'; ?&gt;

cela remplacera l'icone font awesome du bouton "vider le panier" par "html que je veux"

Donc comme je vous ai montré ci-dessus, la modification a opérer pour changer l'HTML des icones via a un override est simple (1 seule ligne de PHP). Mais ce qui est compliqué, c'est de comprendre le cheminement et de savoir quel code est nécessaire pour faire cela.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vOTA2Njc3LWNoYW5nZXItbGVzLWljb25lcy1kZS1sYS1iYXJyZS1kLW91dGlscz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[kilou](/forum/user/32861-kilou "View kilou's Profile")**
- [![kilou's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar32861.png)](/forum/user/32861-kilou "View kilou's Profile") Topic Author
- [ Offline](/forum/user/32861-kilou)

Less More

- Posts: 727
- Thank you received: 37
-

3 years 4 months ago -  3 years 4 months ago [\#353214](#353214) by [kilou](/forum/user/32861-kilou "View kilou's Profile")  Replied by *[kilou](/forum/user/32861-kilou "View kilou's Profile")* on topic *[Changer les icônes de la barre d'outils](/forum/5-support-en-francais-french-support-/906677-changer-les-icones-de-la-barre-doutils#353214 "-- HikaShop version -- : 4.7.4 -- Joomla version -- : 4.3.2 -- PHP version -- : 8.1.16  Bonjour, je vois qu’il n’est pas possible de surcharger les icônes de la barre outils pour la liste des chariots et la liste des favoris si ce n’est par le remplacement de la librairie Font Awesome par une image, dommage! :pinch: :( J’utilise ma propre famille de font icônes Iconmoon. Pouvez-vous me confirmer qu’il n’y pas pas moyen de surcharger la vue toolbar/default.php pour y intégrer mes propres icônes?  Merci, Lorenzo")*

merci pour avoir pris le temps de m’expliquer, mais cela dépasse un peu mes compétences, je vais plutôt me pencher par la substitution des fontes icônes par des images ![:(](/media/kunena/emoticons/22.png ":(") …
...quand vous écrivez *“Mais ce qui est compliqué, c'est de comprendre le cheminement et de savoir quel code est nécessaire pour faire cela. “* vous faites référence à l’écriture du code PHP?

Last edit: 3 years 4 months ago by [kilou](/forum/user/32861-kilou "View kilou's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vOTA2Njc3LWNoYW5nZXItbGVzLWljb25lcy1kZS1sYS1iYXJyZS1kLW91dGlscz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86555
- Thank you received: 14304
-
-

3 years 4 months ago [\#353216](#353216) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Changer les icônes de la barre d'outils](/forum/5-support-en-francais-french-support-/906677-changer-les-icones-de-la-barre-doutils#353216 "-- HikaShop version -- : 4.7.4 -- Joomla version -- : 4.3.2 -- PHP version -- : 8.1.16  Bonjour, je vois qu’il n’est pas possible de surcharger les icônes de la barre outils pour la liste des chariots et la liste des favoris si ce n’est par le remplacement de la librairie Font Awesome par une image, dommage! :pinch: :( J’utilise ma propre famille de font icônes Iconmoon. Pouvez-vous me confirmer qu’il n’y pas pas moyen de surcharger la vue toolbar/default.php pour y intégrer mes propres icônes?  Merci, Lorenzo")*

Oui. Tout à fait.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vOTA2Njc3LWNoYW5nZXItbGVzLWljb25lcy1kZS1sYS1iYXJyZS1kLW91dGlscz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[kilou](/forum/user/32861-kilou "View kilou's Profile")**
- [![kilou's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar32861.png)](/forum/user/32861-kilou "View kilou's Profile") Topic Author
- [ Offline](/forum/user/32861-kilou)

Less More

- Posts: 727
- Thank you received: 37
-

3 years 4 months ago [\#353251](#353251) by [kilou](/forum/user/32861-kilou "View kilou's Profile")  Replied by *[kilou](/forum/user/32861-kilou "View kilou's Profile")* on topic *[Changer les icônes de la barre d'outils](/forum/5-support-en-francais-french-support-/906677-changer-les-icones-de-la-barre-doutils#353251 "-- HikaShop version -- : 4.7.4 -- Joomla version -- : 4.3.2 -- PHP version -- : 8.1.16  Bonjour, je vois qu’il n’est pas possible de surcharger les icônes de la barre outils pour la liste des chariots et la liste des favoris si ce n’est par le remplacement de la librairie Font Awesome par une image, dommage! :pinch: :( J’utilise ma propre famille de font icônes Iconmoon. Pouvez-vous me confirmer qu’il n’y pas pas moyen de surcharger la vue toolbar/default.php pour y intégrer mes propres icônes?  Merci, Lorenzo")*

Bonjour,
j’ai un souci pour insérer mes propres icônes dans la vue *toolbar/default.php*, le chemin écrit dans ma règle CSS qui pointe vers l’image n’est pas accepté.

Ceci est ma règle CSS
Code:

.fa-cart-plus::before { content: url("images/sap-photo/icons/myhika-cart-add@2x.png"); width: 32px; height: 32px; display: inline-block; }

La console me renvoie et indique toujours le dossier **…media/com\_hikashop/css…**:

[ monsite.com/](http://monsite.com/)**media/com\_hikashop/css**/images/sap-photo/icons/myhika-cart-add@2x.png

Comment changer l’adresse URL qui semble forcer la redirection vers le dossier **media/css** dans **com\_hikashop**?

Vraiment dommage qu’on ne puisse pas éditer ces icône plus facilement…

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vOTA2Njc3LWNoYW5nZXItbGVzLWljb25lcy1kZS1sYS1iYXJyZS1kLW91dGlscz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86555
- Thank you received: 14304
-
-

3 years 4 months ago -  3 years 4 months ago [\#353254](#353254) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Changer les icônes de la barre d'outils](/forum/5-support-en-francais-french-support-/906677-changer-les-icones-de-la-barre-doutils#353254 "-- HikaShop version -- : 4.7.4 -- Joomla version -- : 4.3.2 -- PHP version -- : 8.1.16  Bonjour, je vois qu’il n’est pas possible de surcharger les icônes de la barre outils pour la liste des chariots et la liste des favoris si ce n’est par le remplacement de la librairie Font Awesome par une image, dommage! :pinch: :( J’utilise ma propre famille de font icônes Iconmoon. Pouvez-vous me confirmer qu’il n’y pas pas moyen de surcharger la vue toolbar/default.php pour y intégrer mes propres icônes?  Merci, Lorenzo")*

Bonjour,

Soit vous mettez l'URL complète dans votre CSS, avec le nom de domaine, soit vous utilisez ../../ pour remonter les dossiers.
Donc si vous avez votre CSS dans un fichier du dossier media/com_hikashop/css et que vous voulez accéder à images/sap-photo/icons/myhika-cart-add@2x.png il faut écrire: Code:

url("../../../images/sap-photo/icons/myhika-cart-add@2x.png");

> Vraiment dommage qu’on ne puisse pas éditer ces icône plus facilement…

Comme je disais, c'est faisable assez facilement en PHP, et comme vous le faites, assez facilement en CSS aussi.
Pour que ce soit plus facile, il faudrait une option pour chaque icone. Il y a déjà trop d'options dans HikaShop, donc rajouter une option pour chaque icône utilisée dans HikaShop serait dérangeant pour les gens qui n'ont pas besoin de changer cela.
Je pense que faire cela au niveau du CSS, ou avec un override de vue est approprié.

Last edit: 3 years 4 months ago by [nicolas](/forum/user/63-nicolas "View nicolas's Profile").

The following user(s) said Thank You: [kilou](/forum/user/32861-kilou "View kilou's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vOTA2Njc3LWNoYW5nZXItbGVzLWljb25lcy1kZS1sYS1iYXJyZS1kLW91dGlscz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[kilou](/forum/user/32861-kilou "View kilou's Profile")**
- [![kilou's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar32861.png)](/forum/user/32861-kilou "View kilou's Profile") Topic Author
- [ Offline](/forum/user/32861-kilou)

Less More

- Posts: 727
- Thank you received: 37
-

3 years 3 months ago [\#353455](#353455) by [kilou](/forum/user/32861-kilou "View kilou's Profile")  Replied by *[kilou](/forum/user/32861-kilou "View kilou's Profile")* on topic *[Changer les icônes de la barre d'outils](/forum/5-support-en-francais-french-support-/906677-changer-les-icones-de-la-barre-doutils#353455 "-- HikaShop version -- : 4.7.4 -- Joomla version -- : 4.3.2 -- PHP version -- : 8.1.16  Bonjour, je vois qu’il n’est pas possible de surcharger les icônes de la barre outils pour la liste des chariots et la liste des favoris si ce n’est par le remplacement de la librairie Font Awesome par une image, dommage! :pinch: :( J’utilise ma propre famille de font icônes Iconmoon. Pouvez-vous me confirmer qu’il n’y pas pas moyen de surcharger la vue toolbar/default.php pour y intégrer mes propres icônes?  Merci, Lorenzo")*

...pour finir avec ReReplacer de RegularLabs le changement d'icônes devient un jeu d'enfant, j'aurai dû y penser avant! :pinch:

The following user(s) said Thank You: [nicolas](/forum/user/63-nicolas "View nicolas's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vOTA2Njc3LWNoYW5nZXItbGVzLWljb25lcy1kZS1sYS1iYXJyZS1kLW91dGlscz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop Install &amp; Update Product &amp; Category Display Content Creation Sales and Orders Orders management Reports &amp; Statistics Customers Checkout Payment Methods Shipping Methods Import &amp; Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel &amp; Slider Mass Actions Filters &amp; Search Discount &amp; Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.105 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)
