[Skip to main content](#vessel-content) # Remplacer icônes boutique en front-end ## - **[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: 704 - Thank you received: 34 - 12 years 1 month ago - 12 years 1 month ago [\#170273](#170273) by [kilou](/forum/user/32861-kilou "View kilou's Profile") *[Remplacer icônes boutique en front-end](/forum/5-support-en-francais-french-support-/870871-remplacer-icones-boutique-en-front-end#170273 "-- HikaShop version -- : 2.3.2 -- Joomla version -- : 3.3.3 -- PHP version -- : 5.3.29 Bonjour, je voudrais changer (en front-end) les icônes par défaut de la boutique et passer par des icon-font et donc à des classes qui y font référence. Je suppose que les changements doivent se faire dans les vues, mais je suis un peu perdu. Je pense avoir identifié quelques fichiers, mais je n’en suis pas certain car beaucoup de fichiers se retrouvent aussi dans d’autres vues, je préférerai avoir confirmation. Par exemple: pour l’icône panier dans la gestion du compte client, est-ce que la modification doit se faire dans la vue Checkout et le fichier Cart? … mais je vois que le fichier Cart se retrouve aussi dans d’autres vues… bref j’ai besoin d’être guidé. Pour être plus précis, voici les icônes auxquelles je fais référence (si j’en ai oublié merci de me le signaler): Gestion compte client Gestion compte client /Adresses Gestion compte client /Commandes … il y a des icônes pour la partie Commandes? Pour le moment je ne vois que l'icône "Back" Gestion compte client /Paniers Gestion compte client /Listes de favoris Merci")* was created by *[kilou](/forum/user/32861-kilou "View kilou's Profile")* -- HikaShop version -- : 2.3.2 -- Joomla version -- : 3.3.3 -- PHP version -- : 5.3.29 Bonjour, je voudrais changer (en front-end) les icônes par défaut de la boutique et passer par des icon-font et donc à des classes qui y font référence. Je suppose que les changements doivent se faire dans les vues, mais je suis un peu perdu. Je pense avoir identifié quelques fichiers, mais je n’en suis pas certain car beaucoup de fichiers se retrouvent aussi dans d’autres vues, je préférerai avoir confirmation. Par exemple: pour l’icône *panier* dans la *gestion du compte client*, est-ce que la modification doit se faire dans la vue *Checkout* et le fichier *Cart*? … mais je vois que le fichier *Cart* se retrouve aussi dans d’autres vues… bref j’ai besoin d’être guidé. Pour être plus précis, voici les icônes auxquelles je fais référence (si j’en ai oublié merci de me le signaler): **Gestion compte client** [ ![[img](https://www.evernote.com/shard/s1/sh/c3a372c8-4f5a-4a7b-aea4-992dc75f51cf/9be314f04b1a76cc374f27e3ce65d80d/deep/0/joomlabamboo-hikashop4.png) ](https://www.evernote.com/shard/s1/sh/c3a372c8-4f5a-4a7b-aea4-992dc75f51cf/9be314f04b1a76cc374f27e3ce65d80d/deep/0/joomlabamboo-hikashop4.png "[img") **Gestion compte client /Adresses** [ ![[img](https://www.evernote.com/shard/s1/sh/c020a946-6655-442b-9b65-4b1e83d8c307/0de3160f45c4ed16b709c03f0ccd3184/deep/0/joomlabamboo-hikashop5.png) ](https://www.evernote.com/shard/s1/sh/c020a946-6655-442b-9b65-4b1e83d8c307/0de3160f45c4ed16b709c03f0ccd3184/deep/0/joomlabamboo-hikashop5.png "[img") **Gestion compte client /Commandes** … il y a des icônes pour la partie *Commandes*? Pour le moment je ne vois que l'icône "Back" **Gestion compte client /Paniers** [ ![[img](https://www.evernote.com/shard/s1/sh/119acda9-949c-47d9-ae8a-1be2427ac62d/4d23eebeca601f587227d0636e2132f9/deep/0/joomlabamboo-hikashop2.png) ](https://www.evernote.com/shard/s1/sh/119acda9-949c-47d9-ae8a-1be2427ac62d/4d23eebeca601f587227d0636e2132f9/deep/0/joomlabamboo-hikashop2.png "[img") **Gestion compte client /Listes de favoris** [ ![[img](https://www.evernote.com/shard/s1/sh/613b0ea9-7b51-4bdd-a3e6-9972447fa2e1/4c2b9b25f9d4b58e6d515eff14c07bc8/deep/0/joomlabamboo-hikashop1.png) ](https://www.evernote.com/shard/s1/sh/613b0ea9-7b51-4bdd-a3e6-9972447fa2e1/4c2b9b25f9d4b58e6d515eff14c07bc8/deep/0/joomlabamboo-hikashop1.png "[img") Merci Last edit: 12 years 1 month ago by [kilou](/forum/user/32861-kilou "View kilou's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODcwODcxLXJlbXBsYWNlci1pY29uZXMtYm91dGlxdWUtZW4tZnJvbnQtZW5kP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26394 - Thank you received: 4078 - - [](http://obsi.dev) - 12 years 1 month ago [\#170284](#170284) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Remplacer icônes boutique en front-end](/forum/5-support-en-francais-french-support-/870871-remplacer-icones-boutique-en-front-end#170284 "-- HikaShop version -- : 2.3.2 -- Joomla version -- : 3.3.3 -- PHP version -- : 5.3.29 Bonjour, je voudrais changer (en front-end) les icônes par défaut de la boutique et passer par des icon-font et donc à des classes qui y font référence. Je suppose que les changements doivent se faire dans les vues, mais je suis un peu perdu. Je pense avoir identifié quelques fichiers, mais je n’en suis pas certain car beaucoup de fichiers se retrouvent aussi dans d’autres vues, je préférerai avoir confirmation. Par exemple: pour l’icône panier dans la gestion du compte client, est-ce que la modification doit se faire dans la vue Checkout et le fichier Cart? … mais je vois que le fichier Cart se retrouve aussi dans d’autres vues… bref j’ai besoin d’être guidé. Pour être plus précis, voici les icônes auxquelles je fais référence (si j’en ai oublié merci de me le signaler): Gestion compte client Gestion compte client /Adresses Gestion compte client /Commandes … il y a des icônes pour la partie Commandes? Pour le moment je ne vois que l'icône "Back" Gestion compte client /Paniers Gestion compte client /Listes de favoris Merci")* Bonjour, Tout peut se faire via CSS [ www.hikashop.com/support/support/documen...ize-the-display.html](https://www.hikashop.com/support/support/documentation/153-customize-the-display.html) Cordialement, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODcwODcxLXJlbXBsYWNlci1pY29uZXMtYm91dGlxdWUtZW4tZnJvbnQtZW5kP3RtcGw9bWFya2Rvd24=) 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: 704 - Thank you received: 34 - 12 years 1 month ago [\#170335](#170335) by [kilou](/forum/user/32861-kilou "View kilou's Profile") Replied by *[kilou](/forum/user/32861-kilou "View kilou's Profile")* on topic *[Remplacer icônes boutique en front-end](/forum/5-support-en-francais-french-support-/870871-remplacer-icones-boutique-en-front-end#170335 "-- HikaShop version -- : 2.3.2 -- Joomla version -- : 3.3.3 -- PHP version -- : 5.3.29 Bonjour, je voudrais changer (en front-end) les icônes par défaut de la boutique et passer par des icon-font et donc à des classes qui y font référence. Je suppose que les changements doivent se faire dans les vues, mais je suis un peu perdu. Je pense avoir identifié quelques fichiers, mais je n’en suis pas certain car beaucoup de fichiers se retrouvent aussi dans d’autres vues, je préférerai avoir confirmation. Par exemple: pour l’icône panier dans la gestion du compte client, est-ce que la modification doit se faire dans la vue Checkout et le fichier Cart? … mais je vois que le fichier Cart se retrouve aussi dans d’autres vues… bref j’ai besoin d’être guidé. Pour être plus précis, voici les icônes auxquelles je fais référence (si j’en ai oublié merci de me le signaler): Gestion compte client Gestion compte client /Adresses Gestion compte client /Commandes … il y a des icônes pour la partie Commandes? Pour le moment je ne vois que l'icône "Back" Gestion compte client /Paniers Gestion compte client /Listes de favoris Merci")* Bonjour, ...oui je m'en doutais, mais quelle sont les vues et les fichiers pour ces icônes? …et, comme écrit dans mon message précédent, si je change par exemple le fichier *Cart* pour la vue *Checkout* faut-il effectuer la modification aussi pour les autre vues car *Cart* est présent aussi dans d'autres vues. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODcwODcxLXJlbXBsYWNlci1pY29uZXMtYm91dGlxdWUtZW4tZnJvbnQtZW5kP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26394 - Thank you received: 4078 - - [](http://obsi.dev) - 12 years 1 month ago [\#170338](#170338) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Remplacer icônes boutique en front-end](/forum/5-support-en-francais-french-support-/870871-remplacer-icones-boutique-en-front-end#170338 "-- HikaShop version -- : 2.3.2 -- Joomla version -- : 3.3.3 -- PHP version -- : 5.3.29 Bonjour, je voudrais changer (en front-end) les icônes par défaut de la boutique et passer par des icon-font et donc à des classes qui y font référence. Je suppose que les changements doivent se faire dans les vues, mais je suis un peu perdu. Je pense avoir identifié quelques fichiers, mais je n’en suis pas certain car beaucoup de fichiers se retrouvent aussi dans d’autres vues, je préférerai avoir confirmation. Par exemple: pour l’icône panier dans la gestion du compte client, est-ce que la modification doit se faire dans la vue Checkout et le fichier Cart? … mais je vois que le fichier Cart se retrouve aussi dans d’autres vues… bref j’ai besoin d’être guidé. Pour être plus précis, voici les icônes auxquelles je fais référence (si j’en ai oublié merci de me le signaler): Gestion compte client Gestion compte client /Adresses Gestion compte client /Commandes … il y a des icônes pour la partie Commandes? Pour le moment je ne vois que l'icône "Back" Gestion compte client /Paniers Gestion compte client /Listes de favoris Merci")* Bonjour, Vous n'avez pas à toucher les vues, juste à changer le CSS. Cordialement, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODcwODcxLXJlbXBsYWNlci1pY29uZXMtYm91dGlxdWUtZW4tZnJvbnQtZW5kP3RtcGw9bWFya2Rvd24=) 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: 704 - Thank you received: 34 - 12 years 1 month ago - 12 years 1 month ago [\#170384](#170384) by [kilou](/forum/user/32861-kilou "View kilou's Profile") Replied by *[kilou](/forum/user/32861-kilou "View kilou's Profile")* on topic *[Remplacer icônes boutique en front-end](/forum/5-support-en-francais-french-support-/870871-remplacer-icones-boutique-en-front-end#170384 "-- HikaShop version -- : 2.3.2 -- Joomla version -- : 3.3.3 -- PHP version -- : 5.3.29 Bonjour, je voudrais changer (en front-end) les icônes par défaut de la boutique et passer par des icon-font et donc à des classes qui y font référence. Je suppose que les changements doivent se faire dans les vues, mais je suis un peu perdu. Je pense avoir identifié quelques fichiers, mais je n’en suis pas certain car beaucoup de fichiers se retrouvent aussi dans d’autres vues, je préférerai avoir confirmation. Par exemple: pour l’icône panier dans la gestion du compte client, est-ce que la modification doit se faire dans la vue Checkout et le fichier Cart? … mais je vois que le fichier Cart se retrouve aussi dans d’autres vues… bref j’ai besoin d’être guidé. Pour être plus précis, voici les icônes auxquelles je fais référence (si j’en ai oublié merci de me le signaler): Gestion compte client Gestion compte client /Adresses Gestion compte client /Commandes … il y a des icônes pour la partie Commandes? Pour le moment je ne vois que l'icône "Back" Gestion compte client /Paniers Gestion compte client /Listes de favoris Merci")* Bonjour, …ah, donc vous avez changé la méthode de remplacement de ces icônes parce que dans [ ce post](https://www.hikashop.com/forum/5-support-en-francais-french-support-/861634-changer-les-icones-par-defaut.html) vous faites référence aux vues. Pour finir la méthode des *icon-font* me donne des soucis parce que le template que j’ai choisit utilise lui aussi des *icon-font* et ils rentrent en conflit avec les miens, j’aurais voulu utiliser la technique des *sprites* via [ Fontastic](http://fontastic.ghost.io/new-publish-your-icons-as-svg-prite/#.VA1eN0u_Ut8), cela m’éviterait de créer mes propres sprites, je vous avoue que je ne suis pas trop fan pour la création des sprites…. [ ![[img](https://www.evernote.com/shard/s1/sh/f56800fa-440e-4c8d-8c3a-a2389e59f0ae/0647313a36863a5fb041708ffb72efa4/deep/0/Fontastic-svg.png) ](https://www.evernote.com/shard/s1/sh/f56800fa-440e-4c8d-8c3a-a2389e59f0ae/0647313a36863a5fb041708ffb72efa4/deep/0/Fontastic-svg.png "[img") Il s’agirait donc ce remplacer dans les vues d'Hikashop ce code: Code: <img src="<?php echo HIKASHOP_IMAGES; ?>print.png" alt="<?php echo JText::_('HIKA_PRINT');?>"/> par celui proposé par Fontastic: Code: <svg class="icon-twitter"><use xlink:href="/images/icons.svg#icon-twitter"></use></svg> …et donc j’en reviens à ma première question, quelles vues sont à modifier pour les icônes que j’ai mentionnées plus haut. Ou vraiment est-il préférable de passer par mes propres sprites et changer les classes d’Hikashop? Merci Last edit: 12 years 1 month ago by [kilou](/forum/user/32861-kilou "View kilou's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODcwODcxLXJlbXBsYWNlci1pY29uZXMtYm91dGlxdWUtZW4tZnJvbnQtZW5kP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")** - [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile") - [ Offline](/forum/user/4105-xavier) Less More - Posts: 13201 - Thank you received: 2322 - - - - [](http://www.kidiweb.fr) - 12 years 1 month ago [\#170393](#170393) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Remplacer icônes boutique en front-end](/forum/5-support-en-francais-french-support-/870871-remplacer-icones-boutique-en-front-end#170393 "-- HikaShop version -- : 2.3.2 -- Joomla version -- : 3.3.3 -- PHP version -- : 5.3.29 Bonjour, je voudrais changer (en front-end) les icônes par défaut de la boutique et passer par des icon-font et donc à des classes qui y font référence. Je suppose que les changements doivent se faire dans les vues, mais je suis un peu perdu. Je pense avoir identifié quelques fichiers, mais je n’en suis pas certain car beaucoup de fichiers se retrouvent aussi dans d’autres vues, je préférerai avoir confirmation. Par exemple: pour l’icône panier dans la gestion du compte client, est-ce que la modification doit se faire dans la vue Checkout et le fichier Cart? … mais je vois que le fichier Cart se retrouve aussi dans d’autres vues… bref j’ai besoin d’être guidé. Pour être plus précis, voici les icônes auxquelles je fais référence (si j’en ai oublié merci de me le signaler): Gestion compte client Gestion compte client /Adresses Gestion compte client /Commandes … il y a des icônes pour la partie Commandes? Pour le moment je ne vois que l'icône "Back" Gestion compte client /Paniers Gestion compte client /Listes de favoris Merci")* Bonjour, Les vues en questions sont: user / cpanel > Contenu dynamique donc ajouter des conditions PHP pour chaque icones. address / listing order / show cart / showcarts Sinon, le plus simple semble tout de même de créer vos propres sprites et changer les classes. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODcwODcxLXJlbXBsYWNlci1pY29uZXMtYm91dGlxdWUtZW4tZnJvbnQtZW5kP3RtcGw9bWFya2Rvd24=) 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: 704 - Thank you received: 34 - 12 years 1 month ago [\#170461](#170461) by [kilou](/forum/user/32861-kilou "View kilou's Profile") Replied by *[kilou](/forum/user/32861-kilou "View kilou's Profile")* on topic *[Remplacer icônes boutique en front-end](/forum/5-support-en-francais-french-support-/870871-remplacer-icones-boutique-en-front-end#170461 "-- HikaShop version -- : 2.3.2 -- Joomla version -- : 3.3.3 -- PHP version -- : 5.3.29 Bonjour, je voudrais changer (en front-end) les icônes par défaut de la boutique et passer par des icon-font et donc à des classes qui y font référence. Je suppose que les changements doivent se faire dans les vues, mais je suis un peu perdu. Je pense avoir identifié quelques fichiers, mais je n’en suis pas certain car beaucoup de fichiers se retrouvent aussi dans d’autres vues, je préférerai avoir confirmation. Par exemple: pour l’icône panier dans la gestion du compte client, est-ce que la modification doit se faire dans la vue Checkout et le fichier Cart? … mais je vois que le fichier Cart se retrouve aussi dans d’autres vues… bref j’ai besoin d’être guidé. Pour être plus précis, voici les icônes auxquelles je fais référence (si j’en ai oublié merci de me le signaler): Gestion compte client Gestion compte client /Adresses Gestion compte client /Commandes … il y a des icônes pour la partie Commandes? Pour le moment je ne vois que l'icône "Back" Gestion compte client /Paniers Gestion compte client /Listes de favoris Merci")* > Sinon, le plus simple semble tout de même de créer vos propres sprites et changer les classes. …oui en effet, je pense que ça sera plus simple ainsi :whistle: Le vrai problème c'est qu'avec des simples fichiers sprites dès qu'on oubli une icône on doit à nouveau toucher au fichier source ce qui engendre un nouveau fichier css… et c'est rebelote pour changer à nouveau toutes les positions des icônes. Avec la solution de Fontastic à chaque nouvelle icône il suffisait de rajouter le code <svg>, mais bon apparemment l'intégration semble plus compliquée de ce que j'imaginais... Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODcwODcxLXJlbXBsYWNlci1pY29uZXMtYm91dGlxdWUtZW4tZnJvbnQtZW5kP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop- Install & Update- Product & Category Display- Content Creation- Sales and Orders- - Orders management- - Reports & Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import & Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel & Slider- - Mass Actions- - Filters & Search- - Discount & 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.342 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)