[RÉGLÉ] Affichage image produit virtuemart

[xam8059]

Bonjour,


Je suis en train de réaliser une boutique (enfin j’essaie ...), avec l'aide du livre joomla 2.5 et virtuemart 2. Trés bon libre pour débuter,
mais j'ai un problème avec l'image que j'ajoute a un de mes produits. Et je n'ai pas trouvé de réponses clair dans le livre.

J'ai d'abord une première page ou tous mes produits sont affiché, je clique sur l'image d'un produit, elle s'agrandit, je la referme bref pas de problème.

Par contre quand je décide de cliquer sur un produit spécifique, l'image s'affiche a sa taille d'origine, et non en vignette. Je voudrais avoir un affichage en vignette, qui lorsque je click dessus agrandisse la/les photos.



Voici une capture de ce que ca donne.


Merci d'avance.

[achasp2]

Re : Affichage image produit virtuemart

Bonjour,

Nous préciser la version VM
Entre la version 2.0.14 et 2.0.16 la modif n'est pas la même

Faut savoir modifier le Css etou fichier PHP

Désolé, pas le temps de suite, si personne te donne de réponse, j’essaierai de revenir ce soir pour t'aider

[xam8059]

Re : Affichage image produit virtuemart

Je viens de mettre a jour mon vm qui était encore sous 2.0.8.

J'ai maintenant la dernière version : 2.0.16 et tout fonctionne correctement. la maj a résolu le problème.
Merci de ta réponse.

[achasp2]

Re : Affichage image produit virtuemart

Bonsoir,

Pour info concernant VM 2.0.16

2 solutions si on veut modifier la largeur par default l'image détail

1 ) Dans fichier php

Chemin => components\com_virtuemart\views\productdetails\tmp l
Fichier => default

- Modifié la largeur de l'image Détail article sans toucher à l'image installée par vos soins
Ligne 145

<!--<div class="width60 floatleft">
REMPLACER PAR WIDTH 40-->

<div class="width40 floatleft">

Ligne 153

<!--div class="width40 floatright">
REMPLACER PAR WIDTH 60-->

<div class="width60 floatright">

2) Soit par le CSS

Chemin =>components/com_virtuemart/assets/css/vmsite-ltr.css
Ligne 162

.main-image img {
max-width: 100%;
height: auto;
}

Modifié=> maxi-wdth : par un pourcentage de votre choix

Conclusion
Par le fichier php,
Vous modifiez la largeur du bloc (diminuer la largeur du bloc image et augmenter la largeur du bloc de l'affichage Prix, attention faut que la somme des 2 wdith soit égale à 100%)
Par le CSS,
Vous ne modifiez que la largeur de votre image

Ceci ne sont que des exemples de dimensions, c'est à vous de voir ce qui vous convient le mieux!

- Voici une petite astuce de plus
Cacher la description courte dans le Détail article

Ligne 128

<!--Cacher description courte dans le Detail article
<div class="product-short-description">
<?php
/** @todo Test if content plugins modify the product description */
echo nl2br($this->product->product_s_desc);
?>
</div>-->

Faite toujours une sauvegarde de vos fichiers avant toutes modifications

Pensez aux Surcharges, sujet largement expliquer

[xam8059]

Re : Affichage image produit virtuemart

Merci pour ta réponse, je mets ce sujet de coté, on ne sais jamais !