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

#   Carrousel d'images dans description du produit

##

- **[kilou](/forum/user/32861-kilou "View kilou's Profile")**
- [![kilou's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar32861.png)](/forum/user/32861-kilou "View kilou's Profile") Topic Author
- [ Away](/forum/user/32861-kilou)

Less More

- Posts: 707
- Thank you received: 34
-

1 year 11 months ago [\#364393](#364393) by [kilou](/forum/user/32861-kilou "View kilou's Profile")  *[Carrousel d'images dans description du produit](/forum/5-support-en-francais-french-support-/908856-carrousel-dimages-dans-description-du-produit#364393 "-- HikaShop version -- : 5.1.1 -- Joomla version -- : 5.2.0 -- PHP version -- : 8.3.9  Bonjour, j’ai acheté votre plugin Image Popup, c’est très bien pour l’affichage des produits dans la fenêtre popup, par contre je voudrais avoir un carrousel d’images pour les miniatures dans la description du produit.  Est-ce que par hasard Hikashop propose une option ou un plugin supplémentaire pour avoir ce genre d’affichage?  Si cette fonctionnalité n’est pas disponible, je pensais afficher uniquement quelques miniatures dans la description du produit et afficher le reste de la galerie d’images dans la fenêtre popup, mais je ne vois pas comment limiter le nombre d’images dans la description du produit pour afficher le reste dans la fenêtre popup, ni côté préférences d’Hikashop ni côté du plugin j’ai des options pour régler ce genre de situation…  Peut-être que vous avez une astuce à me proposer? Merci!  Lorenzo")* was created by *[kilou](/forum/user/32861-kilou "View kilou's Profile")*

-- HikaShop version -- : 5.1.1
-- Joomla version -- : 5.2.0
-- PHP version -- : 8.3.9

Bonjour,
j’ai acheté votre plugin Image Popup, c’est très bien pour l’affichage des produits dans la fenêtre popup, par contre je voudrais avoir un carrousel d’images pour les miniatures dans la description du produit.

[ ![Hika-carrousel-image.png](/forum/attachment/59989) ](/forum/attachment/59989 "...usel-image.png")

Est-ce que par hasard Hikashop propose une option ou un plugin supplémentaire pour avoir ce genre d’affichage?

Si cette fonctionnalité n’est pas disponible, je pensais afficher uniquement quelques miniatures dans la description du produit et afficher le reste de la galerie d’images dans la fenêtre popup, mais je ne vois pas comment limiter le nombre d’images dans la description du produit pour afficher le reste dans la fenêtre popup, ni côté préférences d’Hikashop ni côté du plugin j’ai des options pour régler ce genre de situation…

Peut-être que vous avez une astuce à me proposer? Merci!

Lorenzo

- [ ![Hika-carrousel-image.png](/forum/attachment/59989) ](/forum/attachment/59989 "...usel-image.png") [ ](/forum/attachment/59989?download=1 "...usel-image.png")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vOTA4ODU2LWNhcnJvdXNlbC1kLWltYWdlcy1kYW5zLWRlc2NyaXB0aW9uLWR1LXByb2R1aXQ/dG1wbD1tYXJrZG93bg==) 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: 86290
- Thank you received: 14268
-
-

1 year 11 months ago [\#364395](#364395) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Carrousel d'images dans description du produit](/forum/5-support-en-francais-french-support-/908856-carrousel-dimages-dans-description-du-produit#364395 "-- HikaShop version -- : 5.1.1 -- Joomla version -- : 5.2.0 -- PHP version -- : 8.3.9  Bonjour, j’ai acheté votre plugin Image Popup, c’est très bien pour l’affichage des produits dans la fenêtre popup, par contre je voudrais avoir un carrousel d’images pour les miniatures dans la description du produit.  Est-ce que par hasard Hikashop propose une option ou un plugin supplémentaire pour avoir ce genre d’affichage?  Si cette fonctionnalité n’est pas disponible, je pensais afficher uniquement quelques miniatures dans la description du produit et afficher le reste de la galerie d’images dans la fenêtre popup, mais je ne vois pas comment limiter le nombre d’images dans la description du produit pour afficher le reste dans la fenêtre popup, ni côté préférences d’Hikashop ni côté du plugin j’ai des options pour régler ce genre de situation…  Peut-être que vous avez une astuce à me proposer? Merci!  Lorenzo")*

Bonjour,

Je ne suis pas sûr de comprendre ce que vous voulez. Vous voulez des flèches cliquables pour passer d'une image à l'autre ?
Dans ce cas, vous pouvez activer l'option "Thumbnails slider for product page" dans la page de configuration d'HikaShop.

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

- **[kilou](/forum/user/32861-kilou "View kilou's Profile")**
- [![kilou's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar32861.png)](/forum/user/32861-kilou "View kilou's Profile") Topic Author
- [ Away](/forum/user/32861-kilou)

Less More

- Posts: 707
- Thank you received: 34
-

1 year 11 months ago [\#364404](#364404) by [kilou](/forum/user/32861-kilou "View kilou's Profile")  Replied by *[kilou](/forum/user/32861-kilou "View kilou's Profile")* on topic *[Carrousel d'images dans description du produit](/forum/5-support-en-francais-french-support-/908856-carrousel-dimages-dans-description-du-produit#364404 "-- HikaShop version -- : 5.1.1 -- Joomla version -- : 5.2.0 -- PHP version -- : 8.3.9  Bonjour, j’ai acheté votre plugin Image Popup, c’est très bien pour l’affichage des produits dans la fenêtre popup, par contre je voudrais avoir un carrousel d’images pour les miniatures dans la description du produit.  Est-ce que par hasard Hikashop propose une option ou un plugin supplémentaire pour avoir ce genre d’affichage?  Si cette fonctionnalité n’est pas disponible, je pensais afficher uniquement quelques miniatures dans la description du produit et afficher le reste de la galerie d’images dans la fenêtre popup, mais je ne vois pas comment limiter le nombre d’images dans la description du produit pour afficher le reste dans la fenêtre popup, ni côté préférences d’Hikashop ni côté du plugin j’ai des options pour régler ce genre de situation…  Peut-être que vous avez une astuce à me proposer? Merci!  Lorenzo")*

Bonjour,
les flèches de ma capture d’écran indiquent le fait de pouvoir scroller gauche/droite les miniatures, je ne veux pas qu’il y ai des flèches, de toute façon l’option "Thumbnails slider for product page” m’était passé sous le nez, je ne regardais pas au bon endroit, le problème c’est qu’avec cette option activée il y a bien un défilement de l’image principale, mais les miniatures vont à la ligne au lieu de défiler…

[ ![Hika-carrousel-image-2.png](/forum/attachment/59992) ](/forum/attachment/59992 "...el-image-2.png")

- [ ![Hika-carrousel-image-2.png](/forum/attachment/59992) ](/forum/attachment/59992 "...el-image-2.png") [ ](/forum/attachment/59992?download=1 "...el-image-2.png")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vOTA4ODU2LWNhcnJvdXNlbC1kLWltYWdlcy1kYW5zLWRlc2NyaXB0aW9uLWR1LXByb2R1aXQ/dG1wbD1tYXJrZG93bg==) 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: 86290
- Thank you received: 14268
-
-

1 year 11 months ago [\#364408](#364408) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Carrousel d'images dans description du produit](/forum/5-support-en-francais-french-support-/908856-carrousel-dimages-dans-description-du-produit#364408 "-- HikaShop version -- : 5.1.1 -- Joomla version -- : 5.2.0 -- PHP version -- : 8.3.9  Bonjour, j’ai acheté votre plugin Image Popup, c’est très bien pour l’affichage des produits dans la fenêtre popup, par contre je voudrais avoir un carrousel d’images pour les miniatures dans la description du produit.  Est-ce que par hasard Hikashop propose une option ou un plugin supplémentaire pour avoir ce genre d’affichage?  Si cette fonctionnalité n’est pas disponible, je pensais afficher uniquement quelques miniatures dans la description du produit et afficher le reste de la galerie d’images dans la fenêtre popup, mais je ne vois pas comment limiter le nombre d’images dans la description du produit pour afficher le reste dans la fenêtre popup, ni côté préférences d’Hikashop ni côté du plugin j’ai des options pour régler ce genre de situation…  Peut-être que vous avez une astuce à me proposer? Merci!  Lorenzo")*

Donc, si je comprends bien, vous voulez avoir plus d'images liées à vos produits, et au lieu d'avoir plusieurs lignes de miniatures pour passer de l'une à l'autre, vous voulez qu'une seule ligne, avec seulement une partie des miniatures affichées, et le reste accessibles avec une pagination en mode carrousel qui pourra défiler manuellement ou automatiquement.
Pour cela, il n'y a ni option ni plugin.
Si vous savez coder un peu en javascript, vous pouvez editer le fichier show_block_img via le menu Affichage&gt;Vues et rajouter du javascript pour passer l'affichage en mode carrousel.
Pour cela, le plus simple sera d'ajouter d'abord le code PHP: Code:

&lt;?php hikashop_loadJslib('swiper'); ?&gt;

Ensuite, vous pouvez rajouter du code javascript pour demander à swiper de transformer le listing des images en carrousel:
[ swiperjs.com/get-started#initialize-swiper](https://swiperjs.com/get-started#initialize-swiper)

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

- **[kilou](/forum/user/32861-kilou "View kilou's Profile")**
- [![kilou's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar32861.png)](/forum/user/32861-kilou "View kilou's Profile") Topic Author
- [ Away](/forum/user/32861-kilou)

Less More

- Posts: 707
- Thank you received: 34
-

1 year 11 months ago [\#364419](#364419) by [kilou](/forum/user/32861-kilou "View kilou's Profile")  Replied by *[kilou](/forum/user/32861-kilou "View kilou's Profile")* on topic *[Carrousel d'images dans description du produit](/forum/5-support-en-francais-french-support-/908856-carrousel-dimages-dans-description-du-produit#364419 "-- HikaShop version -- : 5.1.1 -- Joomla version -- : 5.2.0 -- PHP version -- : 8.3.9  Bonjour, j’ai acheté votre plugin Image Popup, c’est très bien pour l’affichage des produits dans la fenêtre popup, par contre je voudrais avoir un carrousel d’images pour les miniatures dans la description du produit.  Est-ce que par hasard Hikashop propose une option ou un plugin supplémentaire pour avoir ce genre d’affichage?  Si cette fonctionnalité n’est pas disponible, je pensais afficher uniquement quelques miniatures dans la description du produit et afficher le reste de la galerie d’images dans la fenêtre popup, mais je ne vois pas comment limiter le nombre d’images dans la description du produit pour afficher le reste dans la fenêtre popup, ni côté préférences d’Hikashop ni côté du plugin j’ai des options pour régler ce genre de situation…  Peut-être que vous avez une astuce à me proposer? Merci!  Lorenzo")*

... la librairie Swiper est déjà chargée par votre plugin?

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vOTA4ODU2LWNhcnJvdXNlbC1kLWltYWdlcy1kYW5zLWRlc2NyaXB0aW9uLWR1LXByb2R1aXQ/dG1wbD1tYXJrZG93bg==) 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: 86290
- Thank you received: 14268
-
-

1 year 11 months ago -  1 year 11 months ago [\#364420](#364420) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Carrousel d'images dans description du produit](/forum/5-support-en-francais-french-support-/908856-carrousel-dimages-dans-description-du-produit#364420 "-- HikaShop version -- : 5.1.1 -- Joomla version -- : 5.2.0 -- PHP version -- : 8.3.9  Bonjour, j’ai acheté votre plugin Image Popup, c’est très bien pour l’affichage des produits dans la fenêtre popup, par contre je voudrais avoir un carrousel d’images pour les miniatures dans la description du produit.  Est-ce que par hasard Hikashop propose une option ou un plugin supplémentaire pour avoir ce genre d’affichage?  Si cette fonctionnalité n’est pas disponible, je pensais afficher uniquement quelques miniatures dans la description du produit et afficher le reste de la galerie d’images dans la fenêtre popup, mais je ne vois pas comment limiter le nombre d’images dans la description du produit pour afficher le reste dans la fenêtre popup, ni côté préférences d’Hikashop ni côté du plugin j’ai des options pour régler ce genre de situation…  Peut-être que vous avez une astuce à me proposer? Merci!  Lorenzo")*

Non. Pourquoi le serait-elle ? Vous confondez je pense.

Swiper c'est pour faire des carrousels, c'est le système que nous utilisons dans HikaShop pour les carrousels:
[ demo.hikashop.com/index.php/en/hikashop/...display-with-effects](https://demo.hikashop.com/index.php/en/hikashop/products-listing/display-with-effects)

Le plugin image popup, c'est pour gérer la popup, et il n'utilise pas Swiper:
[ www.hikashop.com/marketplace/product/117...pups-by-obsidev.html](https://www.hikashop.com/marketplace/product/117-integration-imagepopups-by-obsidev.html)
Il utilise soit Colorbox, Swipebox ou Fluidbox qui sont des systèmes de gallerie d'image (pour faire des popups), pas des carrousels.

Last edit: 1 year 11 months ago by [nicolas](/forum/user/63-nicolas "View nicolas's Profile").

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

- **[kilou](/forum/user/32861-kilou "View kilou's Profile")**
- [![kilou's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar32861.png)](/forum/user/32861-kilou "View kilou's Profile") Topic Author
- [ Away](/forum/user/32861-kilou)

Less More

- Posts: 707
- Thank you received: 34
-

1 year 11 months ago [\#364426](#364426) by [kilou](/forum/user/32861-kilou "View kilou's Profile")  Replied by *[kilou](/forum/user/32861-kilou "View kilou's Profile")* on topic *[Carrousel d'images dans description du produit](/forum/5-support-en-francais-french-support-/908856-carrousel-dimages-dans-description-du-produit#364426 "-- HikaShop version -- : 5.1.1 -- Joomla version -- : 5.2.0 -- PHP version -- : 8.3.9  Bonjour, j’ai acheté votre plugin Image Popup, c’est très bien pour l’affichage des produits dans la fenêtre popup, par contre je voudrais avoir un carrousel d’images pour les miniatures dans la description du produit.  Est-ce que par hasard Hikashop propose une option ou un plugin supplémentaire pour avoir ce genre d’affichage?  Si cette fonctionnalité n’est pas disponible, je pensais afficher uniquement quelques miniatures dans la description du produit et afficher le reste de la galerie d’images dans la fenêtre popup, mais je ne vois pas comment limiter le nombre d’images dans la description du produit pour afficher le reste dans la fenêtre popup, ni côté préférences d’Hikashop ni côté du plugin j’ai des options pour régler ce genre de situation…  Peut-être que vous avez une astuce à me proposer? Merci!  Lorenzo")*

oui en effet je fais confusion, je pensais que Swipebox était en relation avec Swiper… mais si Swiper est utilisé dans Hikashop pour des carrousels je suppose que la librairie est chargée quelque part?
Si j’ai bien compris le carrousel d’Hikashop est disponible uniquement comme module? Dommage ne pas l’avoir intégré aussi dans la description du produit… je vais voir si j’arrive à l’intégrer, pas sûr… :dry:

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vOTA4ODU2LWNhcnJvdXNlbC1kLWltYWdlcy1kYW5zLWRlc2NyaXB0aW9uLWR1LXByb2R1aXQ/dG1wbD1tYXJrZG93bg==) 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: 86290
- Thank you received: 14268
-
-

1 year 11 months ago [\#364427](#364427) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Carrousel d'images dans description du produit](/forum/5-support-en-francais-french-support-/908856-carrousel-dimages-dans-description-du-produit#364427 "-- HikaShop version -- : 5.1.1 -- Joomla version -- : 5.2.0 -- PHP version -- : 8.3.9  Bonjour, j’ai acheté votre plugin Image Popup, c’est très bien pour l’affichage des produits dans la fenêtre popup, par contre je voudrais avoir un carrousel d’images pour les miniatures dans la description du produit.  Est-ce que par hasard Hikashop propose une option ou un plugin supplémentaire pour avoir ce genre d’affichage?  Si cette fonctionnalité n’est pas disponible, je pensais afficher uniquement quelques miniatures dans la description du produit et afficher le reste de la galerie d’images dans la fenêtre popup, mais je ne vois pas comment limiter le nombre d’images dans la description du produit pour afficher le reste dans la fenêtre popup, ni côté préférences d’Hikashop ni côté du plugin j’ai des options pour régler ce genre de situation…  Peut-être que vous avez une astuce à me proposer? Merci!  Lorenzo")*

La librairie est en effet chargée quelque part. Dans le fichier product / carousel_swiper.php qui est utilisé pour les carrousels de listings de produits. Et ce fichier utilise justement la ligne de PHP que je vous ai fourni pour charger swiper.
Donc, si vous avez déjà un module de listing de produit en mode carrousel sur la page produit, vous n'avez en effet pas besoin de cette ligne de code PHP. Mais sinon, il la faut, car HikaShop ne charge pas swiper sur chaque page pour rien.
Et même si vous avez déjà un module de listing de produit en mode carrousel sur la page, rajouter cette ligne ne va juste rien faire.

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

- **[kilou](/forum/user/32861-kilou "View kilou's Profile")**
- [![kilou's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar32861.png)](/forum/user/32861-kilou "View kilou's Profile") Topic Author
- [ Away](/forum/user/32861-kilou)

Less More

- Posts: 707
- Thank you received: 34
-

1 year 11 months ago -  1 year 11 months ago [\#364439](#364439) by [kilou](/forum/user/32861-kilou "View kilou's Profile")  Replied by *[kilou](/forum/user/32861-kilou "View kilou's Profile")* on topic *[Carrousel d'images dans description du produit](/forum/5-support-en-francais-french-support-/908856-carrousel-dimages-dans-description-du-produit#364439 "-- HikaShop version -- : 5.1.1 -- Joomla version -- : 5.2.0 -- PHP version -- : 8.3.9  Bonjour, j’ai acheté votre plugin Image Popup, c’est très bien pour l’affichage des produits dans la fenêtre popup, par contre je voudrais avoir un carrousel d’images pour les miniatures dans la description du produit.  Est-ce que par hasard Hikashop propose une option ou un plugin supplémentaire pour avoir ce genre d’affichage?  Si cette fonctionnalité n’est pas disponible, je pensais afficher uniquement quelques miniatures dans la description du produit et afficher le reste de la galerie d’images dans la fenêtre popup, mais je ne vois pas comment limiter le nombre d’images dans la description du produit pour afficher le reste dans la fenêtre popup, ni côté préférences d’Hikashop ni côté du plugin j’ai des options pour régler ce genre de situation…  Peut-être que vous avez une astuce à me proposer? Merci!  Lorenzo")*

Bonjour,
j'ai sûrement besoin d'un coup de main pour le bon fonctionnement du script.
J'ai donné un coup d'oeil à votre site demo pour essayer d'y voir plus clair, au final swiper est bien chargé la, mais rien ne défile et je n'ai pas d'erreur dans la console du navigateur...

This message contains confidential information

Voici comment j'ai modifié la vue *show\_block\_img.*

Pour les miniatures: Code:

&lt;!-- THUMBNAILS --&gt; &lt;?php hikashop_loadJslib('swiper'); ?&gt; &lt;div id="hikashop_small_image_div&lt;?php echo $variant_name;?&gt;" class="hikashop_small_image_div swiper"&gt; &lt;div class="swiper-button-prev"&gt;&lt;/div&gt; &lt;div class="swiper-wrapper"&gt; &lt;?php if( !empty($this-&gt;element-&gt;images) &amp;&amp; count($this-&gt;element-&gt;images) &gt; 1) { $firstThunb = true; $i = 0; foreach($this-&gt;element-&gt;images as $key =&gt; $image) { $id = null; $classname = 'hikashop_child_image'; $thumbnail_class = 'hikashop_thumbnail_'.$key; if($firstThunb) { $id = 'hikashop_first_thumbnail'.$variant_name; $firstThunb = false; $classname .= ' hikashop_child_image_active'; $thumbnail_class .= ' hikashop_active_thumbnail'; } $thumbnail_class = 'class="'.$thumbnail_class.'"'; if(!$this-&gt;config-&gt;get('thumbnail')) { $attr = $thumbnail_class.' title="'.$this-&gt;escape((string)@$image-&gt;file_description).'" onmouseover="return window.localPage.changeImage(' . 'this, \'hikashop_main_image'.$variant_name.'\', \''.$this-&gt;image-&gt;uploadFolder_url . $image-&gt;file_path.'\', 0, 0, \''.str_replace(array("'", '"'), array("\'", '&amp;quot;'),@$image-&gt;file_description).'\', \''.str_replace(array("'", '"'),array("\'", '&amp;quot;'),@$image-&gt;file_name).'\', '.$key.');"'; $html = '&lt;img src="' . $this-&gt;image-&gt;uploadFolder_url . $image-&gt;file_path . '" title="'.$this-&gt;escape((string)@$image-&gt;file_description).'" alt="' . $this-&gt;escape((string)@$image-&gt;file_name) . '" class="'.$classname.'" /&gt;'; echo '&lt;a href="#" '.$attr.'&gt;'.$html.'&lt;/a&gt;'; continue; } if($this-&gt;image-&gt;override) { echo $this-&gt;image-&gt;display($image-&gt;file_path, 'hikashop_main_image'.$variant_name, $image-&gt;file_name, 'class="hikashop_child_image"','', $width, $height); continue; } if(empty($this-&gt;popup)) $this-&gt;popup = hikashop_get('helper.popup'); $img = $this-&gt;image-&gt;getThumbnail(@$image-&gt;file_path, array('width' =&gt; $width, 'height' =&gt; $height), $image_options); if(empty($img-&gt;success)) continue; $main_image_size = $img-&gt;width.', '.$img-&gt;height; if($img-&gt;external &amp;&amp; $img-&gt;req_width &amp;&amp; $img-&gt;req_height) $main_image_size = $img-&gt;req_width.', '.$img-&gt;req_height; $attr = $thumbnail_class.' title="'.$this-&gt;escape((string)@$image-&gt;file_description).'" onmouseover="return window.localPage.changeImage(' . 'this, \'hikashop_main_image'.$variant_name.'\', \''.$img-&gt;url.'\', '.$main_image_size.', \''.str_replace(array("'", '"'), array("\'", '&amp;quot;'),@$image-&gt;file_description).'\', \''.str_replace(array("'", '"'),array("\'", '&amp;quot;'),@$image-&gt;file_name).'\', '.$key.');"'; $html = '&lt;img class="'.$classname.'" title="'.$this-&gt;escape((string)@$image-&gt;file_description).'" alt="'.$this-&gt;escape((string)@$image-&gt;file_name).'" src="'.$img-&gt;url.'"/&gt;'; if($this-&gt;config-&gt;get('add_webp_images', 1) &amp;&amp; function_exists('imagewebp') &amp;&amp; !empty($img-&gt;webpurl)) { $html = ' &lt;picture&gt; &lt;source srcset="'.$img-&gt;webpurl.'" type="image/webp"&gt; &lt;source srcset="'.$img-&gt;url.'" type="image/'.$img-&gt;ext.'"&gt; '.$html.' &lt;/picture&gt; '; } if(empty($variant_name)) { echo $this-&gt;popup-&gt;image($html, $img-&gt;origin_url, $id, $attr, array('gallery' =&gt; 'hikashop_main_image')); } else { echo $this-&gt;popup-&gt;image($html, $img-&gt;origin_url, $id, $attr, array('gallery' =&gt; 'hikashop_main_image_VARIANT_NAME')); } } } ?&gt; &lt;/div&gt; &lt;div class="swiper-button-next"&gt;&lt;/div&gt; &lt;/div&gt; &lt;!-- EO THUMBNAILS --&gt;

... et en dernier lieu le script js:
Code:

&lt;script type="text/javascript"&gt; const swiper = new Swiper('.swiper', { // Optional parameters effect: "slide", direction: 'horizontal', loop: true, // Navigation arrows navigation: { nextEl: "hikashop_small_image_div .swiper-button-next", prevEl: "hikashop_small_image_div .swiper-button-prev" }, }); &lt;/script&gt;

Je me demande si je n'oublie pas quelques options dans le script?

Merci,
Lorenzo

Last edit: 1 year 11 months ago by [kilou](/forum/user/32861-kilou "View kilou's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vOTA4ODU2LWNhcnJvdXNlbC1kLWltYWdlcy1kYW5zLWRlc2NyaXB0aW9uLWR1LXByb2R1aXQ/dG1wbD1tYXJrZG93bg==) 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: 86290
- Thank you received: 14268
-
-

1 year 11 months ago [\#364440](#364440) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Carrousel d'images dans description du produit](/forum/5-support-en-francais-french-support-/908856-carrousel-dimages-dans-description-du-produit#364440 "-- HikaShop version -- : 5.1.1 -- Joomla version -- : 5.2.0 -- PHP version -- : 8.3.9  Bonjour, j’ai acheté votre plugin Image Popup, c’est très bien pour l’affichage des produits dans la fenêtre popup, par contre je voudrais avoir un carrousel d’images pour les miniatures dans la description du produit.  Est-ce que par hasard Hikashop propose une option ou un plugin supplémentaire pour avoir ce genre d’affichage?  Si cette fonctionnalité n’est pas disponible, je pensais afficher uniquement quelques miniatures dans la description du produit et afficher le reste de la galerie d’images dans la fenêtre popup, mais je ne vois pas comment limiter le nombre d’images dans la description du produit pour afficher le reste dans la fenêtre popup, ni côté préférences d’Hikashop ni côté du plugin j’ai des options pour régler ce genre de situation…  Peut-être que vous avez une astuce à me proposer? Merci!  Lorenzo")*

Je pense que vous êtes sur la bonne voie. J'ai l'impression que c'est bien initialisé.
Vous avez apparemment ce problème avec les boutons précédent et suivant qui ne s'affiche pas:
[ stackoverflow.com/questions/69258650/swi...ut-area-is-clickable](https://stackoverflow.com/questions/69258650/swiperjs-not-showing-next-prev-icons-but-area-is-clickable)
Donc essayez de rajouter du CSS pour le text-rendering et cela devrait aider.

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

- **[kilou](/forum/user/32861-kilou "View kilou's Profile")**
- [![kilou's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar32861.png)](/forum/user/32861-kilou "View kilou's Profile") Topic Author
- [ Away](/forum/user/32861-kilou)

Less More

- Posts: 707
- Thank you received: 34
-

1 year 11 months ago [\#364449](#364449) by [kilou](/forum/user/32861-kilou "View kilou's Profile")  Replied by *[kilou](/forum/user/32861-kilou "View kilou's Profile")* on topic *[Carrousel d'images dans description du produit](/forum/5-support-en-francais-french-support-/908856-carrousel-dimages-dans-description-du-produit#364449 "-- HikaShop version -- : 5.1.1 -- Joomla version -- : 5.2.0 -- PHP version -- : 8.3.9  Bonjour, j’ai acheté votre plugin Image Popup, c’est très bien pour l’affichage des produits dans la fenêtre popup, par contre je voudrais avoir un carrousel d’images pour les miniatures dans la description du produit.  Est-ce que par hasard Hikashop propose une option ou un plugin supplémentaire pour avoir ce genre d’affichage?  Si cette fonctionnalité n’est pas disponible, je pensais afficher uniquement quelques miniatures dans la description du produit et afficher le reste de la galerie d’images dans la fenêtre popup, mais je ne vois pas comment limiter le nombre d’images dans la description du produit pour afficher le reste dans la fenêtre popup, ni côté préférences d’Hikashop ni côté du plugin j’ai des options pour régler ce genre de situation…  Peut-être que vous avez une astuce à me proposer? Merci!  Lorenzo")*

tiens, je n’avais pas remarqué le problème des boutons précédent et suivant, mais le souci est présent uniquement sur Chrome et Safari, pas sur Firefox, de toute façon c’est réglé… mais mon problème, comme je disais dans mon précédent message, c’est que le carrousel est fixe, il ne bouge pas… pourtant tout est chargé et je n’ai pas d’erreur dans la console, c’est pour cela que je demandais s’il y a avait d’autres paramètres Swiper à ajouter dans le script.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vOTA4ODU2LWNhcnJvdXNlbC1kLWltYWdlcy1kYW5zLWRlc2NyaXB0aW9uLWR1LXByb2R1aXQ/dG1wbD1tYXJrZG93bg==) 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: 86290
- Thank you received: 14268
-
-

1 year 11 months ago [\#364454](#364454) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Carrousel d'images dans description du produit](/forum/5-support-en-francais-french-support-/908856-carrousel-dimages-dans-description-du-produit#364454 "-- HikaShop version -- : 5.1.1 -- Joomla version -- : 5.2.0 -- PHP version -- : 8.3.9  Bonjour, j’ai acheté votre plugin Image Popup, c’est très bien pour l’affichage des produits dans la fenêtre popup, par contre je voudrais avoir un carrousel d’images pour les miniatures dans la description du produit.  Est-ce que par hasard Hikashop propose une option ou un plugin supplémentaire pour avoir ce genre d’affichage?  Si cette fonctionnalité n’est pas disponible, je pensais afficher uniquement quelques miniatures dans la description du produit et afficher le reste de la galerie d’images dans la fenêtre popup, mais je ne vois pas comment limiter le nombre d’images dans la description du produit pour afficher le reste dans la fenêtre popup, ni côté préférences d’Hikashop ni côté du plugin j’ai des options pour régler ce genre de situation…  Peut-être que vous avez une astuce à me proposer? Merci!  Lorenzo")*

Bonjour,

Si vous voulez que le slider déroule tout seul, alors vous voulez utiliser les options d'autoplay de swiper:
[ codesandbox.io/p/sandbox/kdsdk3?file=%2Findex.html](https://codesandbox.io/p/sandbox/kdsdk3?file=%2Findex.html)Code:

autoplay: { delay: 2500, disableOnInteraction: false, },

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

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

[](#top)
