La V5 et l'affichage des images produits ...

33 messages dans ce sujet

Posté(e) · Signaler ce message

Hello,

Voilà, existe-t-il un moyen de redimentionner les images produits ... mais proportionnellement à leur taille d'origine ?

imaginons :

je possède une image qui fait 1600 * 980 pixel

je dit que mon image doit faire 800 * 400 pixel (dans ce cas-ci, l'image sera difforme)

le redimentionnement à faire serait 800 * 490 ou alors 653 * 400

J'espère avoir été clair :s

Merci d'avance pour votre aide ...

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Bonjour equi-monde,

Théoriquement, le modules thumbs de PEEL SHOPPING 5.0 devrait répondre à vos besoins,

Cordialement,

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Bonjour equi-monde,

Théoriquement, le modules thumbs de PEEL SHOPPING 5.0 devrait répondre à vos besoins,

Cordialement,

Bjr Jean-Hervé,

Donc, si je comprends bien, au lieu de faire un lien vers le dossier upload, je dois faire un lien vers le dossier upload/thumbs ?

Par code ou à la main par Sql ?

encore merci

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Bonjour equi-monde,

non,je parlais d'exploiter le code contenu dans le fichier /modules/thumbs/fonctions.php

Cordialement,

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Hello,

Je suis novice, j'essaie de me débrouiller ... mais là je bug :s

Peux-tu me dire ce que je dois faire exactement point par point :s

Merci d'avance

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Bonjour equi-monde,

non,je parlais d'exploiter le code contenu dans le fichier /modules/thumbs/fonctions.php

Cordialement,

Je me demandais si il n'y avait pas possibilité de modifier le code comme tel

If height>width then reduce height at ...x...

If width>height then reduce width at ...x...

Enfin un truc du genre je suis pas pro en programmation mdr

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Bonjour equi-monde,

Dans modules/thumbs.php, vous avez une fonction thumbs(), qui prend en paramètre u chemin vers une image, ainsi qu"une hauteur et une largeur.

Cette fonction redimensionne toute photo passée en paramète de manière harmonieuse. (cad en respectant les proprtions de la photo source)

Il vous faut donc, aux différents endroits désirés, faire appel à cette fonction, ce qui rejoint à mon sens votre dernière remarque.

Cordialement,

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Bonjour equi-monde,

Dans modules/thumbs.php, vous avez une fonction thumbs(), qui prend en paramètre u chemin vers une image, ainsi qu"une hauteur et une largeur.

Cette fonction redimensionne toute photo passée en paramète de manière harmonieuse. (cad en respectant les proprtions de la photo source)

Il vous faut donc, aux différents endroits désirés, faire appel à cette fonction, ce qui rejoint à mon sens votre dernière remarque.

Cordialement,

Ok ,

Donc si je comprends bien, dans la page produit_details.php, je dois appeler cette fonction au niveau de l'affichage des images

while($i<=10){

	if(!empty($prod['image'.$i])){

		echo "<p><img src=\"$wwwroot/upload/thumbs/" . thumbs($prod['image'.$i], $medium_width, $medium_height, $method = "fit") . "\" border=\"0\" title=\"" . $prod['nom_' . $_SESSION['langue'] . ''] . "\" alt=\"" . $prod['nom_' . $_SESSION['langue'] . ''] . "\"></p>";

?

Peut on me dire quel bout de code je dois introduire et surtout où ?

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Bonjour equi-monde,

Effectivement, c'es bien ce que vous avez proposé.

Pour info, vous pouvez repérer dans une version PEEL SHOPPPING 5.0 tous les appels à la fonctions thumbs (il y a à ma connaissance une dizaine de fichiers concernés) et les ajouter dans votre version 5.0.

Cordialement,

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

J'ai beau essayer de remplacer les bouts de code par des bout d'ailleur mais je ne trouve pas ...

Serait-il possible de me transmettre le code à saisir à la place de l'ancien ça serait vraiment gentil.

Bonne journée et merci d'avance.

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Bonjour,

Je rencontre ce même problème, par exemple, sur la page de la liste des produits, mes images sont redimensionnées en 260 x 260 et ce malgré la taille des vignettes des photos que je détermine dans le paramétrage de la boutique.

Ou se trouve le code pour ce dimensionnement automatique ?

Est il possible de pouvoir définir la largeur et de laisser la hauteur en redimensionnement automatique ?

Je m'explique, si je met par exemple 350 x rien, que je valide et que je revienne sur le formulaire, il m'affiche 350 x 0.

Mes images ont une hauteur de plus ou moins 10 pixels et impossible de les redimensionner toutes à l'identique.

Merci par avance pour vos réponses.

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Re hello,

Je n'ai plus de nouvelles de notre ami admin :'(

Quand tu reviendras, Ô vénéré admin, pourrais-tu nous éclairer ?

Merci d'avance,

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Re hello,

Je n'ai plus de nouvelles de notre ami admin :'(

Quand tu reviendras, Ô vénéré admin, pourrais-tu nous éclairer ?

Merci d'avance,

equi-monde je me permets de te répondre car j'ai résolu mon problème. Dans la feuille de style, il y a deux endroits ou est défini une taille 260 x 260 pour les images "grandes" et "moyennes".

Personnellement, j'ai supprimé le code entre les { }.

Mes images à la base ne sont pas très grandes donc je n'ai pas besoin de généré des images de petits format mais si ce n'est pas ton cas, vire quand même le code dans la feuille de style et paramètre la taille via admin (à conditions que toutes tes images soient de la même dimensions à plus ou moins 10 pixels)

En espérant t'avoir aidé.

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Tout d'abord, je suis un utilisateur de peel depuis le début, et je ne peux dire que bravo pour cette dernière version de Peel shopping 5.0

Je rencontre le même problème avec les images. Mes images sources sont rectangulaires (venant d'une ancienne version Peel).

Dans la version 5.0, la présentation des produits en ligne ne pose pas de problème, ni l'image zoom.

Par contre, dans la présentation des produits en colonnes, les images sont devenues carrées et donc déformées. Il es est de même dans la page détail produit.

J'ai fait l'expérience avec une image source carrée, et là tout fonctionne, mais j'ai plus de 600 images et je ne me vois pas les reprendre toutes.

De plus, il semble qu'il y a un bug dans la présentation en colonnes, l'image est floue (ce qui n'est pas le cas dans la page détail produit). Il semble que Peel utlise la vignette (paramétrée à 150 px) comme source et évidement à l'affichage de 260 px, c'est flou! alors que la page détail produit prend la plus grande image comme source.

Qui peut m'aider? j'ai fouillé dans les fichiers, mais pas trouvé

merci d'avance

Yves

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

:rolleyes: Toujours aucune réponse! nous testons en Peel shopping avant d'acheter la version premium, mais on avait des réponses très rapides dans le passé, ce qui ne semble plus être le cas.

Il semble qu'il y ait bien un bug sérieux.

1) Impossible d'utiliser des images rectangulaires, elles sont déformées au format carré pour la page produit et l'affichage des produits en colonnes

2) Avec des images carrées (mais je n'ai pas envie de reprendre mes 600 images), problème suivant:

    a) Paramètrage vignettes 150x150px et produits détail 260x260px:

        - c'est ok pour l'affichage en lignes et page détail produit, mais l'image est grossie à 260x260px dans l'affichage en colonnes et donc floue.

    :lol: Paramètrage vignettes 260x260px et produits détail 260x260px:

- c'est ok pour l'affichage en colonnes et page détail produit,

        - mais l'image reste à 260x260px dans l'affichage en ligne et déborde du cadre

C'est donc inutilisable car il est impossible de changer la présentation (lignes ou colonnes) d'une catégorie en gardant un affichage correct des photos

De plus on ne peut pas garder nos anciennes photos en les important directement dans la base mysql car Peel shopping les crée en les redimensionnant (mal) automatiquement

Merci si quelqu'un a une solution rapide

Cordialement

Yves

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Hello Yves,

Je voudrais juste corriger ce que tu dis ... ou alors, tu as un problème supplémentaire.

Les images ne sont pas redimentionné de base à 150x150 sinon lorsque tu cliquerais sur zoom tu aurais tes images difformes également ce qui n'est pas mon cas ...

Jean-Hervé nous a dit d'implanter un code pour appeler la fonction TUMBS, mais comme je l'ai mentionné, après plusieurs essais, je n'y suis toujours pas arrivé.

Et je suis à plus de 1000 images :s

SNIF ^^

Bonne journée à toi,

Chers administrateurs,

Je comprends que ceux possédants une version premium aient la prioritée,

mais ne nous oubliez pas :'(

Merci d'avance :rolleyes:

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

:rolleyes: Toujours aucune réponse! nous testons en Peel shopping avant d'acheter la version premium, mais on avait des réponses très rapides dans le passé, ce qui ne semble plus être le cas.

Il semble qu'il y ait bien un bug sérieux.

1) Impossible d'utiliser des images rectangulaires, elles sont déformées au format carré pour la page produit et l'affichage des produits en colonnes

2) Avec des images carrées (mais je n'ai pas envie de reprendre mes 600 images), problème suivant:

    a) Paramètrage vignettes 150x150px et produits détail 260x260px:

        - c'est ok pour l'affichage en lignes et page détail produit, mais l'image est grossie à 260x260px dans l'affichage en colonnes et donc floue.

    :lol: Paramètrage vignettes 260x260px et produits détail 260x260px:

- c'est ok pour l'affichage en colonnes et page détail produit,

        - mais l'image reste à 260x260px dans l'affichage en ligne et déborde du cadre

C'est donc inutilisable car il est impossible de changer la présentation (lignes ou colonnes) d'une catégorie en gardant un affichage correct des photos

De plus on ne peut pas garder nos anciennes photos en les important directement dans la base mysql car Peel shopping les crée en les redimensionnant (mal) automatiquement

Merci si quelqu'un a une solution rapide

Cordialement

Yves

J'ai eu le meme probleme et je suis rentre bidouiller le code c'est un moyen comme un autre

ca se passe dans la feuille de style SCREEN.css (modele/blog)

Ici vous avez deux parametres a modifier

td.produit2col img {

width:260px;

height:260px;

}

td.fp_image_grande img{

width:260px;

height:260px;

}

et mettre la taille que vous souhaitez je pense que si vous ne mettez rien limage prendra sa taille d'origine

Je sais pas si cela peut aider

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Y a t'il moyen d'asister à ton site pour voir ce que ça donne ?

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Y a t'il moyen d'asister à ton site pour voir ce que ça donne ?

je suis en plein dev encore je ne peux rien montrer malheureusement

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

J'ai testé, ça ne change rien au problème...

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Hello Yves,

Je voudrais juste corriger ce que tu dis ... ou alors, tu as un problème supplémentaire.

Les images ne sont pas redimentionné de base à 150x150 sinon lorsque tu cliquerais sur zoom tu aurais tes images difformes également ce qui n'est pas mon cas ...

Jean-Hervé nous a dit d'implanter un code pour appeler la fonction TUMBS, mais comme je l'ai mentionné, après plusieurs essais, je n'y suis toujours pas arrivé.

Et je suis à plus de 1000 images :s

SNIF ^^

Bonne journée à toi,

Chers administrateurs,

Je comprends que ceux possédants une version premium aient la prioritée,

mais ne nous oubliez pas :'(

Merci d'avance ;)

Non non, j'ai vérifié, je teste en local actuellement, c'est pour ça que je suis étonné du manque de réaction de Peel:

Je paramètre la boutique avec des vignettes à 150x150 et la photo de la page produit à 260x260

Si j'utilise une image source rectangulaire de 400x234, Peel shopping génère automatiquement dans le répertoire 'upload' 1 photo de 400x234, et dans le répertoire 'thumbs" 1 vignette de 150x87, 1 autre de 260x152. Jusque là c'est ok

A l'affichage des produits en colonnes, il affiche la vignette de 150x87 agrandie au format 260x260 :rolleyes: , donc complètement déformée et floue; au zoom celle de 400x234, donc ok; mais dans la page détail produit, c'est celle de 260x152 donc nette mais complètement déformée à 260x260 :( qui est utilisée.

Si on choisit l'affichage en lgnes, la photo utilisée est la vignette 150x87, donc ok, le zoom ok aussi, mais le problème reste pour la page produit.

Si ce n'est pas un bug, qu'est-ce que c'est? mais personne ne seble s'en soucier!

Je vais tester la version Premium sur le site mais si il n'y a pas plus de réaction que ça, je vais sûrement aller voir les autres open source plus réactifs

:lol: Si quelqu'un à la soulution rapide sans bidouillage excessif, merci d'avance

Yves

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

A l'affichage des produits en colonnes, il affiche la vignette de 150x87 agrandie au format 260x260 :rolleyes: , donc complètement déformée et floue

Vous pouvez essayer ceci pour l'affichage colonne:

=> dans modeles/XXX/screen.css , (XXX= modele selectionné dans config boutique), mettre en commentaire comme suit:

td.produit2col img {

/* width:260px;

height:260px; */

}

(J'ai pour ma part changé 150 en 230 pour les petites images, dans param boutique)

et pour l'affichage ligne (si les colonnes sont trop etroites),

.col2{

width: 230px;

padding-top: 10px;

padding-bottom: 2px;

float: left;

border:1px solid #C7C7C7;

}

.col3{

width: 315px;

padding-top: 10px;

padding-bottom: 2px;

padding-left:5px;

float: left;

}

mais dans la page détail produit, c'est celle de 260x152 donc nette mais complètement déformée à 260x260 :lol: qui est utilisée

=>

td.fp_image_grande img{

/* width:260px;

height:260px; */

Si on choisit l'affichage en lgnes, la photo utilisée est la vignette 150x87, donc ok, le zoom ok aussi,

moi, j'ai toujours un pb sur le zoom...

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Ta formule permet d'afficher les images en taille réelle ... ce que je / nous cherchons, c'est un moyen de redimentionner les images en gardant les proportions ...

Donc à l'aide d'une foction Thumbs ... Le seul problème, c'est que je ne sais pas quel bout de code mettre et surtout où le placer.

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Vous pouvez essayer ceci pour l'affichage colonne:

=> dans modeles/XXX/screen.css , (XXX= modele selectionné dans config boutique), mettre en commentaire comme suit:

td.produit2col img {

/* width:260px;

height:260px; */

}

(J'ai pour ma part changé 150 en 230 pour les petites images, dans param boutique)

et pour l'affichage ligne (si les colonnes sont trop etroites),

.col2{

width: 230px;

padding-top: 10px;

padding-bottom: 2px;

float: left;

border:1px solid #C7C7C7;

}

.col3{

width: 315px;

padding-top: 10px;

padding-bottom: 2px;

padding-left:5px;

float: left;

}

=>

td.fp_image_grande img{

/* width:260px;

height:260px; */

moi, j'ai toujours un pb sur le zoom...

Merci mais ce n'est pas possible car mes photos de base sont de proportions variables.

j'ai testé la version démo de Peel Premium et là tout semble bien fonctionner! Par contre j'ai posé plusieurs autres questions sur la Premium à Peel par mail et silence radio!

les mails info@peel.fr et contact@peel.fr reviennent systématiquement. la copie que j'ai envoyée ce matin sur le mail personnel d'un commercial de chez Peel ne m'est pas revenu mais je n'ai ni AR, ni réponse.

Je commence à douter sérieusement du suivi, même pour la Premium!

J'utilise peel depuis le début et ils étaient très réactifs; mais là!

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Bon, en continuant mes recherches ...

J'ai trouvé un moyen d'arriver à bloquer un élément

td.produit2col img {

	width:260px;

	height:auto;

}
Je conseille celui-ci, OU alors, mais c'est moin bien !!!
td.produit2col img {

	height:260px;

	width:auto;

}
par contre ceci
td.produit2col img.if (width < height){

	width:260px;

	height:auto;

}	else {

	height:260px;

	width:auto;

}

Ne fonctionne pas !!! SNIF

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