Comment customiser les pages produits ?

  • Posts: 3
  • Thank you received: 0
7 years 9 months ago #245279

Bonjour à tous,

Je débute avec Hikashop et je me demande comment customiser mes pages produits et agrandir l'image de présentation ? C'est-à-dire qu'au lieu d'avoir une image de 100x100 je voudrais une image de 300x300. Est-ce que je dois forcément faire tout cela en CSS où existe-il une option native dans Hikashop ?

Par ailleurs connaissez-vous une extension qui me permettrait de customiser facilement toutes les fiches produits ? (animation sur le hover de l'image, disposition des boutons textes...) Où est-ce que je dois tout modifier en HTML et CSS ?

Merci d'avance pour votre aide :)

Anthony - Cinnk

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

  • Posts: 3
  • Thank you received: 0
7 years 9 months ago #245283

Je viens de trouver la solution pour les images :

Pour modifier la largeur et hauteur de l'image sur la page produit :
administrator > Composant Hikashop > Système > Configuration générale > images

Je suis toujours à la recherche de comment customiser un peu ma page produit : Modifier l'emplacement des blocs textes, images, boutons...

Si vous avez une idée, ou si vous connaissez une extension ?! :)

Anthony - Cinnk

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

  • Posts: 4510
  • Thank you received: 611
  • MODERATOR
7 years 9 months ago #245290

Bonjour,

Vous avez une option pour définir la taille les image dans la page produit, vous la trouverai par ici :
- Components => HikaShop => Configuration.
- In Main tab, allez sur la partie Images




Je ne connais malheureusement pas de plugin pour customiser HikaShop, mais il existe plusieurs moyens à votre disposition pour customiser la product page (et le reste) :
Première solution : créer une override view ( des connaissances en html & php sont nécessaires)
- Dans Components => HikaShop => Configuration
- puis dans Display dropdown choisir View
- Utiliser les dropdown pour filtrer les différentes view, cf le screenshot
- Cliquez sur le nom de la vue pour l'éditer



Avec cela vous pouvez récrire même si besoin l'ensemble de la page produit, déplacer les éléments, insérez du inline Css etc etc...
Et ces override view seront conservé lors d'une mise à jour à HikaShop

L'autre moyen est de créer un Custom_css, voir ce tutorial, ici .

En éspérant vous avoir aidé.

Cordialement.

Attachments:
Last edit: 7 years 9 months ago by Philip.
The following user(s) said Thank You: Cinnk

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

  • Posts: 3
  • Thank you received: 0
7 years 9 months ago #245359

Bonjours Philip,

Merci beaucoup pour votre réponse illustrée, c'est très claire, je viens de faire un Override et de modifier mon CSS avec un Custom.css ça marche super bien !

Merci ! :)

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

Time to create page: 0.074 seconds
Powered by Kunena Forum