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

#   Comment modifier un template ?

##

- **[nath](/forum/user/535-nath "View nath's Profile")**
- [![nath's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/gallery/fish.gif)](/forum/user/535-nath "View nath's Profile") Topic Author
- [ Offline](/forum/user/535-nath)

Less More

- Posts: 18
- Thank you received: 0
-
-

15 years 9 months ago [\#5660](#5660) by [nath](/forum/user/535-nath "View nath's Profile")  *[Comment modifier un template ?](/forum/5-support-en-francais-french-support-/5660-comment-modifier-un-template#5660 "J'aimerais modifier une css. Lors de l'affichage d'une liste de produits, je veux changer le fond gris de chacun des produits pour une image d'arrière-plan.  Donc j'utilise Firebug pour savoir quel document modifier. Le nom du document est : index.php?option=com&#95;hikashop&amp;view=product&amp;layout=listing&amp;Itemid=172&amp;lang=fr ce qui correspond au document com&#95;hikashop&#92;views&#92;product&#92;tmpl&#92;listing.php, la ligne 17.  Le nom de l'item à modifier dans Firebug est : #hikashop&#95;category&#95;information&#95;menu&#95;172 div.hikashop&#95;subcontainer { background: none repeat scroll 0 0 #DDDDDD; }  Et c'est là que mon manque de connaissance entre en jeu. Je m'attendais à modifier un fichier .css et non un .php. Le nom de l'item à modifier ne se retrouve nul part.  Pourriez-vous m'informer sur comment je dois faire ?  Merci,")* was created by *[nath](/forum/user/535-nath "View nath's Profile")*

J'aimerais modifier une css. Lors de l'affichage d'une liste de produits, je veux changer le fond gris de chacun des produits pour une image d'arrière-plan.

Donc j'utilise Firebug pour savoir quel document modifier. Le nom du document est : index.php?option=com_hikashop&amp;view=product&amp;layout=listing&amp;Itemid=172&amp;lang=fr
ce qui correspond au document com_hikashop\views\product\tmpl\listing.php, la ligne 17.

Le nom de l'item à modifier dans Firebug est :
\#hikashop_category_information_menu_172 div.hikashop_subcontainer {
background: none repeat scroll 0 0 #DDDDDD;
}

Et c'est là que mon manque de connaissance entre en jeu. Je m'attendais à modifier un fichier .css et non un .php. Le nom de l'item à modifier ne se retrouve nul part.

Pourriez-vous m'informer sur comment je dois faire ?

Merci,

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vNTY2MC1jb21tZW50LW1vZGlmaWVyLXVuLXRlbXBsYXRlP3RtcGw9bWFya2Rvd24=) 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: 86540
- Thank you received: 14299
-
-

15 years 9 months ago [\#5666](#5666) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Comment modifier un template ?](/forum/5-support-en-francais-french-support-/5660-comment-modifier-un-template#5666 "J'aimerais modifier une css. Lors de l'affichage d'une liste de produits, je veux changer le fond gris de chacun des produits pour une image d'arrière-plan.  Donc j'utilise Firebug pour savoir quel document modifier. Le nom du document est : index.php?option=com&#95;hikashop&amp;view=product&amp;layout=listing&amp;Itemid=172&amp;lang=fr ce qui correspond au document com&#95;hikashop&#92;views&#92;product&#92;tmpl&#92;listing.php, la ligne 17.  Le nom de l'item à modifier dans Firebug est : #hikashop&#95;category&#95;information&#95;menu&#95;172 div.hikashop&#95;subcontainer { background: none repeat scroll 0 0 #DDDDDD; }  Et c'est là que mon manque de connaissance entre en jeu. Je m'attendais à modifier un fichier .css et non un .php. Le nom de l'item à modifier ne se retrouve nul part.  Pourriez-vous m'informer sur comment je dois faire ?  Merci,")*

Ce CSS est en effet définie en PHP dynamiquement car la couleur de fond peut être changée dans les options de votre module/menu via le menu Affichage-&gt;Modules/Menus de contenu

Si vous souhaitez modifier le fond pour mettre une image il faudrait effectivement éditer la vue d'affichage des listing de produits. Vous pouvez faire cela dans le menu Affichage-&gt;Vues. Vous pouvez éditer le fichier listing_div de la vue product. Là vous avez plusieurs options:
1. changer la classe du div pour quelquechose d'autre pour pour définir votre propre CSS
2. modifier l'html
3. ajouter votre style en inline CSS directement

PS: j'ai supprimé l'autre thread que vous aviez ouvert avec la même question.

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

- **[nath](/forum/user/535-nath "View nath's Profile")**
- [![nath's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/gallery/fish.gif)](/forum/user/535-nath "View nath's Profile") Topic Author
- [ Offline](/forum/user/535-nath)

Less More

- Posts: 18
- Thank you received: 0
-
-

15 years 9 months ago [\#5730](#5730) by [nath](/forum/user/535-nath "View nath's Profile")  Replied by *[nath](/forum/user/535-nath "View nath's Profile")* on topic *[Re: Comment modifier un template ?](/forum/5-support-en-francais-french-support-/5660-comment-modifier-un-template#5730 "J'aimerais modifier une css. Lors de l'affichage d'une liste de produits, je veux changer le fond gris de chacun des produits pour une image d'arrière-plan.  Donc j'utilise Firebug pour savoir quel document modifier. Le nom du document est : index.php?option=com&#95;hikashop&amp;view=product&amp;layout=listing&amp;Itemid=172&amp;lang=fr ce qui correspond au document com&#95;hikashop&#92;views&#92;product&#92;tmpl&#92;listing.php, la ligne 17.  Le nom de l'item à modifier dans Firebug est : #hikashop&#95;category&#95;information&#95;menu&#95;172 div.hikashop&#95;subcontainer { background: none repeat scroll 0 0 #DDDDDD; }  Et c'est là que mon manque de connaissance entre en jeu. Je m'attendais à modifier un fichier .css et non un .php. Le nom de l'item à modifier ne se retrouve nul part.  Pourriez-vous m'informer sur comment je dois faire ?  Merci,")*

Quand tu dis de modifier le html, quel est le nom du document à modifier ?

J'arrive à afficher mon image en background en modifiant les fichiers listing-div.php et frontend_default.css sauf que j'aimerais garder la même hauteur de div pour chacun des produits.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vNTY2MC1jb21tZW50LW1vZGlmaWVyLXVuLXRlbXBsYXRlP3RtcGw9bWFya2Rvd24=) 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: 86540
- Thank you received: 14299
-
-

15 years 9 months ago [\#5736](#5736) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Comment modifier un template ?](/forum/5-support-en-francais-french-support-/5660-comment-modifier-un-template#5736 "J'aimerais modifier une css. Lors de l'affichage d'une liste de produits, je veux changer le fond gris de chacun des produits pour une image d'arrière-plan.  Donc j'utilise Firebug pour savoir quel document modifier. Le nom du document est : index.php?option=com&#95;hikashop&amp;view=product&amp;layout=listing&amp;Itemid=172&amp;lang=fr ce qui correspond au document com&#95;hikashop&#92;views&#92;product&#92;tmpl&#92;listing.php, la ligne 17.  Le nom de l'item à modifier dans Firebug est : #hikashop&#95;category&#95;information&#95;menu&#95;172 div.hikashop&#95;subcontainer { background: none repeat scroll 0 0 #DDDDDD; }  Et c'est là que mon manque de connaissance entre en jeu. Je m'attendais à modifier un fichier .css et non un .php. Le nom de l'item à modifier ne se retrouve nul part.  Pourriez-vous m'informer sur comment je dois faire ?  Merci,")*

le nom du fichier à modifier est listing_div pour la vue product via le menu Affichage-&gt;Vues. Il ne faut pas modifier directement les fichiers car les modifications seront perdues lors des mises à jour. En passant par l'interface les modifications seront conservées.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vNTY2MC1jb21tZW50LW1vZGlmaWVyLXVuLXRlbXBsYXRlP3RtcGw9bWFya2Rvd24=) 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.059 seconds

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