Antivirus offre spéciale - jusqu'à 60 % de réduction avec openElement !
Accueil Forum Accueil Forum >

openElement

> Tutoriaux utilisateurs
  Nouveaux messages Nouveaux messages Fil RSS  - [Tuto] insertion OpenCart (eCommerce)
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

[Tuto] insertion OpenCart (eCommerce)

 Répondre Répondre Page  <12345 11>
Auteur
Message inverser le tri
alexdarcy allez vers le bas
Senior Member
Senior Member


Depuis le: 19 Oct 2015
Pays: France
Status: Inactif
Points: 453
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer alexdarcy Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 14 Juil 2016 à 15:28
Ok oui...
Bon pour l'instant ce site reste en "maintenance" et n'est pas visible... C'était plutôt un essai...
Je vais doucement m'attaquer au site Responsive01... Je vous donnerai des nouvelles au fur et mesure de l'avancer des travaux.. sur le forum Site crée avec OE...
Wink
 
Haut de la page
Larsene allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5392
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 14 Juil 2016 à 07:33
Message posté par alexdarcy alexdarcy a écrit:

Bingo..... Smile Ca marche....


Attention cependant : vos images sont bien trop lourdes !!! Optimisez-les avant de les mettre en ligne !!
Haut de la page
alexdarcy allez vers le bas
Senior Member
Senior Member


Depuis le: 19 Oct 2015
Pays: France
Status: Inactif
Points: 453
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer alexdarcy Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 13 Juil 2016 à 20:04
Bingo..... Smile Ca marche....
Merci Hobby et encore mille fois merci...
Vous êtes des chefs...
 
ps j'ai laissé le délai de 300 ms


Edité par alexdarcy - 13 Juil 2016 à 20:08
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 5997
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 13 Juil 2016 à 19:45
Reprenons depuis le début, voilà le code tel qu'il est inscrit sur la page 1:

function autoResize(){
var id='iframe1';
  // Mesure de la largeur de la fenêtre pour opencart
var newwidth = $('#WEpanneauOC').width();
// forcer le redimensionnement vertical en imposant une hauteur de 100 pixels au contenu opencart
document.getElementById(id).height = (100) + "px";
// largeur imposée au contenu OpenCart
document.getElementById(id).width = (newwidth) + "px";
// imposer un délais de 300 millisecondes pour permettre le redimensionnement du contenu
// ce délais, suffisant dans mon environnement, pourrait devoir être changé dans le votre
setTimeout(suite, 300);
}

function suite(){
var id='iframe1';
var newheight;
// Mesure de la hauteur résultante de la page opencart
if(document.getElementById){
        newheight = document.getElementById(id).contentWindow.document .body.scrollHeight;
    }
// Imposer la hauteur au iframe
document.getElementById(id).height = (newheight) + "px";
// Imposer la hauteur du panneau d'éléments
$('#WEpanneauOC').css({height:newheight});
// Imposer la hauteur de la page openElement
$('.OESZ_XBodyContent').css({height:newheight});
}

// Sur redimensionnement de la page openElement, réajuster
$(window).resize(function() {
autoResize();
});

Ce code utilisé selon les directives (incluant les paramètres des panneaux d'éléments) ajuste la page OpenElement à toutes les largeurs et longueurs de page OpenCart.

Si ce code ne fonctionne pas.  C'est à dire que la page OpenCart ne s'affiche pas correctement ou que la page OpenElement ne lui est pas bien ajustée.  C'est généralement à cause de la lenteur du site.  Augmentez la longueur du délai de 300 ms dans ligne setTimeout(suite, 300);  




Edité par Hobby001 - 13 Juil 2016 à 19:46
Quand on veut mettre quelque chose en ligne, on se fait prendre par quelque chose
de gros.
Haut de la page
alexdarcy allez vers le bas
Senior Member
Senior Member


Depuis le: 19 Oct 2015
Pays: France
Status: Inactif
Points: 453
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer alexdarcy Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 13 Juil 2016 à 19:41
voilà ce que cela donne quand je mets tout le code (ci dessus)
 
 
Haut de la page
alexdarcy allez vers le bas
Senior Member
Senior Member


Depuis le: 19 Oct 2015
Pays: France
Status: Inactif
Points: 453
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer alexdarcy Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 13 Juil 2016 à 19:29
et voilà ce que je devrais mettre à la place ? :
function autoResize(){
var id='iframe1';
    // Mesure de la largeur de la fenêtre pour opencart
var newwidth = $('#WEpanneauOC').width();
// forcer le redimensionnement vertical en imposant une hauteur de 100 pixels au contenu opencart
document.getElementById(id).height = (100) + "px";
// largeur imposée au contenu OpenCart
document.getElementById(id).width = (mettre ici la valeur désirée pour la largeur de la fenêtre OC) + "px";
// imposer un délai de 300 millisecondes pour permettre le redimensionnement du contenu
// ce délai, suffisant dans mon environnement, pourrait devoir être changé dans le votre
setTimeout(suite, 300);  vous devrez peut-être aussi augmenter cette valeur en ms
function suite(){
var id='iframe1';
var newheight;
// Mesure de la hauteur résultante de la page opencart
if(document.getElementById){
        newheight = document.getElementById(id).contentWindow.document .body.scrollHeight;
    }
// Imposer la hauteur au iframe
document.getElementById(id).height = (newheight) + "px";
// Imposer la hauteur du panneau d'éléments
$('#WEpanneauOC').css({height:newheight});
// Imposer la hauteur de la page openElement
$('.OESZ_XBodyContent').css({height:newheight});
}
 
??????


Edité par alexdarcy - 13 Juil 2016 à 19:30
Haut de la page
alexdarcy allez vers le bas
Senior Member
Senior Member


Depuis le: 19 Oct 2015
Pays: France
Status: Inactif
Points: 453
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer alexdarcy Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 13 Juil 2016 à 19:10
A savoir pour l'instant mon code est le suivant :
function autoResize(){
var id='iframe1';
var newheight;
var newwidth = $('#WEpanneauOC').width();             // largeur de la fenêtre pour OpenCart
document.getElementById(id).width = (newwidth) + "px";          // largeur imposée au contenu OpenCart
 if(document.getElementById){
       newheight = document.getElementById(id).contentWindow.document .body.scrollHeight;  // mesure de la hauteur résultante du contenu OpenCart
}
 $('.OESZ_XBodyContent').css({height:newheight+100});           // hauteur de la page openElement
 $('#WEpanneauOC').css({height:newheight+90});            // hauteur de la fenêtre pour OpenCart
 document.getElementById(id).height = (newheight+80) + "px"; 
 }
 
... et c'est tout !


Edité par alexdarcy - 13 Juil 2016 à 19:10
Haut de la page
alexdarcy allez vers le bas
Senior Member
Senior Member


Depuis le: 19 Oct 2015
Pays: France
Status: Inactif
Points: 453
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer alexdarcy Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 13 Juil 2016 à 19:00
Ok Hobby je vais essayer
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 5997
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 13 Juil 2016 à 18:21
La deuxième partie du code :

function suite(){
var id='iframe1';
var newheight;
// Mesure de la hauteur résultante de la page opencart
if(document.getElementById){
        newheight = document.getElementById(id).contentWindow.document .body.scrollHeight;
    }
// Imposer la hauteur au iframe
document.getElementById(id).height = (newheight) + "px";
// Imposer la hauteur du panneau d'éléments
$('#WEpanneauOC').css({height:newheight});
// Imposer la hauteur de la page openElement
$('.OESZ_XBodyContent').css({height:newheight});
}



Mesure la hauteur de la page OpenCart et l"applique à la hauteur du iframe, du panneau d'éléments et de la page OpenElement.

Encore une fois, si le délai de 300 ms n'est pas assez long, la page d'OC n'est pas définie donc la mesure de cette page n'est pas bonne et tout le reste en découle.  

Avez-vous testé en augmentant le délai de 300 à 10000 ms pour voir si ça fonctionne?  Si c'est le cas, réduisez progressivement le délai jusqu'à la limite et remettez un petit facteur de sécurité.

Quand on veut mettre quelque chose en ligne, on se fait prendre par quelque chose
de gros.
Haut de la page
alexdarcy allez vers le bas
Senior Member
Senior Member


Depuis le: 19 Oct 2015
Pays: France
Status: Inactif
Points: 453
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer alexdarcy Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 13 Juil 2016 à 17:22
Message posté par Hobby001 Hobby001 a écrit:

Message posté par alexdarcy alexdarcy a écrit:

Voilà...
Bon maintenant l'iframe est trop longue...

Voulez-vous dire que le footer de OE n'est plus visible?
 
Oui le bas de la page OE n'est pas visible...
Haut de la page
 Répondre Répondre Page  <12345 11>
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 10.18
Copyright ©2001-2014 Web Wiz Ltd.

Cette page a été affichée en 0,047 secondes.
Acheter votre vélo en ligne