Remplacer icônes boutique en front-end

  • Posts: 398
  • Thank you received: 17
  • Hikashop Business
9 years 8 months ago #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

Last edit: 9 years 8 months ago by kilou.

Please Log in or Create an account to join the conversation.

  • Posts: 26029
  • Thank you received: 4006
  • MODERATOR
9 years 8 months ago #170284

Bonjour,

Tout peut se faire via CSS
www.hikashop.com/support/support/documen...ize-the-display.html

Cordialement,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

  • Posts: 398
  • Thank you received: 17
  • Hikashop Business
9 years 8 months ago #170335

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 or Create an account to join the conversation.

  • Posts: 26029
  • Thank you received: 4006
  • MODERATOR
9 years 8 months ago #170338

Bonjour,

Vous n'avez pas à toucher les vues, juste à changer le CSS.

Cordialement,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

  • Posts: 398
  • Thank you received: 17
  • Hikashop Business
9 years 8 months ago #170384

Bonjour,
…ah, donc vous avez changé la méthode de remplacement de ces icônes parce que dans ce post 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 , 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….



Il s’agirait donc ce remplacer dans les vues d'Hikashop ce code:
<img src="<?php echo HIKASHOP_IMAGES; ?>print.png" alt="<?php echo JText::_('HIKA_PRINT');?>"/>

par celui proposé par Fontastic:
<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: 9 years 8 months ago by kilou.

Please Log in or Create an account to join the conversation.

  • Posts: 13201
  • Thank you received: 2322
9 years 8 months ago #170393

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 or Create an account to join the conversation.

  • Posts: 398
  • Thank you received: 17
  • Hikashop Business
9 years 8 months ago #170461

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 or Create an account to join the conversation.

Time to create page: 0.068 seconds
Powered by Kunena Forum