[Skip to main content](#vessel-content) # la photo de fiche produit : transformer le curseur en loupe ## - **[Valserine](/forum/user/58689-valserine "View Valserine's Profile")** - [![Valserine's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/58689-valserine "View Valserine's Profile") Topic Author - [ Offline](/forum/user/58689-valserine) Less More - Posts: 22 - Thank you received: 1 - - 7 years 1 month ago - 7 years 1 month ago [\#311017](#311017) by [Valserine](/forum/user/58689-valserine "View Valserine's Profile") *[la photo de fiche produit : transformer le curseur en loupe](/forum/5-support-en-francais-french-support-/898298-la-photo-de-fiche-produit-transformer-le-curseur-en-loupe#311017 "-- HikaShop version -- : 4.2.1 -- Joomla version -- : 3.9.11 -- PHP version -- : 7.3.9 Bonjour, Je découvre hikashop depuis une dizaine de jours pour ma boutique en ligne. je trouve presque toutes les infos qu'il me faut grâce à vos divers forums. N'ayant pas trouvé pour cette question la voici : j'aimerais que la main qui sert de curseur sur ma photo de produit (quand on est dans le show-bloc-img) soit une petite loupe genre celle avec un +. Il me semble qu'ainsi les visiteurs comprendraient mieux qu'ils doivent cliquer sur l'image pour la voir agrandie. J'ai cherché dans l'affichage "vues" du bloc-img mais c'est un peu trop touffu.. pour moi... Pourriez vous m'indiquer quelles lignes de code génèrent cette fonction ? Merci d'effacer ce message pour la 2me fois je ne l'ai pas mis dans la bonne section")* was created by *[Valserine](/forum/user/58689-valserine "View Valserine's Profile")* -- HikaShop version -- : 4.2.1 -- Joomla version -- : 3.9.11 -- PHP version -- : 7.3.9 Bonjour, Je découvre hikashop depuis une dizaine de jours pour ma boutique en ligne. je trouve presque toutes les infos qu'il me faut grâce à vos divers forums. N'ayant pas trouvé pour cette question la voici : j'aimerais que la main qui sert de curseur sur ma photo de produit (quand on est dans le show-bloc-img) soit une petite loupe genre celle avec un +. Il me semble qu'ainsi les visiteurs comprendraient mieux qu'ils doivent cliquer sur l'image pour la voir agrandie. J'ai cherché dans l'affichage "vues" du bloc-img mais c'est un peu trop touffu.. pour moi... Pourriez vous m'indiquer quelles lignes de code génèrent cette fonction ? **Merci d'effacer ce message pour la 2me fois je ne l'ai pas mis dans la bonne section** Last edit: 7 years 1 month ago by [Valserine](/forum/user/58689-valserine "View Valserine's Profile"). Reason: asking to erase this second edition of the same post, still not in the right area of the forum Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODk4Mjk4LWxhLXBob3RvLWRlLWZpY2hlLXByb2R1aXQtdHJhbnNmb3JtZXItbGUtY3Vyc2V1ci1lbi1sb3VwZT90bXBsPW1hcmtkb3du) 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)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86315 - Thank you received: 14276 - - 7 years 1 month ago [\#311022](#311022) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[la photo de fiche produit : transformer le curseur en loupe](/forum/5-support-en-francais-french-support-/898298-la-photo-de-fiche-produit-transformer-le-curseur-en-loupe#311022 "-- HikaShop version -- : 4.2.1 -- Joomla version -- : 3.9.11 -- PHP version -- : 7.3.9 Bonjour, Je découvre hikashop depuis une dizaine de jours pour ma boutique en ligne. je trouve presque toutes les infos qu'il me faut grâce à vos divers forums. N'ayant pas trouvé pour cette question la voici : j'aimerais que la main qui sert de curseur sur ma photo de produit (quand on est dans le show-bloc-img) soit une petite loupe genre celle avec un +. Il me semble qu'ainsi les visiteurs comprendraient mieux qu'ils doivent cliquer sur l'image pour la voir agrandie. J'ai cherché dans l'affichage "vues" du bloc-img mais c'est un peu trop touffu.. pour moi... Pourriez vous m'indiquer quelles lignes de code génèrent cette fonction ? Merci d'effacer ce message pour la 2me fois je ne l'ai pas mis dans la bonne section")* Bonjour, Pas de code PHP à changer. Il suffit de rajouter un peu de CSS pour cela: Code: .hikashop_product_main_image_subdiv a { cursor: zoom-in; } [ www.hikashop.com/support/documentation/1...ize-the-display.html](https://www.hikashop.com/support/documentation/153-customize-the-display.html) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODk4Mjk4LWxhLXBob3RvLWRlLWZpY2hlLXByb2R1aXQtdHJhbnNmb3JtZXItbGUtY3Vyc2V1ci1lbi1sb3VwZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Valserine](/forum/user/58689-valserine "View Valserine's Profile")** - [![Valserine's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/58689-valserine "View Valserine's Profile") Topic Author - [ Offline](/forum/user/58689-valserine) Less More - Posts: 22 - Thank you received: 1 - - 7 years 1 month ago [\#311044](#311044) by [Valserine](/forum/user/58689-valserine "View Valserine's Profile") Replied by *[Valserine](/forum/user/58689-valserine "View Valserine's Profile")* on topic *[la photo de fiche produit : transformer le curseur en loupe](/forum/5-support-en-francais-french-support-/898298-la-photo-de-fiche-produit-transformer-le-curseur-en-loupe#311044 "-- HikaShop version -- : 4.2.1 -- Joomla version -- : 3.9.11 -- PHP version -- : 7.3.9 Bonjour, Je découvre hikashop depuis une dizaine de jours pour ma boutique en ligne. je trouve presque toutes les infos qu'il me faut grâce à vos divers forums. N'ayant pas trouvé pour cette question la voici : j'aimerais que la main qui sert de curseur sur ma photo de produit (quand on est dans le show-bloc-img) soit une petite loupe genre celle avec un +. Il me semble qu'ainsi les visiteurs comprendraient mieux qu'ils doivent cliquer sur l'image pour la voir agrandie. J'ai cherché dans l'affichage "vues" du bloc-img mais c'est un peu trop touffu.. pour moi... Pourriez vous m'indiquer quelles lignes de code génèrent cette fonction ? Merci d'effacer ce message pour la 2me fois je ne l'ai pas mis dans la bonne section")* Bonjour, en examinant le front-end custom css je trouve ceci : } .hikashop_product_image .hikashop_product_image_subdiv, .hk_product_image .hk_subdiv { position: relative; text-align: center; clear: both; margin: auto; } est-ce bien dans ce bloc que je dois insérer le cursor: zoom-in; ? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODk4Mjk4LWxhLXBob3RvLWRlLWZpY2hlLXByb2R1aXQtdHJhbnNmb3JtZXItbGUtY3Vyc2V1ci1lbi1sb3VwZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Valserine](/forum/user/58689-valserine "View Valserine's Profile")** - [![Valserine's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/58689-valserine "View Valserine's Profile") Topic Author - [ Offline](/forum/user/58689-valserine) Less More - Posts: 22 - Thank you received: 1 - - 7 years 1 month ago [\#311058](#311058) by [Valserine](/forum/user/58689-valserine "View Valserine's Profile") Replied by *[Valserine](/forum/user/58689-valserine "View Valserine's Profile")* on topic *[la photo de fiche produit : transformer le curseur en loupe](/forum/5-support-en-francais-french-support-/898298-la-photo-de-fiche-produit-transformer-le-curseur-en-loupe#311058 "-- HikaShop version -- : 4.2.1 -- Joomla version -- : 3.9.11 -- PHP version -- : 7.3.9 Bonjour, Je découvre hikashop depuis une dizaine de jours pour ma boutique en ligne. je trouve presque toutes les infos qu'il me faut grâce à vos divers forums. N'ayant pas trouvé pour cette question la voici : j'aimerais que la main qui sert de curseur sur ma photo de produit (quand on est dans le show-bloc-img) soit une petite loupe genre celle avec un +. Il me semble qu'ainsi les visiteurs comprendraient mieux qu'ils doivent cliquer sur l'image pour la voir agrandie. J'ai cherché dans l'affichage "vues" du bloc-img mais c'est un peu trop touffu.. pour moi... Pourriez vous m'indiquer quelles lignes de code génèrent cette fonction ? Merci d'effacer ce message pour la 2me fois je ne l'ai pas mis dans la bonne section")* rebonjour, j'ai donc inclus le code donné par Nicolas dans le bloc montré dans mon message précédent. et ça marche !! certes seulement pour l'image principale mais c'est déjà super ! merci Nicolas ! Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODk4Mjk4LWxhLXBob3RvLWRlLWZpY2hlLXByb2R1aXQtdHJhbnNmb3JtZXItbGUtY3Vyc2V1ci1lbi1sb3VwZT90bXBsPW1hcmtkb3du) 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 - - 7 years 1 month ago [\#311061](#311061) by [Philip](/forum/user/34318-philip "View Philip's Profile") Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[la photo de fiche produit : transformer le curseur en loupe](/forum/5-support-en-francais-french-support-/898298-la-photo-de-fiche-produit-transformer-le-curseur-en-loupe#311061 "-- HikaShop version -- : 4.2.1 -- Joomla version -- : 3.9.11 -- PHP version -- : 7.3.9 Bonjour, Je découvre hikashop depuis une dizaine de jours pour ma boutique en ligne. je trouve presque toutes les infos qu'il me faut grâce à vos divers forums. N'ayant pas trouvé pour cette question la voici : j'aimerais que la main qui sert de curseur sur ma photo de produit (quand on est dans le show-bloc-img) soit une petite loupe genre celle avec un +. Il me semble qu'ainsi les visiteurs comprendraient mieux qu'ils doivent cliquer sur l'image pour la voir agrandie. J'ai cherché dans l'affichage "vues" du bloc-img mais c'est un peu trop touffu.. pour moi... Pourriez vous m'indiquer quelles lignes de code génèrent cette fonction ? Merci d'effacer ce message pour la 2me fois je ne l'ai pas mis dans la bonne section")* Bonjour, Vous pouvez pour avoir le même effet sur les autres images (sous-images) en multipliant les commandes Css. Pour trouver facilement **les class des éléments html** pour votre [ **selector de css**](https://www.w3schools.com/css/css_selectors.asp), mettez votre souris dessus, puis **clique-droit** => **inspecter** (ou inspector tool ou inspect element), un fenêtre s'ouvrira pour afficher l'Html vous permettant de voir la class de l'élément html. Cordialement Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODk4Mjk4LWxhLXBob3RvLWRlLWZpY2hlLXByb2R1aXQtdHJhbnNmb3JtZXItbGUtY3Vyc2V1ci1lbi1sb3VwZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Valserine](/forum/user/58689-valserine "View Valserine's Profile")** - [![Valserine's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/58689-valserine "View Valserine's Profile") Topic Author - [ Offline](/forum/user/58689-valserine) Less More - Posts: 22 - Thank you received: 1 - - 7 years 1 month ago [\#311156](#311156) by [Valserine](/forum/user/58689-valserine "View Valserine's Profile") Replied by *[Valserine](/forum/user/58689-valserine "View Valserine's Profile")* on topic *[la photo de fiche produit : transformer le curseur en loupe](/forum/5-support-en-francais-french-support-/898298-la-photo-de-fiche-produit-transformer-le-curseur-en-loupe#311156 "-- HikaShop version -- : 4.2.1 -- Joomla version -- : 3.9.11 -- PHP version -- : 7.3.9 Bonjour, Je découvre hikashop depuis une dizaine de jours pour ma boutique en ligne. je trouve presque toutes les infos qu'il me faut grâce à vos divers forums. N'ayant pas trouvé pour cette question la voici : j'aimerais que la main qui sert de curseur sur ma photo de produit (quand on est dans le show-bloc-img) soit une petite loupe genre celle avec un +. Il me semble qu'ainsi les visiteurs comprendraient mieux qu'ils doivent cliquer sur l'image pour la voir agrandie. J'ai cherché dans l'affichage "vues" du bloc-img mais c'est un peu trop touffu.. pour moi... Pourriez vous m'indiquer quelles lignes de code génèrent cette fonction ? Merci d'effacer ce message pour la 2me fois je ne l'ai pas mis dans la bonne section")* Merci Philip, pour l'instant j'ai décidé de laisser le curseur loupe seulement sur l'image principale, et ça le fait bien... d'autant que j'ai plein d'autres paramètres à potasser pour tirer le meilleur d'hikashop, qui est top je trouve. (je viens de virtuemart et quand ça change, ça change !!) bon week-end Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODk4Mjk4LWxhLXBob3RvLWRlLWZpY2hlLXByb2R1aXQtdHJhbnNmb3JtZXItbGUtY3Vyc2V1ci1lbi1sb3VwZT90bXBsPW1hcmtkb3du) 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.135 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)