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 170
    J'aime reçus:
    344
    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:
    31 738
    J'aime reçus:
    334
    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 170
    J'aime reçus:
    344
    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 101
    J'aime reçus:
    176
    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 170
    J'aime reçus:
    344
    #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
Tracking des ventes Woocommerce venant de Facebook Facebook 8 Juillet 2022
Aide données structurées produits Woocommerce Débuter en référencement 4 Mai 2022
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 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
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
Wordpress/woocommerce : référencement anarchique par google Problèmes de référencement spécifiques à vos sites 27 Novembre 2016
Multiboutique WooCommerce ou autre configuration ? e-commerce 20 Septembre 2016