Liens dans fenêtre popup

  • WordPress :5.2
  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 45)
  • Auteur
    Messages
  • #2283337
    JeanguyT
    Participant
    Initié WordPress
    33 contributions

    Bonjour,

    Ma configuration WP actuelle :
    – Version de WordPress : 5.2.4
    – Version de PHP/MySQL : 5.6.40 / 5.6.43
    – Thème utilisé : Avada
    – Thème URI : http://avada.theme-fusion.com/
    – Extensions en place : Akismet Anti-Spam (4.1.2), CDN Enabler (1.0.9), Contact Form 7 (5.1.4), Contact Form 7 Skins (2.1.4), Debug Info (1.3.8), Duplicate Page (4.0), Easy Video Player (1.1.8), Elementor (2.7.5), Flamingo (2.1), Forum_wordpress_fr (4.2), Fusion Builder (2.1.1), LayerSlider WP (6.9.2), LoginPress – Customizing the WordPress Login (1.3.2), MetaSlider (3.15.1), reSmush.it Image Optimizer (0.1.22), Shortcodes Ultimate (5.6.0), SiteOrigin CSS (1.2.4), Slider Revolution (6.1.3), Slider Revolution Whiteboard Add-on (2.0.0), Smart Slider 3 (3.3.22), The Events Calendar (4.9.10), The Events Calendar Extension: Calendar Customizer (1.0.0), The Events Calendar PRO (4.7.8.1), The Events Calendar Shortcode & Block (2.2.1), UpdraftPlus – Backup/Restore (1.16.17), WordPress Carousel (2.1.4), WP Super Cache (1.7.0)
    – Adresse du site : http://www.wpsite1.metmmetm.fr
    – Nom de l’hébergeur : Apache

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

    Bonjour,

    Par un click sur un bouton (calendrier sur mon site) je voudrais afficher une fenêtre ‘popup’ contenant plusieurs liens ciblant des pages spécifiques.

    Cordialement

    #2283431
    ferman
    Participant
    Maître WordPress
    1493 contributions

    Bonjour,

    C’est possible mais avant ou après le calendrier. A première vue pas à l’intérieur du calendrier à moins de pas mal bricoler les css. Cela vous intéresse?

    • Cette réponse a été modifiée le il y a 1 mois et 1 semaine par ferman.
    #2283450
    JeanguyT
    Participant
    Initié WordPress
    33 contributions

    Bonjour,

    Un clic sur le bouton (calendrier) doit m’afficher une fenêtre popup contenant un menu dont les liens pointent sur différents calendriers. Exemple : dans la fenêtre popup figure une liste de villes dont je veux consulter les événements respectifs. C’est la création de ce popup et son activation par le bouton qui me pose problème. Pour les # calendriers je les gère avec le plugin “The Events Calender Pro”. J’ai testé ce menu dans une page et cela fonctionnement correctement.

    Cordialement

    #2283467
    ferman
    Participant
    Maître WordPress
    1493 contributions

    Pour moi, voila ce qui est possible. Je ne sais pas si ça correspond à ce que vous voulez. Vous avez déjà le plugin “advents calendar”. J’ai utilisé le plugin “anything popup” pour générer le bouton (en vert) dans”advents calendar” gratuit . Ce bouton ouvre une fenêtre popup qui peut contenir des liens auquel on donne le nom qu’on veut (Toto est un lien vers google.com). On peut régler la taille de la fenêtre et il peut y en avoir plusieurs.

    Le bouton est ajouté via un shortcode avant ou après le calendrier (pièce jointe 2). On peut aussi le mettre dans le calendrier (pièce jointe 1) avec des css appropriées mais il est beaucoup plus difficile de le rendre “responsive” (à mon avis l’effort n’en vaut pas la peine).

    Si ça vous intéresse, je vous fais parvenir les détails.

    • Cette réponse a été modifiée le il y a 1 mois et 1 semaine par ferman.
    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2283521
    JeanguyT
    Participant
    Initié WordPress
    33 contributions

    Bonjour,

    Merci de votre prompte réponse.

    Mon objectif est le suivant : sur la page d’accueil, lorsque le bouton en bas de page “calendrier des événements” est activé, une petite boite de dialogue “popup” s’ouvre avec une liste de villes contenant les liens sur les pages de calendriers. Un clic sur un lien ouvre le calendrier correspondant et le popup se ferme. La fermeture du calendrier ramène à la page d’accueil.

    La mise à jour des événements sur les # calendriers sera effectuée via le lien “accès réservé” en bas de page. Actuellement un seul calendrier est accessible via l’écran d’accueil en mode “auteur”contenant le menu “Evénements”. Le login devra ouvrir la page contenant le calendrier spécifique et permettre la maj. Je n’ai pas encore trouvé de solution pour afficher un calendrier spécifique et la manière de le mettre à jour.

    Je vais étudier le plugin “anything popup”, mais si vous pouvez m’adresser les détails je suis preneur.

    Cordialement

    #2283526
    ferman
    Participant
    Maître WordPress
    1493 contributions

    Bonjour,

    Je vous envoie donc les détails (les css ne sont pas optimisées mais ça suffit pour tester le principe).

    Sur votre site quand on clique le bouton “calendrier”, cela ouvre une page calendrier. Sur cette page, vous pouvez afficher le bouton de “anything popup” en intégrant son shortcode (événements-> préférences-> affichage-> réglages avancés du thème: “Ajouter du code HTML avant le contenu de l’évènement” ou/et ou “Ajouter du code HTML après le contenu de l’évènement”).

    Dans “anything popup” vous faites “edit” et vous mettez le/les lien(s) dans la fenêtre en bas. Vous changez les titres et modifiez la taille de la boîte popup comme vous voulez.

    Vous aurez ainsi le bouton correspondant juste avant ou juste après votre calendrier. De là il faudra le cliquer pour aller aux  villes et calendriers (c’est à vous de mettre les liens corrects).

    Si vous voulez accéder aux différents calendriers depuis la page d’accueil, il faut remplacer le bouton “calendrier” par le bouton “anything popup” que vous pouvez mettre en forme comme vous voulez (y compris inclure une image de calendrier). Il vous redirigera directement vers vos différents calendriers comme ci-dessus (à condition de résoudre la question des liens).

    Pour le moment il n’y a pas de mise en forme. Si vous le souhaitez, je pourrai vous passer des propositions de css à moins que vous ne souhaitiez faire ça vous même.

    #2283569
    JeanguyT
    Participant
    Initié WordPress
    33 contributions

    Bonjour,

    J’ai installé “anything popup” et modifié le code en intégrant le texte, les liens et remplacé dans Popup Link Text / Label / Image le lien vers le bouton calendrier (média).

    Sur ma page d’accueil j’ai coller ldans un bloc texte “[AnythingPopup id=”1″]” mais en prévisualisant c’est l’adresse du lien du média qui apparaît. Un clic sur celui-ci affiche le popup et les liens fonctionnent. Comment installer ce nouveau bouton en bas de  page en remplacement de celui actuel ? dans un bloc texte ?  J’ai qqs lacunes !

    Cordialement

    #2283583
    ferman
    Participant
    Maître WordPress
    1493 contributions

    Je peux répondre à la première question.

    Dans anything popup, il faut remplir comme sur la pièce jointe. Vous devriez voir le “pop-up link text”  (ici “Vers mes liens favoris”, vous pouvez aussi choisir de mettre une image par ex. l’image du calendrier. Je l’ai essayé (avec l’image du calendrier prise sur votre page) et il n’y a aucun problème.

    Mettre le shortcode dans un bloc texte.

    .fusion-column-wrapper{background-color:transparent!important;
    border:none!important;}
    
    .fusion-column-content {display:none;}
    
    @media only screen and (min-width: 800px)  {.fusion-text {
    	position: relative;
    	margin-top: -10%;
    	margin-left: -80%;
    	margin-right: auto;
    }}
    
    @media only screen and (max-width: 800px)  {.fusion-text {
    	position: relative;
    	margin-top: -10%;
    	margin-left: 10%;
    	margin-right: auto;
    }}

     

    Pour la deuxième question, malheureusement, je ne pourrai pas beaucoup vous aider: vous travaillez avec des constructeurs de page, en particulier avec “fusion-builder” qui est utilisé pour placer l’image du calendrier.  Je n’ai aucun moyen d’avoir accès au builder, ni au thème (commercial). Et vous travaillez avec des blocs, pas moi qui suis resté classique.

    Pour info, je m’en sors avec des css (voir ci-dessous) mais ce n’est pas du tout la bonne manière. On doit pouvoir faire plus simple avec le constructeur de page.

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2283677
    JeanguyT
    Participant
    Initié WordPress
    33 contributions

    Bonjour,

    En pièces jointes, les paramètres de mon AnythingPopup et le code des blocs texte dans mon container en pied de page d’accueil. Celui du popup contient [AnythingPopup id=”1″] mais affiche le lien vers mon image en visualisation de ma page. Un clic sur ce lien présente le popup tel que je le souhaite mais c’est l’image du calendrier que je voudrais afficher, ciblant sur le popup.

    A quel endroit coller le code css ? Dans un bloc texte de la page ?

    J’ai essayé de le coller dans un des blocs texte de ma page d’accueil et dans css personnalisé mais cela ne fonctionne pas ou modifie ma page.

    Je pense que nous sommes pas très loin de la solution.

    Cordialement

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2283680
    ferman
    Participant
    Maître WordPress
    1493 contributions

    Bonjour,

    1. dans la fenêtre popup link/text remplacez  ce que vous avez mis par ceci:
      <img src="http://www.wpsite1.metmmetm.fr/wp-content/uploads/2019/09/cal-150x150.png"> 

       

      Cela vous fera apparaître l’image cliquable du calendrier. Comme ça:

    2. Pour le code css, comme je vous le disais cette solution n’est pas idéale  mais c’est plutôt pour illustrer ce que vous pouvez obtenir. Il n’est pas à coller dans un bloc texte ou autre mais dans les css additionnelles (apparence-> personnaliser -> css additionnelles). Vous devriez voir apparaître l’image cliquable du calendrier à peu près là où elle est actuellement sauf que ce sera anything popup qui fonctionnera quand vous cliquerez. Essayez pour voir.

    Autrement, j’ai regardé un peu votre site  et la doc de events calendar pro.

    Actuellement, vos liens actifs ne renvoient que sur des pages non-existantes (404). Donc il vous faut déjà résoudre ce problème.

    Une suggestion: Si c’était pour moi, en étudiant votre problème, je pense que j’opterais pour une solution plus simple. Je laisserais l’icône du calendrier de la page d’accueil là où elle est. Donc en cliquant on arriverait sur la page d’un premier calendrier se rapportant à une des villes (longpont, gometz, st rémy les chevreuse, morsang sur orge…etc),  peu importe. Sur cette page  et juste avant le calendrier comme je vous le disais plus haut (#2283526) vous montrez le bouton anything popup (si vous voulez avec la même image que celle de la page d’accueil) . Dans la fenêtre popup, vous mettez les liens vers les calendriers des  villes, y compris celle ou vous êtes actuellement + un lien vers la page d’accueil (ou une page de votre choix) de votre site. Vous faites la même chose sur tous les calendriers. Ainsi vous aurez une boucle vous permettant de passer de ville en ville et vous pouvez sortir de la boucle à n’importe quel moment en cliquant sur le lien page d’accueil. A mon avis c’est plus simple et plus “ergonomique”que de mettre le bouton anything popup sur la page d’accueil. Et il y aura moins de css.  A vous de voir et d’essayer.

    Mais  je crois que le problème à régler en priorité est celui de la redirection vers des pages contenant les différents calendriers et là je ne peux pas vous aider sauf en regardant un peu la doc. (Vous utilisez bien le shortcode [modern-tribe])?

    • Cette réponse a été modifiée le il y a 1 mois par ferman.
    • Cette réponse a été modifiée le il y a 1 mois par ferman.
    • Cette réponse a été modifiée le il y a 1 mois par ferman.
    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2283687
    ferman
    Participant
    Maître WordPress
    1493 contributions

    … pas “modern _tribe” pour le shortcode mais [tribe_events].

    #2283694
    JeanguyT
    Participant
    Initié WordPress
    33 contributions

    Bonsoir,

    L’erreur se situait au niveau de l’adresse du lien sur l’image du calendrier dans Anything Popup. J’ai effectué la modification et cela fonctionne maintenant.

    Merci pour votre aide

    Bien cordialement

    #2283698
    ferman
    Participant
    Maître WordPress
    1493 contributions

    Je vois toujours les mêmes erreurs de redirection vers des pages 404. En pj ce qu’on obtient quand on clique sur Ollainville.

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2283739
    JeanguyT
    Participant
    Initié WordPress
    33 contributions

    Bonjour,

    En effet cette erreur apparaît pour le visiteur sur le site. Lorsque je l’ai testé j’étais en mode administrateur et je n’en avais pas. Les  liens de mon popup correspondent à l’URL de la page qui s’affichait. Je vais consulter la doc du calendrier “The Events Calendar Pro” pour formuler l’adresse de ces liens. Autre fonctionnalité à paramétrer concerne l’ouverture de chaque calendrier par login (LoginPress) en mode auteur pour la gestion des événements.

    Cordialement

    #2283753
    JeanguyT
    Participant
    Initié WordPress
    33 contributions

    Les pages étaient en mode brouillon, ce problème est réglé !

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