Woocommerce dans une lightbox

tribalwar · 3 Mai 2016

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

spout · 3 Mai 2016

Monsieur F12 AKA débogueur il sait probablement.

tribalwar · 3 Mai 2016

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>

Madrileño · 4 Mai 2016

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.

tribalwar · 4 Mai 2016

merci pour la reponse mais je développe en local pour l'instant

spout · 4 Mai 2016

tribalwar a dit:
comment forcer la pop up a rester au premier plan jusqu'à sa fermeture par l'utilisateur?

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> ?

indigene · 4 Mai 2016

tribalwar a dit:
<body onblur="self.focus()"> mais ou?

Tu vois plusieurs endroits où mettre une telle ligne dans ton code ?

tribalwar · 4 Mai 2016

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.

spout · 4 Mai 2016

En modifiant l'entête X-Frame-Options (probablement un request AJAX qui est bloqué): https://developer.mozilla.org/en-US/docs/Web/HTTP/X-Frame-Options

tribalwar · 4 Mai 2016

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...