Problème affichage badge VER 2.0 et VER 2.1

Bonjour à tous et à toutes,

Je rencontre un problème pour les badges sur les produits.

J'ai créé toutes sortent de badges que j'ai affecté à une catégorie.
Si j'affecte un produit à cette catégorie le badge apparait, mais sur la même ligne des produits il devient de plus en plus petit.

image 20

J'ai fais un test sur les versions 2.0 et 2.1 le problème est identique.
les recherches que l'ai faits pour résoudre le problème sont les suivants.

J'ai fabriqué d'autres bandeaux (EXEMPLE : IMAGE BANDEAU NOUVEAUTE) et j'ai vérifié les dimensions des bandeaux elles sont identiques.
Les bandeaux sont .PNG
j'ai testé avec GIF
J'ai testé sur serveur en local et OVH
J'ai testés sur un autre site
j'ai testé version 2.0 et 2.1

tous les points ci dessus rencontrent le même problème.

en vous remerciant de me donner des pistes pour résoudre ce problème d'affichage.
Merci d'avance

Complément d'information,

Je viens de refaire un autre bandeau présentation horizontal et l'affichage à changé.
Image 21

Je vous envoi aussi une copie du paramétrage du badge.

Image 22
Ce qui est étonnant c'est que je vois pas l'image (cercle rouge) mais si je clique dessus elle apparaît.
image 23

J'ai aussi essayé sur plusieurs lignes et l'affichage reste aussi défaillant.
image 24


Image 25
Je viens aussi de m'apercevoir que cela à une influence sur le pourcentage.
j'ai créé 2 badges
badge 1 (NEW) mis affichage à 100%
badge 2 (PROMOTION) mis à 200%

et le badge 1 et 2 apparaissent bien mais à 100% tous les deux
par contre le second badge NEW apparait seulement à 50% du premier badge NEW

si les informations peuvent vous être utiles.

Merci

J'ai trouvé d'ou viens mon problème.
ce qui ne le résout pas pour autant et pour l'instant.

L'erreur d'affichage est lié à la taille de l'image dans le produit.

Image 26
dans les trois produits l'image produit gauche et milieu ont des hauteurs et les badges apparaissent correctement.
Par contre le produit de droite à une image inférieure en hauteur à l'image du badge ce qui provoque la réduction du badge en fonction de l'image.

image 27
je change le produit de droite avec une image en hauteur supérieure à celle du badge et l'image du badge est affichée correctement.

Auriez vous une solution pour m'aider à résoudre mon problème.

Informations complémentaires.

Image 28
je fais un cadre blanc de 600x600 au format PNG
le badge est à 100% dans les paramètres
le badge apparaît correctement

Image 29
je fais un cadre blanc de 600x150 au format PNG
le badge est à 100% dans les paramètres
le badge apparaît réduit

Image 30
copie image dans administration du produit

Je vous confirme que les dimensions d'affichage du badge sont liés à la dimension de l'image qui est affichée.

Si cela peut vous aider.

Et je rajoute pour vous aider éventuellement
image 31
le cadre fait soit 600x150 ou 600x600
ATTENTION dans l'administration il garde un exemple de l'image il faut donc
dans une fiche produit
supprimer toutes les images du produit
enregistrer
retelecharger l'image
enregistrer
sinon cela ne fonctionne pas il garde le badge en réduit même si l'image et en 600x600.

j'ai réussi en faisant cela à obtenir sur la même ligne un badge identique mais avec des tailles différentes...

Bonjour à toutes et à tous,

Je reviens vers vous pour un problème qui avait été en partie répondu mais qui n'a pas pour l'instant trouvé de solution.

je ne pense pas que afficher les badges en fonction des dimensions des images des produits soient logiques.
Ils existent souvent des images dont les dimensions sont différentes et cela occasionne des affichages très moches.

Pourriez vous me donner une piste afin de résoudre ce problème d'affichage.?

Toujours dans le cadre des badges je rencontre un autre problème que je ne sais résoudre.

Image 32
j'ai créé un module en bas de page faisant afficher des produits.
les produits sont aléatoires et certains possèdent des badges (voir image 32)
Par contre pour une même page les emplacements des badges sont décalés.
J'ai vérifié en utilisant firebug et les paramètres CSS entre le cadre (numéro 5) et le cadre (numéro 6) sont identiques.
Pourtant le décalage de l'image et du badge sont différents entre les cadres.

Image 33
J'ai donc changé l'image du badge mais le problème reste présent.


En conclusion j'ai constaté.

Les badges sont créé dans des répertoires (voir image 35) différents en fonction de taille et sont donc appelés en fonction de l'image du produit.

j'aimerai que les badges soient identiques quelque soit la taille de l'image.
J'ai fais des essais en incluant du CSS dans css personnalisé mais pas de résolution
J'ai fais des essais en modifiant le fichier PHP (vues>listing_img_title) en product mais pas de résolution.

En vous remerciant.

Bonjour à tout le monde,

et merci à Nicolas pour la réponse.

Dans le post j'ai deux problèmes et la réponse de Nicolas à résolu 1 problème.
Dans le fichier badge.php ligne 112 à ... j'ai fais la modif suivante.

if($badge->badge_published == 1) {
$badge_width =122; /* intval(($width_real * $badge->badge_size) / 100);*/
$badge_height =122; /*intval(($height_real * $badge->badge_size) / 100);*/

Le 122 est la dimension au carré du badge utilisé.
cela résout mon problème d'affichage qui n'a plu de contrainte d'affichage en fonction de la dimension d'image.
ATTENTION à la prochaine mise à jour il faudra de nouveau faire la modification ci dessus.

Suggestion :
Si je peux me permettre je propose la solution suivante.
Afin que les utilisateurs de HIKASHOP ai le choix de l'affichage de la dimension du badge vous pourriez dans le paramètre du badge inclure une condition du style
voir image 38
PS : j'ai aussi entouré l'image du badge qui pour moi ne s'affiche jamais quelque soit le badge.

Mon second problème d'affichage est insoluble pour moi.

maintenant que le badge s'affiche dans la bonne dimension quelque soit l'endroit il reste par contre décalé en fonction.
voir image 39
la class pour les deux images est identique. hikashop_badge_topleft_div
les divs sont pour les deux
<div class="hikashop_badge_topleft_div" style="position: absolute; z-index: 2; top: -10px; left: 0px; margin-top: 0px;">
<div class="hikashop_badge_topleft_div" style="position: absolute; z-index: 2; top: -10px; left: 0px; margin-top: 0px;">
et malgré cela j'ai un décalage de position de badge.

je vous transmets aussi le lien pour l'affichage de l'image 39.
Lien 1

ATTENTION pour l'image 39 les deux copies d'écran sont pour la page centrale (cadre de gauche) et le module en bas de page (cadre de droite).
Si vous ne voyez pas de "Nouveauté" dans le module bas de page il faut faire F5.

En vous remerciant d'avance pour votre aide.

Bonjour à tout le monde,

j'ai réussi à réduire (pas supprimer) la différence d'écart entre les fiches produits de ma page et le module des fiches produits en bas de page.
J'ai toutefois encore une différence d'écart. (voir image 40)

Pour cela j'ai fais plusieurs modifications.
dans le fichier vues>listing_img_title>produit> j'ai modifié les lignes suivantes
voir les caractères gras

<div style="height:<?php echo $this->image->main_thumbnail_y;?>px;text-align:left;clear:both;" class="hikashop_product_image">
<div style="position:relative;text-align: left;clear:both;width:<?php echo $this->image->main_thumbnail_x;?>px;margin-left: 0px;" class="hikashop_product_image_subdiv">

cela m'a permis de mettre l'image à gauche et le badge à suivi et de réduire l'écart.

QUESTION à quoi sert la class hikashop_product_image_subdiv
que je la mette ou la retire pas d'affectation dans l'affichage.
En outre dans le fichier CSS je ne la retrouve pas.

QUESTION dans le fichier vous inscrivez
$this->classbadge->placeBadges($this->image, $this->row->badges, -10, 0);

Pourquoi -10 car dans la gestion des emplacements pour les badges on donne la possibilité de positionner le badge.
Pour moi j'ai modifié en le remettant à zéro

ensuite j'ai modifié le fichier badge.php
$styletopleft="position: absolute; z-index:2; top: ".$position_top."px; left: ".$position_left."px;margin-top:10px;";
$styletopright="position: absolute; z-index:3; top: ".$position_top."px; right: ".$position_right."px;margin-top:10px;";
$stylebottomleft="position: absolute; z-index:4; bottom: ".$position_bottom."px; left: ".$position_left."px;margin-bottom:10px;";
$stylebottomright="position: absolute; z-index:5; bottom: ".$position_bottom."px; right: ".$position_right."px;margin-bottom:10px;";

if($position == 'topleft' && ($position1 == 0 || $badge->badge_ordering < $position1)) {
echo '<div class="hikashop_badge_topleft_div" style="' . $styletopleft . '">'. $image->display(@$badge->badge_image,false,@$badge->badge_name,'','', $badge_width, $badge_height).'</div>';
$position1 = $badge->badge_ordering;

QUESTION
meme question que précédemment
Pourquoi 10px car dans la gestion des emplacements pour les badges on donne la possibilité de positionner le badge.
Pour moi j'ai modifié en le remettant à zéro

toujours cette class que je ne retrouve pas....

Enfin une dernière question
j'utilise firebug et quand je survole les badges apparait une div dans le module de bas de page qui n'apparait pas en haut.
Je ne trouve pas d'ou elle vient mais c'est elle qui décale le badge.
<div class="hikashop_badge_topleft_div" style="position: absolute; z-index: 2; top: -15px; left: 0px; margin-top: 0px;">
<img src="/media/com_hikashop/upload/thumbnail_122x122/bandeau_nouveaute_122_calque_150.png" alt="Bandeau nouveauté"/>
</div>
Voir image 41

ATTENTION ne pas oublier que la prochaine version de hikashop écrasera les modifications dans les fichier PHP...

En espérant avoir réussi à me faire comprendre...

En vous remerciant pour votre aide.