Problème d'affichage des miniatures sur la page produit (Thème NextPrest de Zemez)

[MrBeaner]

Bonjour,

Je n'ai pas l'habitude de poster ici, donc mes excuses si mon message manque de précisions. J'éditerai à votre demande.

• Les suggestions des intervenants jusqu'ici (merci pour votre aide !)

2 hours ago, Mediacom87 said:

Vous avez un soucis dans le fichier custom.js de votre template après je ne peux pas vous en dire plus car ce qui semble être dans ce fichier est totalement incohérent avec un fichier js.

46 minutes ago, Divine said:

De ce que je vois, le souci n'apparaît plus une fois qu'on a fait le tour de toutes les déclinaisons possibles c'est-à-dire une fois que toutes les images ont été affichées au moins une fois. Donc, sans entrer dans trop de détails techniques, je pense que le souci vient en gros de l'interprétation des dimensions des images. Attribuer une hauteur et une largeur à ces images pourrait peut-être régler le problème.

3 minutes ago, Divine said:

[MrBeaner comprenant qu'il fallait changer les dimensions des images générées dans le back-office de PS]

Non ce n'est pas ce que je voulais dire. Les tailles d'images dans ton back-office ne servent qu'à générer les images elles-mêmes dans les dimensions indiquées mais au niveau de ta boutique elle-même, c'est un peu spécial puisque le HTML et le CSS interviennent.

Grosso modo, si rien n'est précisé au niveau HTML/CSS, le navigateur ou un éventuel code javascript ne peuvent connaître la dimension exacte d'une image qu'après l'avoir chargée. Alors que si des dimensions sont précisées en HTML/CSS, l'information est connue avant le chargement de l'image et cela les aide à effectuer les calculs nécessaires à un affichage correct.

Du coup ce que je voulais dire c'est d'attribuer une hauteur et une largeur à ces images en HTML ou en CSS.

 

Type d’install (nouvelle/MàJ) : nouvelle
Version de PS : 1.7.6.1
URL du site concerné : https://sympa-bonnard.ch/
Thème (défaut/perso) : Nextprest - Amp Ecommerce
Code (original/modifié) : modifié
Hébergement : https://www.infomaniak.com/fr
Version de PHP : 7.2
Version de MySQL : 5.7
Navigateur(s) concerné(s) : tous à priori

J'utilise Prestashop depuis quelques années pour ma boutique e-commerce et je suis passé à la version 1.7 en fin d'année passée. J'ai acheté un nouveau thème sur Template Monster qui s'appelle "NextPrest" de l'équipe Zemez (https://www.templatemonster.com/fr/themes-prestashop-tipo-76952.html). J'ai pu profiter de leur support pour l'installation et quelques modifications, mais j'ai découvert des problèmes inhérents à leur thème et ils m'ont fait patienter pas mal de temps pour au final me renvoyer la balle parce que j'ai modifié le css (mais ça apparaît même sur une installation fraîche, ainsi que sur leur demo, comme je vous le montre en pièce jointe).

1) Le plus important d'abord : les miniatures sur ma page produit s'affichent en "mini" à l'ouverture et il faut changer d'attribut, puis revenir pour que ça se règle. C'est très dérangeant d'un point de vue expérience client. Je n'ai pas les compétences malheureusement pour identifier ce qui pourrait causer cela dans le CSS ou autre. Vous pourrez constater le souci sur une de mes pages produit : https://sympa-bonnard.ch/ceintures/42-336-ceinture-premium.html#/25,couleur-cuir,natural/33,metal,silver/37,taille-ceinture,32

Important : je suis également ouvert à l'achat d'un nouveau module pour l'affichage du produit de la page produit, comme celui-ci n'est pas mauvais, mais pas optimal pour le mobile et surtout avec ce problème qui peut-être n'a pas de solution simple. Si vous en avez un très recommandé, je suis tout ouïe

2) Moins important, mais sait-on jamais : le thème joue avec l'effet "gras" sur le titre du produit, sur la page produit. Si le produit ne contient qu'un seul mot, toute la page se met en gras. Est-ce que vous auriez des suggestions ? C'est visible ici : https://sympa-bonnard.ch/papeterie/61-1049-vademecum.html#/25,couleur-cuir,natural/33,metal,silver

Enfin, je tiens à partager ma mauvaise expérience avec l'équipe Zemez qui, bien qu'elle m'ait aidé après l'achat, m'a montré une attitude assez peu commerciale face à ces problèmes dont on peut raisonnablement penser être indépendants de mes actions. J'aurais été okay s'ils m'avaient dit qu'ils n'arrivaient pas à résoudre le souci, mais ils ont préféré me dire "it comes from you"

Je suis à votre écoute et je vous remercie de m'avoir donné du temps. Merci aussi à tous ceux qui alimentent le forum, car ça m'a permis de résoudre des problèmes plein de fois !

Edited April 4, 2020 by MrBeaner
Ajout de la config (see edit history)

[Divine]

Hello

Aaah Template Monster lol...

Regarde le résultat au niveau des performances de ta boutique : https://gtmetrix.com/reports/sympa-bonnard.ch/o77LtRmb

Pas mieux au niveau de la démo : https://gtmetrix.com/reports/ld-prestashop.template-help.com/GVtB5mfd

Et je ne parle même pas de la structure HTML...

Pourtant ça fait des années qu'on essaye de faire comprendre aux marchands qu'il faut bien se renseigner avant d'acheter un thème, surtout sur les plateformes type Template Monster, Theme Forest et compagnie (qu'on recommande d'ailleurs d'éviter en général) ! Il faut consulter les descriptions, les documentations, les démos, faire des tests, se renseigner sur le développeur, etc... Je sais c'est lourdingue mais c'est comme ça qu'on évite les problèmes

Enfin bref maintenant c'est fait, les gars ont encaissé les sous donc ils doivent assurer le support. Si ça apparaît aussi sur la démo, ils doivent corriger le souci. Est-ce que tu leur a bien précisé que le souci était également présent sur la démo ?

[MrBeaner]

Merci pour ta réponse. C'est effectivement la deuxième fois en 5 ans que je cherche un thème et j'ai dû pécher par ignorance certainement. J'ai pas les bonnes questions ni ai eu le réflexe de venir ici pour ma migration (un peu faite sur le moment). En soi, je peux très bien m'imaginer changer de thème à nouveau, c'est pas non plus la mort niveau argent en l'air, mais, malgré les performances médiocres, ça fait le taff et je fais assez gaffe aux retours de ma communauté avec qui j'ai la chance d'échanger souvent. J'apprends de mes erreurs, ça me servira pour la prochaine fois ! Faudrait que je rescale des images sur le page d'accueil d'ailleurs.

Pour le coup, je serais très content d'avoir tes recommandations de thèmes vers lequel me tourner pour un éventuel changement futur  S'il y a des entreprises incontournables ou des thèmes qui ont fait leurs preuves (dans les 150 € des thèmes qu'on achète sur les plateforme j'entends). Après coup, je me dis que j'aurais dû me faire les dents sur le thème de base en passant à la 1.7, mais l'investissement était pas non plus énorme. 

Quote

Enfin bref maintenant c'est fait, les gars ont encaissé les sous donc ils doivent assurer le support. Si ça apparaît aussi sur la démo, ils doivent corriger le souci. Est-ce que tu leur a bien précisé que le souci était également présent sur la démo ?

Oui, je leur ai indiqué, mais ils sont un peu brouillon pour le coup. Tout n'est pas mauvais hein ! Ils m'ont beaucoup aidé lors de la mise en place et tout, leur équipe est assez dispo. Mais là, j'ai expliqué le problème souvent, j'ai envoyé les pièces jointes comme à vous, mais ils se montrent butés.

Peut-être qu'ils sont un peu paumés entre le SAV et les techs et peut-être qu'ils vont corriger le tir un jour, mais, comme ils traînent des masses, j'en profite pour demander ici (ce que je devrais faire plus souvent ^^), si jamais je peux trouver la solution plus rapidement.

EDIT : huh, merci pour m'avoir rappelé les problèmes de perf. Je me suis penché dessus : j'ai rescalé les images et j'ai activé l'optimisation Apache et j'ai un bien meilleur score sur GTmetrix (relativement)  : https://gtmetrix.com/reports/sympa-bonnard.ch/7xWKP91i
Merci de m'avoir donné l'impulsion !

Edited April 3, 2020 by MrBeaner (see edit history)

[Mediacom87]

ce qui est surtout extraordinaire c'est que les avis ne sont jamais strictement jamais mauvais sur ces plateformes.

[MrBeaner]

Je peux pas dire, je suis pas habitué à y aller souvent 😅 Mais sinon, mes problèmes de miniatures n'ont pas de source évidente dans le CSS ?

Dans le cas où je n'aurais pas d'autre choix que de me tourner vers un autre module d'affichage de produit (donc zoom et miniatures sur product.tpl) :  qu'est-ce que vous me recommandez ?

[Mediacom87]

Perso en visitant votre site avec mon mac et firefox je n'ai pas de soucis.

[MrBeaner]

Merci d'avoir checké :) J'ai essayé à nouveau sur Firefox, mais ça le fait également chez moi (sur mon laptop ET mon PC). Le problème n'apparaît pas forcément à l'arrivée, il faut naviguer entre les attributs (notamment les "couleurs" de cuir).

 

[Mediacom87]

Vous avez un soucis dans le fichier custom.js de votre template après je ne peux pas vous en dire plus car ce qui semble être dans ce fichier est totalement incohérent avec un fichier js.

[MrBeaner]

Merci beaucoup ! Je vais inclure votre remarque dans l'OP et je l'indiquerais au service technique de Zemez !

N'hésitez pas si vous voulez que je partage un fichier spécifique 

[Divine]

Il y a 16 heures, MrBeaner a dit :

Merci pour ta réponse. C'est effectivement la deuxième fois en 5 ans que je cherche un thème et j'ai dû pécher par ignorance certainement. J'ai pas les bonnes questions ni ai eu le réflexe de venir ici pour ma migration (un peu faite sur le moment). En soi, je peux très bien m'imaginer changer de thème à nouveau, c'est pas non plus la mort niveau argent en l'air, mais, malgré les performances médiocres, ça fait le taff et je fais assez gaffe aux retours de ma communauté avec qui j'ai la chance d'échanger souvent. J'apprends de mes erreurs, ça me servira pour la prochaine fois ! Faudrait que je rescale des images sur le page d'accueil d'ailleurs.

Ce n'est pas non plus irrémédiable, c'est juste que ça rajoute du boulot en plus pour corriger les problèmes techniques sur le thème et ça fait perdre soit du temps si tu le fais toi-même, soit de l'argent si tu le fais faire par quelqu'un.

 

Il y a 16 heures, MrBeaner a dit :

Pour le coup, je serais très content d'avoir tes recommandations de thèmes vers lequel me tourner pour un éventuel changement futur  S'il y a des entreprises incontournables ou des thèmes qui ont fait leurs preuves (dans les 150 € des thèmes qu'on achète sur les plateforme j'entends). Après coup, je me dis que j'aurais dû me faire les dents sur le thème de base en passant à la 1.7, mais l'investissement était pas non plus énorme.

Ah bin tu te doutes bien que je vais évidemment te recommander le mien puisque c'est le seul dont je suis certaine à 100% de ce qui a été fait dessus et de ce qu'il vaut. Sinon pour les autres thèmes, ce que je recommande c'est ce que je t'ai dit plus haut, à savoir bien te renseigner et faire des tests avant d'acheter.

 

Il y a 16 heures, MrBeaner a dit :

Oui, je leur ai indiqué, mais ils sont un peu brouillon pour le coup. Tout n'est pas mauvais hein ! Ils m'ont beaucoup aidé lors de la mise en place et tout, leur équipe est assez dispo. Mais là, j'ai expliqué le problème souvent, j'ai envoyé les pièces jointes comme à vous, mais ils se montrent butés.

Peut-être qu'ils sont un peu paumés entre le SAV et les techs et peut-être qu'ils vont corriger le tir un jour, mais, comme ils traînent des masses, j'en profite pour demander ici (ce que je devrais faire plus souvent ^^), si jamais je peux trouver la solution plus rapidement.

Non tout n'est pas mauvais. La plupart des thèmes sont très jolis. Le problème c'est que ce sont des usines à gaz et que le sav laisse souvent à désirer, beaucoup de personnes s'en plaignent sur le forum. Il faut insister en leur démontrant bien que le souci est présent également sur la démo du thème.

 

Il y a 16 heures, MrBeaner a dit :

EDIT : huh, merci pour m'avoir rappelé les problèmes de perf. Je me suis penché dessus : j'ai rescalé les images et j'ai activé l'optimisation Apache et j'ai un bien meilleur score sur GTmetrix (relativement)  : https://gtmetrix.com/reports/sympa-bonnard.ch/7xWKP91i

Merci de m'avoir donné l'impulsion !

C'est toujours ça de gagné ! De rien

 

Il y a 16 heures, MrBeaner a dit :

Mais sinon, mes problèmes de miniatures n'ont pas de source évidente dans le CSS ?

De ce que je vois, le souci n'apparaît plus une fois qu'on a fait le tour de toutes les déclinaisons possibles c'est-à-dire une fois que toutes les images ont été affichées au moins une fois. Donc, sans entrer dans trop de détails techniques, je pense que le souci vient en gros de l'interprétation des dimensions des images. Attribuer une hauteur et une largeur à ces images pourrait peut-être régler le problème.

Edited April 4, 2020 by Divine (see edit history)

[MrBeaner]

33 minutes ago, Divine said:

Ah bin tu te doutes bien que je vais évidemment te recommander le mien puisque c'est le seul dont je suis certaine à 100% de ce qui a été fait dessus et de ce qu'il vaut. Sinon pour les autres thèmes, ce que je recommande c'est ce que je t'ai dit plus haut, à savoir bien te renseigner et faire des tests avant d'acheter.

[...]

De ce que je vois, le souci n'apparaît plus une fois qu'on a fait le tour de toutes les déclinaisons possibles c'est-à-dire une fois que toutes les images ont été affichées au moins une fois. Donc, sans entrer dans trop de détails techniques, je pense que le souci vient en gros de l'interprétation des dimensions des images. Attribuer une hauteur et une largeur à ces images pourrait peut-être régler le problème.

Ah bien super pour ta recommandation ! Je te mets dans ma liste pour ma prochaine mise à jour   Je passerai volontiers d'une usine à gaz à quelque chose de plus optimisé. En espérant que Prestashop soit encore intéressant parmi les alternatives à ce moment.

Je regrette surtout de ne pas avoir joué avec le thème natif un peu plus au début. Ça aurait été plus raisonnable, même si le shop n'aurait pas été tout de suite aussi "joli".

Merci pour ta recommandation. Je vais donc jouer avec les dimensions d'images (visibles ci-dessous pour info). J'avais modifié la taille fixée initialement, mais ça ne change rien en retournant en arrière (comme je l'ai dit, ce problème apparaît aussi dans l'affichage de la démo du développeur) :

Comme les images de la miniature semblent venir de "large_default", je vais essayer de resizer à 500x500 et voir ce que ça fait.

EDIT : Hm, j'ai joué un peu avec les tailles de large_default (500x500, 534x800, etc.), mais rien n'y fait.

Edited April 4, 2020 by MrBeaner (see edit history)

[Divine]

Non ce n'est pas ce que je voulais dire. Les tailles d'images dans ton back-office ne servent qu'à générer les images elles-mêmes dans les dimensions indiquées mais au niveau de ta boutique elle-même, c'est un peu spécial puisque le HTML et le CSS interviennent.

Grosso modo, si rien n'est précisé au niveau HTML/CSS, le navigateur ou un éventuel code javascript ne peuvent connaître la dimension exacte d'une image qu'après l'avoir chargée. Alors que si des dimensions sont précisées en HTML/CSS, l'information est connue avant le chargement de l'image et cela les aide à effectuer les calculs nécessaires à un affichage correct.

Du coup ce que je voulais dire c'est d'attribuer une hauteur et une largeur à ces images en HTML ou en CSS.

[MrBeaner]

Okay, je vais voir de ce côté, merci !

Effectivement , les miniatures ont la hauteur bizarre de "2.33333 px" à la place de "121.333px". Je vais voir ce qu'il y a dans le code qui pourrait amener à ça dans product.tpl.

Edited April 4, 2020 by MrBeaner (see edit history)

[MrBeaner]

Bon, j'ai trouvé le tpl qui touche aux thumbnails (miniatures) dans product.tpl. "MonTheme/templates/catalog/_partials/product-cover-thumbnails.tpl". Voici la partie du code portant sur les thumbnails :

<div class="swiper-container">
          <ul class="swiper-wrapper">
            {foreach from=$product.images item=image name=image}
              <li class="swiper-slide thumb-container" data-k="{$image.bySize.large_default.width / $image.bySize.large_default.height}">
                <img
                  class="img-fluid js-thumb {if $image.id_image == $product.cover.id_image} selected {/if}"
                  data-image-medium-src="{$image.bySize.medium_default.url}"
                  data-image-large-src="{$image.bySize.large_default.url}"
                  data-index="{$smarty.foreach.image.iteration - 1}"
                  src="{$image.bySize.cart_default.url}"
                  alt="{$image.legend}"
                  title="{$image.legend}"
                  itemprop="image"
                >
              </li>
            {/foreach}
          </ul>
        </div>

Je suppose que ça bug au niveau de la sélection de la classe. Je donne le fichier complet en pièce jointe si ça peut aider.

product-cover-thumbnails.tpl

Edited April 4, 2020 by MrBeaner (see edit history)

[Divine]

Bon maintenant que tu as le fichier concerné, plus qu'à attribuer les fameuses dimensions.

[MrBeaner]

Alors j'ai essayé de me débrouillé par moi-même, mais je reste novice en web dev ^^. J'ai donc introduit une ligne "style" dans la balise <img> :

<div class="swiper-container">
          <ul class="swiper-wrapper">
            {foreach from=$product.images item=image name=image}
              <li class="swiper-slide thumb-container" data-k="{$image.bySize.large_default.width / $image.bySize.large_default.height}">
                <img
                  class="img-fluid js-thumb {if $image.id_image == $product.cover.id_image} selected {/if}"
                  data-image-medium-src="{$image.bySize.medium_default.url}"
                  data-image-large-src="{$image.bySize.large_default.url}"
                  data-index="{$smarty.foreach.image.iteration - 1}"
                  
          --->	  style="height: 123px; width: 82px;"
                  
                  src="{$image.bySize.cart_default.url}"
                  alt="{$image.legend}"
                  title="{$image.legend}"
                  itemprop="image"
                >
              </li>
            {/foreach}
          </ul>
        </div>

Mais malheureusement, ça n'affecte que l'affichage du dernier produit. Y a un truc qui force un "style="height: 2.33333px; margin-bottom: 20px;" sur les éléments de la liste, mais je n'arrive pas à trouver d'où ça vient.

Merci beaucoup encore une fois pour ton aide et tes suggestions !

 

[Divine]

Normal puisque le code JS du caroussel fait le calcul et l'applique ensuite dynamiquement aux éléments du caroussel.

Ce n'est pas comme ça qu'il faut ajouter des dimensions en HTML/CSS. Soit tu le fais en HTML avec les attributs width et height (et tu utilises les variables de Prestashop et pas des tailles en dur), soit tu le fais depuis les fichiers CSS du thème en ajoutant le tag "!important".

Sinon, et c'est quand même ce qui serait le mieux, tu insistes auprès du développeur du thème pour qu'il assure un minimum le support de son thème et qu'il corrige ce problème parce que ce n'est pas aux autres de le faire à sa place...

[MrBeaner]

Ça marche, je vais passer par le CSS alors, c'est plus dans mes cordes 

EDIT : sans succès, malheureusement.

22 minutes ago, Divine said:

Sinon, et c'est quand même ce qui serait le mieux, tu insistes auprès du développeur du thème pour qu'il assure un minimum le support de son thème et qu'il corrige ce problème parce que ce n'est pas aux autres de le faire à sa place...

Je continue d'insister en parallèle de ce thread of course. Cela ne m'empêche pas d'essayer de trouver une solution autrement si jamais ils m'envoient balader.

Edited April 6, 2020 by MrBeaner (see edit history)

[MrBeaner]

Bon, suite des histoires avec le mec du support technique à propos de mon problème de miniatures (et de caractères en gras si le nom du produit ne contient qu'un mot) :

Quote

Dear Customer,

There are no issues with the description on our demo [à propos du gras]. And the issue with thumbnails sometimes occurs because of the demo's specifications [à propos des miniatures]. 
 
I suggest you to re-add your products without 1 word in title.

Le mec a pas froid aux yeux ^^ Je vais donc reporter ma plainte auprès de leur service client concernant cette réponse particulière. Puis je vais reporter aussi cela au service client Template-Monster, s'ils ont un truc pour prévoir les conflits.

[MrBeaner]

Je pense que le mieux pour moi en attendant est de remettre les template du thème classic dans la partie "product-cover". Est-ce que vous savez s'il est possible simplement de remplacer des fichiers pour que le bloc ci-dessous s'affiche avec les paramètres du thème classic ? J'imagine que c'est dans theme/templates/catalog/_partials, mais je ne suis pas sûr des fichiers à remplacer pour que ça fasse cela (si c'est possible).

[Divine]

Ce n'est pas une bonne idée de mélanger 2 thèmes différents... Quitte à faire cela, autant revenir carrément sur le thème Classic.

Mais la réponse du support est quand même incroyable

Tu as essayé d'attribuer des tailles à tes images comme je te l'ai indiqué ?

[MrBeaner]

2 hours ago, Divine said:

Ce n'est pas une bonne idée de mélanger 2 thèmes différents... Quitte à faire cela, autant revenir carrément sur le thème Classic.

Mais la réponse du support est quand même incroyable

Tu as essayé d'attribuer des tailles à tes images comme je te l'ai indiqué ?

Merci pour ta recommandation, je touche pas alors !

Incroyable effectivement ^^ Je me montre insistant, mais comme c'est pas toujours la même personne, je sais que c'est personnellement contre elle. Je leur ai dit que j'ai partagé le souci avec la communauté Prestashop en citant leur équipe et thème. Je suis même revenu une fois pour avoir la confirmation par écrit de leur part que le problème était bien présent sur leur version démo ! Plus qu'à attendre leur prochaine fournée, mais je redoute qu'ils me disent "On prend pas en charge avec le support gratuit, faut payer", ou bien "vous avez modifié le css, c'est pas notre faute".

Par rapport à tes précieuses indications  : j'ai d'abord fait les modifications en css en fixant "height: 120px !important; width : 82px !important;" mais ça n'affectait QUE la dernière thumbnail. Du coup, en m'inspirant de ce que je lisais dans le css de l'élément quand l'affichage était "correct", j'ai intégré le code suivant et ça marche pas mal ! J'ai diminué un peu la taille à 100px, pour que ça marche également pour le mobile.

.images-container .swiper-container ul .thumb-container{/*Ajout START*/height: 100px !important; margin-bottom: 20px; /*Ajout END*/background-color:#fff}

Résultat :

Ça a l'air de résoudre mon souci d'affichage de miniatures "mini", par contre, le "swipper" est aussi interprété petit et du coup il se défile pas jusqu'au bout 😕

EDIT : peut-être que je devrais ajouter une hauteur plus petite pour l'affichage mobile...
REDIT : j'ai ajouté une ligne @media. Ça aide pas :

.images-container .swiper-container ul .thumb-container{/*Ajout START*/height: 100px !important; margin-bottom: 20px; /*Ajout END*/background-color:#fff}/*Ajout START*/@media (max-width:575.98px){.images-container .swiper-container ul .thumb-container{height: 50px !important; margin-bottom: 20px;}}/*Ajout END*/

https://sympa-bonnard.ch/ceintures/42-337-ceinture-premium.html#/26,couleur-cuir,chocolate/33,metal,silver/37,taille-ceinture,32 (faut naviguer entre les attributs pour que le bug arrive).

Un grand merci à toi Divine pour ton soutien dans ma recherche de solutions ! Je te rendrai la pareil lorsque je changerai de thème ! J'ai vu ta version "Luxe" qui correspondrait pas mal à ce que je voudrais, sous réserve que je tweak un peu les fonts et les couleurs (pour que ça soit dans le ton de mon thème actuel que j'apprécie visuellement).

Pour ceux qui sont curieux : le seul fichier .js que j'ai trouvé qui parle des thumbnails est celui-ci : product.js et je ne sais pas trop quoi changer pour overrider les tailles des images.

Edited April 7, 2020 by MrBeaner (see edit history)

[Divine]

Tu n'as pas appliqué les dimensions aux images mais aux listes qui contiennent les images.

Le code JS est à priori supposé calculer automatiquement la taille des listes en fonction de la taille des images. C'est donc bien aux images qu'il faut appliquer une taille et de préférence en HTML afin de ne pas perturber le responsive : du CSS est déjà défini pour gérer le responsive, l'ajout des dimensions en HTML ne perturbera donc pas l'affichage et permettra normalement au code JS un calcul correct des dimensions pour le caroussel.

https://www.w3schools.com/tags/att_img_width.asp

Encore une fois, je recommande de ne pas utiliser de valeurs en dur ("100", "20"...) mais les variables relatives aux dimensions des images de Prestashop ("$image.bySize.cart_default.width", "$image.bySize.cart_default.height"...).

Et encore une fois, je m'insurge du support lamentable fourni par le développeur du thème alors que tu lui as démontré que ce bug était également présent sur la démo !...