Woocommerce dans une lightbox

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par tribalwar, 3 Mai 2016.

  1. tribalwar
    tribalwar WRInaute discret
    Inscrit:
    30 Mars 2010
    Messages:
    95
    J'aime reçus:
    1
    bonjour,
    possédant un site dont je suis entierement satisfait mais dont la partie commerciale laisse a désirer, j'ai l'intention de déleguer la partie achat et gestion a woocommerce, le plugin de wp. Jusque là tout fonctionne parfaitement. Un lien renvoie lors d'un achat vers woocommerce et le panier et le formulaire de commande s'effectue sur wordpress.
    Afin de ne pas quitter le site lors de l'achat, j'ai placé wp dans une lightbox et tout se déroule parfaitement jusqu'à la page de commande. Là, plus rien ne s'affiche. Quelqu'un a-t-il une idée pourquoi une page de commande ne peut s'afficher dans une lightbox?
    Merci pour vos lumières
     
  2. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    8 782
    J'aime reçus:
    240
    Monsieur F12 AKA débogueur il sait probablement.
     
  3. tribalwar
    tribalwar WRInaute discret
    Inscrit:
    30 Mars 2010
    Messages:
    95
    J'aime reçus:
    1
    en fait, sans solutions, j'ai décidé d'ouvrir woocommerce dans une pop up pour résoudre ce probléme. en cliquant sur un produit, j'ouvre une fenetre parametrée. Mais maintenant, j'aimerais, comme pour une lightbox que l'utilisateur ne puisse sortir de la fenetre qu'en cliquant sur la x de fermeture afin d'éviter qu'il clique sur la fenetre mère et que la pop up passe en arrière plan et devienne donc invisible. Le code donne ça et fonctionne bien mais comment forcer la pop up a rester au premier plan jusqu'à sa fermeture par l'utilisateur?
    <body onblur="self.focus()"> mais ou?
    Code:
    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>
    
    <body bgcolor="#FFFFFF" text="#000000">
    <script language="JavaScript">
    var newwindow;
    function popupcentre(adresse, nomFenetre, largeur, hauteur, scroll)
      {
      var largeurEcran = (screen.width - largeur) / 2;
      var hauteurEcran = (screen.height - hauteur) / 2;
      newwindow=window.open(adresse, nomFenetre, 'height=' + hauteur + ', width=' + largeur + ', top=' + hauteurEcran + ', left=' + largeurEcran + ', scrollbars=' + scroll + ', resizable')
      if (window.focus) {newwindow.focus()}
      }
      
    </script>
    
    <a href="http://www.ma boutique.com/" onclick="popupcentre(this.href, 'name', '800', '600', 'yes');return false;">mon produit</a>  
    
    </body>
    </html>
     
  4. Madrileño
    Madrileño Membre Honoré
    Inscrit:
    7 Juillet 2004
    Messages:
    32 139
    J'aime reçus:
    272
    Bonjour,

    Le mieux est d'indiquer l'URL du site.
    Ainsi une personne de la communauté d'entraide pourra mieux répondre.

    Sinon comme déjà indiqué par Spout, le débogueur affiche peut-être un bug.

    N'hésitez pas à vous présenter au forum : ici.

    Et entre deux messages à présenter aussi vos avis sur les sujets du forum :
    https://www.webrankinfo.com/forum/f/demandes-davis-et-de-conseils-sur-vos-sites.36/
    pour aider les autres personnes de la communauté d'entraide.

    Complément : Pour les exemples, il y a example.com .

    Cordialement.
     
  5. tribalwar
    tribalwar WRInaute discret
    Inscrit:
    30 Mars 2010
    Messages:
    95
    J'aime reçus:
    1
    merci pour la reponse mais je développe en local pour l'instant
     
  6. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    8 782
    J'aime reçus:
    240
    Je ne pense pas que ce soit possible et quid des utilisateurs mobile ?
    Vu que tu ne sembles pas avoir rencontré Mr F12 qui avait pourtant le savoir, ce ne serait pas plus simple dans un <iframe> ?
     
  7. indigene
    indigene WRInaute accro
    Inscrit:
    7 Septembre 2003
    Messages:
    3 682
    J'aime reçus:
    76
    Tu vois plusieurs endroits où mettre une telle ligne dans ton code ?
     
  8. tribalwar
    tribalwar WRInaute discret
    Inscrit:
    30 Mars 2010
    Messages:
    95
    J'aime reçus:
    1
    ben, non. en fait c'est l'objet de ma question. Logiquement ce bout de code se met dans le body de la pop up mais comme elle s'ouvre par un lien et que je n'ai pas acces au code de la page wordpress... quant aux utilisateurs mobilesje ne vois pas ou est l'inconvénient d'ouvrir un site dans une pop up. Je veux bien débugger mais quoi? toutes les pages woocommerce fonctionnent sauf la page commande.

    Après debuggage, voilà l'erreur que j'obtiens mais qu'en faire?
    Load denied by X-Frame-Options: http://localhost/wordpress/index.php/commande/ does not permit cross-origin framing.
     
  9. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    8 782
    J'aime reçus:
    240
  10. tribalwar
    tribalwar WRInaute discret
    Inscrit:
    30 Mars 2010
    Messages:
    95
    J'aime reçus:
    1
    merci. effectivement woocommerce bloque les iframes (sécurité). Il faut a présent que je trouve le code a transformer dans le header. Le problème est que firefox et safari ne l'accepte pas. donc retourcase depart en pop up...
     
Chargement...
Similar Threads - Woocommerce lightbox Forum Date
WordPress WooCommerce / Search Console / Champ “offerCount” manquant Problèmes de référencement spécifiques à vos sites 13 Octobre 2019
Comment mettre en place le paiement sur Woocommerce ? e-commerce 4 Juin 2019
Woocommerce : d'où vient le client ? Google Analytics 4 Avril 2019
Woocommerce ou Prestashop : Que choisir pour une boutique ? e-commerce 27 Mars 2019
WordPress Cacher tout woocommerce ? e-commerce 11 Janvier 2019
WORDPRESS Woocommerce, vos astuces pour réduire CPU usage et serveur stress ? e-commerce 22 Juin 2018
WOOCOMMERCE wordpress ROBOTS.TXT, que bloquez vous ? e-commerce 22 Juin 2018
Pour un meilleur référencement, vaut il mieux choisir woocommerce ou prestashop ? e-commerce 30 Mai 2018
Site Woocommerce Développement d'un site Web ou d'une appli mobile 4 Mai 2018
Module WooCommerce / personnaliser les urls Développement d'un site Web ou d'une appli mobile 9 Janvier 2017
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice