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

#   Swipebox - lightbox plugin

##

- **[lesyeux](/forum/user/1216-lesyeux "View lesyeux's Profile")**
- [![lesyeux's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/1216-lesyeux "View lesyeux's Profile") Topic Author
- [ Offline](/forum/user/1216-lesyeux)

Less More

- Posts: 506
- Thank you received: 35
-
-

6 years 11 months ago -  6 years 11 months ago [\#313313](#313313) by [lesyeux](/forum/user/1216-lesyeux "View lesyeux's Profile")  *[Swipebox - lightbox plugin](/forum/5-support-en-francais-french-support-/898712-swipebox-lightbox-plugin#313313 "-- HikaShop version -- : 4.2.2 -- Joomla version -- : 3.9.13 -- PHP version -- : 7.3  Bonjour,  Je tente d'utiliser le plugin pour les popups d'images &quot;Swipebox - lightbox plugin&quot; acheté dans le Marketplace.  J'ai deux problèmes sur appareil mobile (tablette, iPhone) : 1. Le titre de l'image ne s'affiche pas (sur un ordinateur le titre s'affiche dans un bandeau mais seulement quand on clique sur l'image) 2. La croix de fermeture : quand on clique dessus, cela ferme bien la fenêtre. Mais cela active aussi tout lien qui serait situé dessous (par exemple un lien de connexion ou de déconnexion) !  On pourrait aussi pouvoir fermer la fenêtre en cliquant n'importe où en dehors de l'image, ce serait bien.")* was created by *[lesyeux](/forum/user/1216-lesyeux "View lesyeux's Profile")*

-- HikaShop version -- : 4.2.2
-- Joomla version -- : 3.9.13
-- PHP version -- : 7.3

Bonjour,

Je tente d'utiliser le plugin pour les popups d'images "Swipebox - lightbox plugin" acheté dans le Marketplace.

J'ai deux problèmes sur appareil mobile (tablette, iPhone) :
1. Le titre de l'image ne s'affiche pas (sur un ordinateur le titre s'affiche dans un bandeau mais seulement quand on clique sur l'image)
2. La croix de fermeture : quand on clique dessus, cela ferme bien la fenêtre. Mais cela active aussi tout lien qui serait situé dessous (par exemple un lien de connexion ou de déconnexion) !

On pourrait aussi pouvoir fermer la fenêtre en cliquant n'importe où en dehors de l'image, ce serait bien.

Last edit: 6 years 11 months ago by [lesyeux](/forum/user/1216-lesyeux "View lesyeux's Profile").

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

- **[Jerome](/forum/user/80-jerome "View Jerome's Profile")**
- [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile")
- [ Offline](/forum/user/80-jerome)
- HikaShop core developer

Less More

- Posts: 26395
- Thank you received: 4077
-
- [](http://obsi.dev)
-

6 years 11 months ago [\#313327](#313327) by [Jerome](/forum/user/80-jerome "View Jerome's Profile")  Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Swipebox - lightbox plugin](/forum/5-support-en-francais-french-support-/898712-swipebox-lightbox-plugin#313327 "-- HikaShop version -- : 4.2.2 -- Joomla version -- : 3.9.13 -- PHP version -- : 7.3  Bonjour,  Je tente d'utiliser le plugin pour les popups d'images &quot;Swipebox - lightbox plugin&quot; acheté dans le Marketplace.  J'ai deux problèmes sur appareil mobile (tablette, iPhone) : 1. Le titre de l'image ne s'affiche pas (sur un ordinateur le titre s'affiche dans un bandeau mais seulement quand on clique sur l'image) 2. La croix de fermeture : quand on clique dessus, cela ferme bien la fenêtre. Mais cela active aussi tout lien qui serait situé dessous (par exemple un lien de connexion ou de déconnexion) !  On pourrait aussi pouvoir fermer la fenêtre en cliquant n'importe où en dehors de l'image, ce serait bien.")*

Bonjour,

Le plugin "image popups" est un plugin qui permet l'intégration entre HikaShop et des librairies JavaScript existantes.
La page produit du plugin vous donne les liens des différentes librairies afin de pouvoir tester

Pour "Swipebox", il s'agit de la librairie du même nom que vous trouverez sur le site : [ brutaldesign.github.io/swipebox/#try](http://brutaldesign.github.io/swipebox/#try)
Sur ce site, vous avez la possibilité de regarder ce que fait la librairie sur votre tablette et iPhone.
Pour ce qui est de la modification du comportement en cliquant n'importe où, je crains que cela ne soit pas possible car c'est le design de cette librairie.
Sur Desktop, le titre et les contrôles vont se masquer automatiquement et en cliquant n'importe où (hors la croix) cela va les faire re-apparaitre.
Sur mobile, le titre et les contrôles ne sont pas visible mais il est possible de "swipe" les images avec son doigt.

Lorsque nous avons eu l'idée de faire ces plugins, nous avons sélectionné plusieurs librairie qui sont très utilisées et également éprouvées.
Si le comportement choisi par Swipebox vous pose des soucis, je vais vous conseiller de tester les autres librairies que nous avons listés. Si vous avez connaissance d'autres librairies qui sont bien utilisées et stable ; nous pouvons regarder pour ajouter de nouvelles intégrations.

Cordialement,

---

Jerome - Obsidev.com
HikaMarket &amp; HikaSerial developer / HikaShop core dev team.

The following user(s) said Thank You: [lesyeux](/forum/user/1216-lesyeux "View lesyeux's Profile")

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

- **[lesyeux](/forum/user/1216-lesyeux "View lesyeux's Profile")**
- [![lesyeux's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/1216-lesyeux "View lesyeux's Profile") Topic Author
- [ Offline](/forum/user/1216-lesyeux)

Less More

- Posts: 506
- Thank you received: 35
-
-

6 years 11 months ago -  6 years 11 months ago [\#313335](#313335) by [lesyeux](/forum/user/1216-lesyeux "View lesyeux's Profile")  Replied by *[lesyeux](/forum/user/1216-lesyeux "View lesyeux's Profile")* on topic *[Swipebox - lightbox plugin](/forum/5-support-en-francais-french-support-/898712-swipebox-lightbox-plugin#313335 "-- HikaShop version -- : 4.2.2 -- Joomla version -- : 3.9.13 -- PHP version -- : 7.3  Bonjour,  Je tente d'utiliser le plugin pour les popups d'images &quot;Swipebox - lightbox plugin&quot; acheté dans le Marketplace.  J'ai deux problèmes sur appareil mobile (tablette, iPhone) : 1. Le titre de l'image ne s'affiche pas (sur un ordinateur le titre s'affiche dans un bandeau mais seulement quand on clique sur l'image) 2. La croix de fermeture : quand on clique dessus, cela ferme bien la fenêtre. Mais cela active aussi tout lien qui serait situé dessous (par exemple un lien de connexion ou de déconnexion) !  On pourrait aussi pouvoir fermer la fenêtre en cliquant n'importe où en dehors de l'image, ce serait bien.")*

Merci pour cette réponse très claire et détaillée.

Je vais étudier la source pour Swipebox. Je vois déjà que j'ai accès à certains paramètres, comme l'affichage des barres de titre et navigation sur les appareils mobiles.
Code:

removeBarsOnMobile : true, // false will show top bar on mobile devices

Ce qui serait parfait avec ces plugins, c'est qu'ils permettent, lorsqu'on les édite dans l'administration, d'agir sur les paramètres de base, comme ci-dessus.

Last edit: 6 years 11 months ago by [lesyeux](/forum/user/1216-lesyeux "View lesyeux's Profile").

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

- **[lesyeux](/forum/user/1216-lesyeux "View lesyeux's Profile")**
- [![lesyeux's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/1216-lesyeux "View lesyeux's Profile") Topic Author
- [ Offline](/forum/user/1216-lesyeux)

Less More

- Posts: 506
- Thank you received: 35
-
-

6 years 11 months ago [\#313346](#313346) by [lesyeux](/forum/user/1216-lesyeux "View lesyeux's Profile")  Replied by *[lesyeux](/forum/user/1216-lesyeux "View lesyeux's Profile")* on topic *[Swipebox - lightbox plugin](/forum/5-support-en-francais-french-support-/898712-swipebox-lightbox-plugin#313346 "-- HikaShop version -- : 4.2.2 -- Joomla version -- : 3.9.13 -- PHP version -- : 7.3  Bonjour,  Je tente d'utiliser le plugin pour les popups d'images &quot;Swipebox - lightbox plugin&quot; acheté dans le Marketplace.  J'ai deux problèmes sur appareil mobile (tablette, iPhone) : 1. Le titre de l'image ne s'affiche pas (sur un ordinateur le titre s'affiche dans un bandeau mais seulement quand on clique sur l'image) 2. La croix de fermeture : quand on clique dessus, cela ferme bien la fenêtre. Mais cela active aussi tout lien qui serait situé dessous (par exemple un lien de connexion ou de déconnexion) !  On pourrait aussi pouvoir fermer la fenêtre en cliquant n'importe où en dehors de l'image, ce serait bien.")*

J'ai tenté d'ajouter des paramètres (via une option de mon template) dans le HEAD en utilisant l'exemple de code présent sur la page [ brutaldesign.github.io/swipebox/#try](http://brutaldesign.github.io/swipebox/#try), mais sans aucun effet :
Code:

&lt;script type="text/javascript"&gt; ;( function( $ ) { $( '.swipebox' ).swipebox( { removeBarsOnMobile : false, // false will show top bar on mobile devices hideBarsDelay : 4000, // delay before hiding bars on desktop loopAtEnd: true // true will return to the first image after the last image is reached } ); } )( jQuery ); &lt;/script&gt;

Comme javascript est quasi incompréhensible pour moi, je ne sais pas comment faire fonctionner ce qui semble pourtant simple.

C'est pour ça que ce genre d'options devraient être intégrées au backend du plugin. Ce serait beaucoup pratique à utiliser par les créateurs de sites qui ne sont pas des experts du code.

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

- **[Jerome](/forum/user/80-jerome "View Jerome's Profile")**
- [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile")
- [ Offline](/forum/user/80-jerome)
- HikaShop core developer

Less More

- Posts: 26395
- Thank you received: 4077
-
- [](http://obsi.dev)
-

6 years 11 months ago [\#313365](#313365) by [Jerome](/forum/user/80-jerome "View Jerome's Profile")  Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Swipebox - lightbox plugin](/forum/5-support-en-francais-french-support-/898712-swipebox-lightbox-plugin#313365 "-- HikaShop version -- : 4.2.2 -- Joomla version -- : 3.9.13 -- PHP version -- : 7.3  Bonjour,  Je tente d'utiliser le plugin pour les popups d'images &quot;Swipebox - lightbox plugin&quot; acheté dans le Marketplace.  J'ai deux problèmes sur appareil mobile (tablette, iPhone) : 1. Le titre de l'image ne s'affiche pas (sur un ordinateur le titre s'affiche dans un bandeau mais seulement quand on clique sur l'image) 2. La croix de fermeture : quand on clique dessus, cela ferme bien la fenêtre. Mais cela active aussi tout lien qui serait situé dessous (par exemple un lien de connexion ou de déconnexion) !  On pourrait aussi pouvoir fermer la fenêtre en cliquant n'importe où en dehors de l'image, ce serait bien.")*

Bonjour,

A ce moment là, je vous conseil de modifier le fichier "lightbox_swipebox.php" et modifier la ligne Code:

try { jQuery(function () { jQuery(\'[data-hk-lightbox="swipebox"]\').swipebox(); }); } catch(err) {}

Afin de rajouter votre code.
De notre côté, on peut voir pour ajouter des options pour ce plugin afin de gérer ces paramètres supplémentaires.

Cordialement,

---

Jerome - Obsidev.com
HikaMarket &amp; HikaSerial developer / HikaShop core dev team.

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

- **[lesyeux](/forum/user/1216-lesyeux "View lesyeux's Profile")**
- [![lesyeux's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/1216-lesyeux "View lesyeux's Profile") Topic Author
- [ Offline](/forum/user/1216-lesyeux)

Less More

- Posts: 506
- Thank you received: 35
-
-

6 years 11 months ago [\#313370](#313370) by [lesyeux](/forum/user/1216-lesyeux "View lesyeux's Profile")  Replied by *[lesyeux](/forum/user/1216-lesyeux "View lesyeux's Profile")* on topic *[Swipebox - lightbox plugin](/forum/5-support-en-francais-french-support-/898712-swipebox-lightbox-plugin#313370 "-- HikaShop version -- : 4.2.2 -- Joomla version -- : 3.9.13 -- PHP version -- : 7.3  Bonjour,  Je tente d'utiliser le plugin pour les popups d'images &quot;Swipebox - lightbox plugin&quot; acheté dans le Marketplace.  J'ai deux problèmes sur appareil mobile (tablette, iPhone) : 1. Le titre de l'image ne s'affiche pas (sur un ordinateur le titre s'affiche dans un bandeau mais seulement quand on clique sur l'image) 2. La croix de fermeture : quand on clique dessus, cela ferme bien la fenêtre. Mais cela active aussi tout lien qui serait situé dessous (par exemple un lien de connexion ou de déconnexion) !  On pourrait aussi pouvoir fermer la fenêtre en cliquant n'importe où en dehors de l'image, ce serait bien.")*

Merci, ça fonctionne.

fichier : plugins/hikashop/lightbox_swipebox/lightbox_swipebox.php
Code:

try { jQuery(function () { jQuery(\'[data-hk-lightbox="swipebox"]\').swipebox({ removeBarsOnMobile : false, // false will show top bar on mobile devices hideBarsDelay : 4000, // delay before hiding bars on desktop loopAtEnd: true // true will return to the first image after the last image is reached }); }); } catch(err) {}

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

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