Modification affichage listing des images sur la fiche produit

-- HikaShop version -- : 4.6.1
-- Joomla version -- : 4.1.5
-- PHP version -- : 8.0.20
-- Browser(s) name and version -- : Brave 1.39.111

Bonjour,

j'aimerai savoir comment je peux modifier le comportement à l'affichage des images sur la fiche produit.

Au chargement de la page l'image principale est affichée avec une dimension en pixel de 1000x600 px.
Dès que je survole une vignette à gauche, l'image qui s'affiche au centre de l'écran est au format vignette 275x305 px.
Ceci se produit également lorsque je revient sur l'image principale.

J'aimerai qu'à chaque survol sur une des vignettes obtenir l'image affichée dans cette résolution 1000x600 px.

Comment puis-je modifier la vue product / show_block_img.php pour avoir ce comportement ?

Configuration d'HikaShop sur les images :
Images miniatures (largeur x hauteur) 305 x 275
Image de la page produit (largeur x hauteur) 600 x 1000

Par avance merci.
Cdlt

Bonjour,

Je n'arrive pas à voir le souci :
i.imgur.com/FjLG2lX.png
Il semble que vous soyez passer à un page builder pour faire vos pages, avec juste l'ajout au panier rajouté avec un tag de contenu.

Sans pouvoir analyser l'HTML / CSS sur la page avec le souci difficile de comprendre quel était le souci et vous dire ce qu'il aurait fallu faire. Je pense que c'était un souci avec le CSS du template, et qu'un peu de CSS aurait surement corrigé le problème.

Bonjour,

désolé je vous ai induit en erreur. Car l'URL du produit c'est l'ancien site web.
Le nouveau (pour l'instant en test en local) qui correspond à la capture écran n'est pas généré par un builder mais par HikaShop.

Je viens de me rendre compte qu'en enlevant la surcharge le comportement est bon.
Je vais comparer les deux fichiers et faire des essais.

Désolé ...

J'ai compris mon erreur j'ai voulu inverser les blocs <--MAIN IMAGE--> et <--THUMBNAILS --> dans la vue product/show_block_img et cela a posé ce problème d'affichage. Du coup j'ai simplement modifié la propriété flex (au lieu de row) ci-dessous pour inverser l'ordre des éléments sur la ligne.

#hikashop_product_image_main {
flex-direction: row-reverse;
}

Merci et bonne journée.