[Skip to main content](#vessel-content) # Comment customiser les pages produits ? ## - **[Cinnk](/forum/user/44051-cinnk "View Cinnk's Profile")** - [![Cinnk's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/44051-cinnk "View Cinnk's Profile") Topic Author - [ Offline](/forum/user/44051-cinnk) Less More - Posts: 3 - Thank you received: 0 - - 10 years 3 months ago [\#245279](#245279) by [Cinnk](/forum/user/44051-cinnk "View Cinnk's Profile") *[Comment customiser les pages produits ?](/forum/5-support-en-francais-french-support-/885527-comment-customiser-les-pages-produits#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")* was created by *[Cinnk](/forum/user/44051-cinnk "View Cinnk's Profile")* 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 ![:)](/media/kunena/emoticons/8.png ":)") Anthony - Cinnk Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODg1NTI3LWNvbW1lbnQtY3VzdG9taXNlci1sZXMtcGFnZXMtcHJvZHVpdHM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Cinnk](/forum/user/44051-cinnk "View Cinnk's Profile")** - [![Cinnk's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/44051-cinnk "View Cinnk's Profile") Topic Author - [ Offline](/forum/user/44051-cinnk) Less More - Posts: 3 - Thank you received: 0 - - 10 years 3 months ago [\#245283](#245283) by [Cinnk](/forum/user/44051-cinnk "View Cinnk's Profile") Replied by *[Cinnk](/forum/user/44051-cinnk "View Cinnk's Profile")* on topic *[Comment customiser les pages produits ?](/forum/5-support-en-francais-french-support-/885527-comment-customiser-les-pages-produits#245283 "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")* 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 ?! ![:)](/media/kunena/emoticons/8.png ":)") Anthony - Cinnk Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODg1NTI3LWNvbW1lbnQtY3VzdG9taXNlci1sZXMtcGFnZXMtcHJvZHVpdHM/dG1wbD1tYXJrZG93bg==) 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/avatars/resized/size144/users/avatar34318_2015-11-18-2.png)](/forum/user/34318-philip "View Philip's Profile") - [ Offline](/forum/user/34318-philip) Less More - Posts: 4820 - Thank you received: 654 - - 10 years 3 months ago - 10 years 3 months ago [\#245290](#245290) by [Philip](/forum/user/34318-philip "View Philip's Profile") Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[Comment customiser les pages produits ?](/forum/5-support-en-francais-french-support-/885527-comment-customiser-les-pages-produits#245290 "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")* 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** [ ![ConfImg.png](/forum/attachment/32593) ](/forum/attachment/32593 "ConfImg.png") 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 [ ![Viewprdct.png](/forum/attachment/32594) ](/forum/attachment/32594 "Viewprdct.png") 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](https://www.hikashop.com/support/documentation/272-hikashop-display-by-color.html#custom). En éspérant vous avoir aidé. Cordialement. - [ ![ConfImg.png](/forum/attachment/32593) ](/forum/attachment/32593 "ConfImg.png") [ ](/forum/attachment/32593?download=1 "ConfImg.png") - [ ![Viewprdct.png](/forum/attachment/32594) ](/forum/attachment/32594 "Viewprdct.png") [ ](/forum/attachment/32594?download=1 "Viewprdct.png") Last edit: 10 years 3 months ago by [Philip](/forum/user/34318-philip "View Philip's Profile"). The following user(s) said Thank You: [Cinnk](/forum/user/44051-cinnk "View Cinnk's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODg1NTI3LWNvbW1lbnQtY3VzdG9taXNlci1sZXMtcGFnZXMtcHJvZHVpdHM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Cinnk](/forum/user/44051-cinnk "View Cinnk's Profile")** - [![Cinnk's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/44051-cinnk "View Cinnk's Profile") Topic Author - [ Offline](/forum/user/44051-cinnk) Less More - Posts: 3 - Thank you received: 0 - - 10 years 3 months ago [\#245359](#245359) by [Cinnk](/forum/user/44051-cinnk "View Cinnk's Profile") Replied by *[Cinnk](/forum/user/44051-cinnk "View Cinnk's Profile")* on topic *[Comment customiser les pages produits ?](/forum/5-support-en-francais-french-support-/885527-comment-customiser-les-pages-produits#245359 "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")* 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 ! ![:)](/media/kunena/emoticons/8.png ":)") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODg1NTI3LWNvbW1lbnQtY3VzdG9taXNlci1sZXMtcGFnZXMtcHJvZHVpdHM/dG1wbD1tYXJrZG93bg==) 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.242 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)