Ma contribution au projet : POPUP produit

28 messages dans ce sujet

Posté(e) · Signaler ce message

Je donne une de mes contributions au projet PEEL.

La fenetre Popup d'un produit avec gestion de l'opacité pour "protéger" ses images.

Comme je ne peux joindre de fichier, je le met en brute dans ce commentaire :

<?

include("../configuration.inc.php");

$qid = mysql_query

("

SELECT

p.id

,p.reference

,p.nom

,p.descriptif

,p.description

,p.prix

,p.promotion

,p.image1

,p.image2

,p.image3

,p.image4

,p.pdf

,p.on_special

FROM

peel_produits p

WHERE p.id = '".$_GET['id']."'

AND p.etat = 1

");

$produit = mysql_fetch_object($qid);

?>

<html>

<head>

<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">

<title><? echo $produit->nom ?></title>

</head>

<body style="background-image: url(<? echo $repertoire_images.$produit->image2 ?>); background-repeat: no-repeat; width: 400px; height: 300px;" onclick="java script:self.close();">

<span style="float: left; filter: alpha(opacity=10); -moz-opacity: .10; opacity: .10; width: 400px; height: 300px;"><img src="../images/fond_popup.png" border="0"></span>

</body>

</html>

Si vous avez des questions, n'hésitez pas !

Vous pouvez voir en action ce module sur mon site : www.coolfx.fr : "agrandir la photo" d'un produit.

Stéphane

PS : quel beau projet ce PEEL...si seulement, j'avais plus de temps :-/

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Bonjour,

sujet intéressant !!

mais est ce que ça tourne avec mozilla ??

car j'ai des pb justement avec ça !!

à bientôt...

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Bonjour,

sujet intéressant !!

mais est ce que ça tourne avec mozilla ??

car j'ai des pb justement avec ça !!

à bientôt...

Je l'ai validé sur IE et Mozilla...mais pas les autres navigateurs.

Stéphane

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Je l'ai validé sur IE et Mozilla...mais pas les autres navigateurs.

Stéphane

pour etre juste faudrait le valider aussi sur safari...

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Salut a tous

Merci mais je ne sais ou placer ce code,quel fichier?

Merci...

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Bonjour

Personne pour me dire ou placer ce fichier?

Merci a l'avance...

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Bonjour

Personne pour me dire ou placer ce fichier?

Merci a l'avance...

certainement, dans /modèles/haut.php

ou /modèles/default/template.php

puisqu'il s'agit de l'image zoom, correspondant à la deuxième image du produit,

enfin, bref, je n'ai pas encore testé,

bon samedi,

jackye

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Merci mais non c'est pas ça...

Quelqu'un sait??

Merci.

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Merci mais non c'est pas ça...

Quelqu'un sait??

Merci.

essaye voir dans achat/modèles/produit_details......

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Merci mais non pas ça...

Il doit pourtant y avoir pas mal de monde l'utilisant,c'est pratique...

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

dans la page achat/index.php par exemple, dans la boucle qui annonce les produits d'une catégorie, ajoute ceci

<a HREF="java script:popUp('<?php echo $wwwroot?>/achat/zoom.php?id=<?php echo $prod['id'] ?>')" class='zoom'>

<img src="<?php echo $wwwroot?>/modeles/imagePage/zoom.jpg" width="61" height="15" border="0" id="zoom" align="left">

</a>

ensuite créé une page zoom.php que tu met dans le dossier achat/

dans la page zoom.php, tu met le code qu'a indiqué coolfx.

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Merci a toi mais je ne trouve pas la boucle qui annonce les produits d'une categorie...

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Merci a toi mais je ne trouve pas la boucle qui annonce les produits d'une categorie...

apres cette ligne dans achat/index:

while($prod=mysql_fetch_array($result))

{

?>

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Dans la page achat/index.php après cette ligne:

while($prod=mysql_fetch_array($result))

{

?>

J'ai ajouté ceci:

<a HREF="java script:popUp('<?php echo $wwwroot?>/achat/zoom.php?id=<?php echo $prod['id'] ?>')" class='zoom'>

<img src="<?php echo $wwwroot?>/modeles/imagePage/zoom.jpg" width="61" height="15" border="0" id="zoom" align="left">

</a>

Puis crée une page achat/zoom.php avec ceci:

<?

include("../configuration.inc.php");

$qid = mysql_query

("

SELECT

p.id

,p.reference

,p.nom

,p.descriptif

,p.description

,p.prix

,p.promotion

,p.image1

,p.image2

,p.image3

,p.image4

,p.pdf

,p.on_special

FROM

peel_produits p

WHERE p.id = '".$_GET['id']."'

AND p.etat = 1

");

$produit = mysql_fetch_object($qid);

?>

<html>

<head>

<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">

<title><? echo $produit->nom ?></title>

</head>

<body style="background-image: url(<? echo $repertoire_images.$produit->image2 ?>); background-repeat: no-repeat; width: 400px; height: 300px;" onclick="java script:self.close();">

<span style="float: left; filter: alpha(opacity=10); -moz-opacity: .10; opacity: .10; width: 400px; height: 300px;"><img src="../images/fond_popup.png" border="0"></span>

</body>

</html>

Quel est le soucis?

Merci.

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

il te manque l'image sur laquelle cliquer

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Bonjour

Merci a toi mais si tu clique bien sur l'image,ya bien un soucis quand meme...

A l'aide ça me rend fou ce truc...

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Bonjour

Merci a toi mais si tu clique bien sur l'image,ya bien un soucis quand meme...

A l'aide ça me rend fou ce truc...

Salut

Ca fait un ptit moment que je suis pas passé par ici.

au premier coup d'oeil comme ça, y'a un déjà un souci dans ta source : tu a ecris java script au lieu de javascript. il n'y a pas d'espace entre java et script.

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Merci Alexis j'ai reglé le pb mais il ne se passe toujours rien: Aucun Popup....

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Merci Alexis j'ai reglé le pb mais il ne se passe toujours rien: Aucun Popup....

http://www.bijoux-discount.eu/achat/index.php?catid=12

Allez voir

tu n'a défini aucune fonction pop up. Il te faut définir une fonction popup ou alors reprendre celle déjà existante dans windows.js.

le problème vient, et il n'y a aucun mépris dans mes propos, des gens qui sur ce forum poste du code mal ficellé, des astuces bancales qui vont contre les régles élémentaires du codage.

imagine si des futurs clients de ta boutique ont un anti-popup ( voire plusieurs avec toutes les toolbarres et tous les logiciels qui le propose ) : ben ils verront rien, ils cliqueront et rien ne se passera ou alors un message de sécurité peut leur faire croire que ton site leur veut du mal.

J'ai devellopé ( et je sais pas encore si je vais publier les modifs ) une version Tableless 100% CSS de PEEL SHOPPING a laquelle j'ai meme rajouté une gestion du stock. Si je sais pas si je vais la publier c'est a cause de la misere " de codage " que je croise ici, je citerais pas de nom mais en allant visualiser les sources de certaines boutiques ça sent le copier-coller couplé a du dreamweaver, du namowebeditor et autre WYSIWYG, j'ai vu des doctypes multiples des head non fermés, des tas de trucs un peu incohérents. Fin voila.

si tu veux plus d'explications sur comment obtenir ce que tu veux, je te conseille soit de payer qq dont c'est le travail, soit de mettre sérieusement les mains dans le cambouis et tu verra ça te sera plus profitable qu'autre chose.

A +.

Bonjour,

sujet intéressant !!

mais est ce que ça tourne avec mozilla ??

car j'ai des pb justement avec ça !!

à bientôt...

:huh: :D :(

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Ah...

Tu en deduis donc qu'on m'a refilé du code en vrac, alors?

Le mieux serait peut-etre,sur la page de description de l'objet,d'avoir une image agrandie directement?

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

je te trouve gonflé cher ami.

Tu es bien rapide pour cracher sur le travail des autres, tu es prompt à critiquer les différents intervenants et tu te vante de ton travail?

Tout ca pour dire, vu que j'y ai bcp bossé je veux pas le partager?

c'est vraiment n'importe quoi!

En plus meme pas capable de donner les bons renseignement pour un simple popup.

Comment ca il n'a pas défini de fonction popup? non mais tu rigole ou quoi?

Depuis quand il faut redéfinir les fonctions de bases?????

Bon pour ce qui est de la fonction, elle marche très très bien. Exemple :

http://azstudio.free.fr/boutique/achat/index.php?catid=10

Et d'autres part, cela fait dix fois que l'on demande à tout bout de champs que celui qui a fait une version css la mette en partage, tu peux le faire ou tu vas juste critiquer ma remarque?

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Comment ca il n'a pas défini de fonction popup? non mais tu rigole ou quoi?

Depuis quand il faut redéfinir les fonctions de bases?????

<script language="JavaScript">

function popUp(URL) {

day = new Date();

id = day.getTime();

eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=45

0,height=350,left = 350,top = 450');");

}

rub = new Array;

menu=function(id){

for(i=0;i<rub.length;i++){

	if(rub[i]==id){

		document.getElementById(rub[i]).style.display='block';

	}else{

		document.getElementById(rub[i]).style.display='none';

	}

}

}

</script>

1er : cette fonction n'apparait pas dans la page produit de la personne qui rencontre le probleme d'ouverture de la popup

2e : cette fonction n'a jamais été une fonction de base.

3e: personne n'arelevé dans le code de coolfx que javascript était orthographié java script avec un espace en trop

4e : j'ai précisé ( mais c'est la le destin et le defaut des forums ) que je ne me voulais pas agressif.

5e : l'experience des forums m'a appris que donner un coup de main gratuit je veux bien y'a pas de soucis. Ici il s'agit d'une boutique donc d'aider qq a gagner de l'argent ( je parle meme pas de devenir riche ) et le faire gratuitement comme ça bof bof. Pas que je sois vénal mais bon.

6e : lorsque je vois de simples " déclinaisons " du code source ( cad juste restyliser les tables html ) se faire passer pour du CSS.....

7e 'fin bref.

Amicalement

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

il est possible de faire un zoom sur les produits sans javascript et en css mais le souci est que lorsque le zoom apparait on voit la liste de sélection à travers.

bien entendu le zoom ne suivra pas la souris

mais le faire en Ajax, c'est encore plus terrible !!

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

@ Alexis

Alors explique moi pourquoi cela marche sur le liens donner plus haut?

Coup de bol?

Pour ce qui est du css, c'est vrai, c'est super.

Tu as pris le temps de le faire et je respecte ton travail. Toutefois tu t'es bien basé sur des class et des fonctions que tu n'as pas programmé et ce gratuitement (principe de shopping)

c'est dans ce sens que je trouve ton discours gonflé.

D'autre part, si tu viens sur le forum c'est normalement pour s'entraider.

Je ne fais pas parti de l'équipe peel.

Toutefois si je peux aider des personnes je le fait du mieux possible.

Et ce gratuitement, sauf si il est question de formation à domicile mais là rien de plus normal non?

Si as remarqué, nous sommes en train de monter (doucement) une nouvelle version de peel.

Si tu veux baisser le ton et partagé ton travail, je suis certain que l'on pourrait s'entendre et offrir à des entrepreneurs privé la chance de pouvoir monté sa propre boutique en ligne sans frais.

en esperant ne pas paraitre agressif, Atila

Partager ce message


Lien à poster
Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !


Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.


Connectez-vous maintenant

Twitter Advisto ecommerce

Facebook PEEL Shopping