Déformation vignette produit

[FS47]

Bonjour à tous  

Je suis actuellement en PS 1.7.8.8.

J'ai actuellement les vignettes de mes images qui sont déformées (voir images attachées), quand j'inspecte le code, l'image à une dimension de 235x235px dans le code mais quand je met la souris sur l'image, j'ai une image de 100x235px.

Quand je regarde les dimensions prédéfinies dans le back office, small_default est bien sur 235x235px.

Savez-vous d'où mon problème d'affichage de vignettes en bas a gauche peut venir ?

Est-ce possible de désactiver cette partie ?

 

 

[wepresta]

Bonjour,

Vous n'avez pas modifié du css ?

[FS47]

il y a 5 minutes, wepresta a dit :

Bonjour,

Vous n'avez pas modifié du css ?

Il me semble pas.

Voici le lien direct si vous souhaitez regarder: https://fers-services47.com/serrurier/802-tube-ser-rond-16x15-054-kg-m.html

[FS47]

Il me semble que j'avais modifier la taille de cette famille d'image à un moment : small_default

Peut être faut-il régénérer les miniatures ?

[wepresta]

8 minutes ago, FS47 said:

Il me semble que j'avais modifier la taille de cette famille d'image à un moment : small_default

Peut être faut-il régénérer les miniatures ?

Ce que je vois c'est que le module override le width a 114px ; ce qui déforme l'image

[FS47]

il y a 9 minutes, wepresta a dit :

Ce que je vois c'est que le module override le width a 114px ; ce qui déforme l'image

Oui, je viens de le voir également.

C'est bizarre, je n'ai pas pas mis en dur cette valeur dans les fichiers ou dans le custom.css.

J'avais pensé cacher les vignettes car je ne les utilisent pas dans le fonctionnement du site, j'ai fait ceci.
 

.js-qv-mask mask 
{
    display: none !important;
}

En virtuel, ca fonctionne, en dur dans le custom.css, ca ne fonctionne pas

Edited September 28, 2023 by FS47 (see edit history)

[wepresta]

2 hours ago, FS47 said:

Oui, je viens de le voir également.

C'est bizarre, je n'ai pas pas mis en dur cette valeur dans les fichiers ou dans le custom.css.

J'avais pensé cacher les vignettes car je ne les utilisent pas dans le fonctionnement du site, j'ai fait ceci.
 

.js-qv-mask mask 
{
    display: none !important;
}

En vituel, ca fonctionne, en dur dans le custom.css, ca ne fonctionne pas

Il vous manque un point avant mask  

.js-qv-mask .mask 
{
    display: none !important;
}

 

[FS47]

il y a 18 minutes, wepresta a dit :

Il vous manque un point avant mask  

.js-qv-mask .mask 
{
    display: none !important;
}

 

Marche pas

J'ai essayé ceci et cela semble fonctionner

#main .images-container .js-qv-mask {
    display: none;
}

 

Edited September 28, 2023 by FS47 (see edit history)

[wepresta]

Just now, FS47 said:

Marche pas

J'ai essayé ceci, en virtuel, ca fonctionne, mais pas en réel ...rahh

#main .images-container .js-qv-mask {
    display: none;
}

 

Avez-vous bien désactivé(e) vos caches ou régénéré le CCC ? 

[FS47]

il y a 3 minutes, wepresta a dit :

Avez-vous bien désactivé(e) vos caches ou régénéré le CCC ? 

Désolé, j'ai édité mon précèdent message, le css fonctionne

[wepresta]

28 minutes ago, FS47 said:

Désolé, j'ai édité mon précèdent message, le css fonctionne

Top

[FS47]

il y a 6 minutes, wepresta a dit :

Top

Merci de ton aide

[jass126220]

Bonjour ! Il semble que vous ayez un problème d'affichage de vignettes déformées dans votre boutique PrestaShop 1.7.8.8, où les images sont censées être de 235x235px, mais elles sont affichées comme 100x235px lorsque vous survolez l'image. Voici quelques étapes que vous pouvez suivre pour résoudre ce problème :

Vérifiez les dimensions de l'image originale : Assurez-vous que l'image que vous utilisez comme vignette a une dimension de 235x235px. Si l'image originale est plus petite, elle peut être déformée lorsqu'elle est affichée.

Regardez les paramètres de dimension prédéfinie : Comme vous l'avez mentionné, la dimension prédéfinie "small_default" "image in UAE" UAE tradion est correctement réglée sur 235x235px. Assurez-vous également que les autres dimensions prédéfinies, telles que "medium_default" ou "large_default", sont correctement configurées. 

Edited September 30, 2023 by jass126220
have some mistake (see edit history)