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?
Cliquez pour agrandir...

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?
Cliquez pour agrandir...

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

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