Woocommerce dans une lightbox

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

Tags:
  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
     
    #1 tribalwar, 3 Mai 2016
  2. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 128
    J'aime reçus:
    318
    Monsieur F12 AKA débogueur il sait probablement.
     
    #2 spout, 3 Mai 2016
  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>
     
    #3 tribalwar, 3 Mai 2016
  4. Madrileño
    Madrileño Membre Honoré
    Inscrit:
    7 Juillet 2004
    Messages:
    32 079
    J'aime reçus:
    283
    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.
     
    #4 Madrileño, 4 Mai 2016
  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
     
    #5 tribalwar, 4 Mai 2016
  6. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 128
    J'aime reçus:
    318
    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> ?
     
    #6 spout, 4 Mai 2016
  7. indigene
    indigene WRInaute accro
    Inscrit:
    7 Septembre 2003
    Messages:
    4 160
    J'aime reçus:
    178
    Tu vois plusieurs endroits où mettre une telle ligne dans ton code ?
     
    #7 indigene, 4 Mai 2016
  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.
     
    #8 tribalwar, 4 Mai 2016
  9. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 128
    J'aime reçus:
    318
    #9 spout, 4 Mai 2016
  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...
     
    #10 tribalwar, 4 Mai 2016
(Vous devez vous identifier ou vous inscrire pour poster ici.)
Chargement...
Similar Threads - Woocommerce lightbox Forum Date
E-commerce et Facebook for Woocommerce e-commerce 17 Février 2021
WordPress Redirection : 15 produits WooCommerce en un seul produit Netlinking, backlinks, liens et redirections 20 Novembre 2020
WordPress Insertion des réponses d’un formulaire dans WooCommerce Développement d'un site Web ou d'une appli mobile 24 Septembre 2020
WordPress Filtres Woocommerce Développement d'un site Web ou d'une appli mobile 16 Août 2020
WordPress Metadonnées pour des produits Woocommerce Débuter en référencement 25 Février 2020
Cherche thème Wordpress avec partie recettes, blog, woocommerce Demandes d'avis et de conseils sur vos sites 12 Février 2020
WordPress attributs de woocommerce Développement d'un site Web ou d'une appli mobile 4 Novembre 2019
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