Galerie affichée uniquement en lightbox (Créer un compte)

  • WordPress :6.4
  • Statut : non résolu
12 sujets de 1 à 12 (sur un total de 12)
  • Auteur
    Messages
  • #2472799
    OliOne
    Participant
    Chevalier WordPress
    142 contributions

    Bonjour,

    Ma configuration WP actuelle :
    – Version de WordPress : 6.5.3
    – Version de PHP/MySQL : 8.3.0 / 5.7.42
    – Thème utilisé : Gutenshop Child
    – Thème URI : https://superbthemes.com/gutenshop/gutenshop-documentation/
    – Extensions en place : Atomic Blocks – Gutenberg Blocks Collection (2.9.0), Forum_wordpress_fr (4.2), Gosign — Accordion Slider Block (2.0.1), LightStart – Maintenance Mode, Coming Soon and Landing Page Builder (2.6.11), Photo Gallery (1.8.23), Really Simple SSL (8.1.0), Smart Slider 3 (3.5.1.23), UpdraftPlus – Backup/Restore (1.24.3), WooCommerce Blocks (11.7.0), WP Fastest Cache (1.2.6)
    – Adresse du site : https://amandinefabry.be
    – Nom de l’hébergeur : Apache

    Problème(s) rencontré(s) :

     

    Salut tous,

    Tous les plugins que je vois permettent d’afficher la galerie sur la page, en vignettes séparées, qui, quand on clique sur une de ces images, ouvre la galerie en lightbox.
    Donc, sur la page, on voit la galerie en entier et si on clique sur une de ses images, on « zoome » grâce à l’ouverture de la lightbox et on fait défiler pour voir les autres.

    Je ne trouve pas de plugin qui ouvre une lightbox incluant la galerie en slide (comme décrit ci-dessus) MAIS qui n’affiche pas la galerie sur la page. Une image vignette me suffit.

    Ce que je désire :

    • sur ma page, 3 photos
    • sur chaque photo, un lien vers une galerie
    • ouverture des galeries en lightbox incluant le slide qui fait défiler toutes les photos appartenant à une galerie spécifique
    • (la photo 1 ouvre la galerie 1, photo 2 > galerie 2,…)

    J’ai l’impression que c’est simple, mais je ne trouve absolument rien. D’habitude je me débrouille seul, mais là, je bloque.

    Merci pour aide !!

     

    #2472849
    Rock4Temps
    Participant
    Maître WordPress
    1111 contributions

    Bonjour,

    Cette Extension qui permet de personnaliser les blocs natif de  l ‘ éditeur Gutenberg  a une option dans les paramétres du bloc galerie une option pour regrouper en Front End et back office une galerie sous une seule image. Activer dans l  ‘onglet personnaliser Front End des paramètres de réglage de l’extension la lightbox qui va vous permettre de visionner votre galerie sous forme de slide. Il ne vous reste plus qu’ à intégrer vos trois galeries dans un bloc colonnes.

    #2472854
    Rock4Temps
    Participant
    Maître WordPress
    1111 contributions

    Vous avez une demo ICI

    #2472888
    OliOne
    Participant
    Chevalier WordPress
    142 contributions

    Bonjour Rock4Temps,

    Merci pour ton plugin. Je suis en train de le tester. Il semble que ce soit ce que je recherche.
    Dommage que je doive placer un si gros plugin pour si peu.

    Mais pourquoi ai-je automatiquement ce loginout sous mon menu qui apparaît ?
    Comment l’enlever ?

    <li>
    <a class="eccp-loginout" title="Déconnexion" href="https://amandinefabry.be/wp-login.php?action=logout&redirect_to=https%3A%2F%2Famandinefabry.be%2Findex.php%2Ftest-lightbox%2F&_wpnonce=fe2e83ba71">
    <span class="dashicons dashicons-migrate"></span>
    </a>
    </li>

     

    Y a-t-il d’autres paramètres qui sont mis sur ON dès l’installation? J’aimerais que non.

    • Cette réponse a été modifiée le il y a 4 mois et 4 semaines par OliOne.
    • Cette réponse a été modifiée le il y a 4 mois et 4 semaines par OliOne.
    #2472893
    OliOne
    Participant
    Chevalier WordPress
    142 contributions

    C’est bon, j’ai trouvé comment retirer ce loginout. 😉

    Mais cela m’a demandé de rechercher les cases cochées non désirées et je suis étonné de voir que la case « Modification du nom de l’expéditeur et de l’adresse e-mail WordPress Par défaut » était activée avec une adresse email – venue de je ne sais où – encodée par défaut.

    Si je ne l’avais pas remarquée, puisque ce n’est pas pour ça que je mets ce plugin, mes emails auraient sans doute tous été perdus, avec les conséquences désastreuses pour mon nom de domaine et mes mails.

     

    #2472896
    OliOne
    Participant
    Chevalier WordPress
    142 contributions

    Avec votre plugin, est-il possible de modifier le design de la lightbox ?

    J’aimerais que le fond noir prenne une opacité de 80% (légère transparence)
    et que la lightbox prenne une taille de 80% ou 90% de l’écran sur PC et tablette (pas sur mobile) pour qu’on voit toujours le site derrière.

    Ou dois-je faire cela en CSS ?

    Si CSS, quelle ID ou Class dois-je cibler pour ne modifier que la lightbox ? possible d’ajouter une class ?

    #2472922
    Rock4Temps
    Participant
    Maître WordPress
    1111 contributions

    Vous pouvez utiliser la régle css suivante pour l’opacité :

    .fancybox__container{
    opacity:0.9;
    }

    il n’ y a pas d’option dans la librairie Fancybox pour gérer la largeur de la lightbox.
    on peut simplement l’ouvrir
    – en mode plein écran ou pas
    – avec une régle figé max-width: 568px

    Merci de m’avoir fait part des anomalies , je vais
    désactiver ces options trop intrusives, une erreur de ma part.
    A l’origine il n’y avait aucune option d’activé par défaut, mais aprés deux années de développement
    j’ai considéré qu’il valait mieux activer certaines options
    pour une meilleure expérience utilisateur aprés activation de l’extension.

     

    #2472948
    OliOne
    Participant
    Chevalier WordPress
    142 contributions

    Merci pour ce code CSS et ces infos.

    Concernant les options activées par défaut, peut-être devraient-elles être signalées comme activées ou comme vivement conseillées (sans être déjà activées).

    Je prends le cas que je connais le mieux : le mien. J’utilise ton plugin pour une seule option alors qu’il en comporte de nombreuses (vraiment nombreuses).  Je préfère ne pas perdre de temps à tout vérifier et aller droit au but. Par contre, vu son efficacité, je m’y attarderai pour découvrir les autres fonctionnalités. Malheureusement, ici, c’était surtout pour trouver comment désactiver des options non consenties, ce qui m’a fait hésiter à le conserver (question de confiance).

    « Merci de m’avoir fait part des anomalies »
    C’est un plugin gratuit que tu mets à disposition et dont je profite. Alors si je peux aider, même un peu… 😉

    Un autre truc qui m’a freiné (sans m’arrêter) : la qualité de l’image vignette du plugin au téléchargement. Ca paraît pas grand chose, mais je crois que la présentation visuelle pour un plugin dont l’objectif est d’améliorer le design d’un site devrait être bien léchée. Sur https://fr.wordpress.org/plugins/editor-custom-color-palette/ la couverture et le logo sont flous.

    Sur ta page démo, https://rouerguecreation.fr/demo-editor-custom-color-palette/ il manque le mot « pouvez » à l’avant dernière phrase du bloc texte « Album d’images ».

     

    #2472949
    OliOne
    Participant
    Chevalier WordPress
    142 contributions

    J’ai testé ton code CSS : toute la lightbox est transparente. Cela s’applique donc aussi aux photos. Comment ne cibler que le fond noir ?

    Aussi, tu dis qu’il est possible qu’elle ne s’ouvre pas en full screen (j’aimerais faire ça) et tu parles des options de la librairie Fancybox.

    Sur http://fancybox.net/ les démos présentent des lightbox qui ne sont pas en full screen, adaptées à la taille de l’écran. C’est comme ça  que je la souhaite.

    Je suis allé voir les codes etc, mais je n’arrive pas à cibler uniquement le fond noir (qui a déjà un léger effet de transparence, en fait).

    Et encore MERCI pour ton aide !!

     

    • Cette réponse a été modifiée le il y a 4 mois et 4 semaines par OliOne.
    #2472952
    Rock4Temps
    Participant
    Maître WordPress
    1111 contributions

    voici déjà la bonne régle:

    .fancybox__backdrop{
    opacity:0.5;
    }

    #2472953
    Rock4Temps
    Participant
    Maître WordPress
    1111 contributions

    Pour l’option full screen ou pas à l’ouverture, cela necessite
    comme pour l’opacité d’ajouter des options dans la page
    de réglage de l’extension + modification d’un script JS.

    Ci se sont les démos directement sur l apage d’accueil de  http://fancybox.net/
    alors c’est le mode compact dont j’ai parlé dans un précédent message.
    avec un max-width: 578px
    mais le lien pour la librairie fancybox est celui-ci: https://fancyapps.com/fancybox/#examples

    Toutes ces modifs necessite du temps, hors je ne développe que sur mon
    temps libre, je prends note de toutes tes remarques,
    mais la mise à jour ne sera pas pour tout de suite.

    Une version 3.0 de l’extension ECCP  arrive ce WE,
    j’ai déjà fait une refonte importante notament
    du code React JS pour l’editeur Gutenberg.

    En tout cas merci,c’est bien d’avoir des retours.

     

     

     

     

    #2473014
    OliOne
    Participant
    Chevalier WordPress
    142 contributions

    C’est exactement ce code qu’il me fallait pour l’opacité.
    Merci !

    La mise à jour de ton plugin est faite.

    « alors c’est le mode compact dont j’ai parlé dans un précédent message.
    avec un max-width: 578px »
    oui, c’est bien ça.
    Mais je en sais pas comment l’appliquer.

12 sujets de 1 à 12 (sur un total de 12)
  • Vous devez être connecté pour répondre à ce sujet.