[Problème] Survol images catégories accueil virtuemart 2

[algrand001]

Bonjour à tous,

Pour rappel ; Mon site est construit en local avec les outils suivants :
Jommla 2.5.9
Virtuemart 2.0.18a
mysql 5.5.24
php 5.3.13
Apache 2.2.22
Wampserver 2.2.e 64 bits
Template responsive : Ja-elastica

Quand je survole avec la souris une image de catégorie sur la page d'accueil de ma boutique, qu'une seconde image apparaisse.
Simplement avoir un changement d'état de mon image catégorie survolée pour que visuellement le visiteur sache qu'il n'a plus qu'à cliquer pour visiter le contenu de cette catégorie.
Ce n'est apparemment pas prévu sur virtuemart 2 ?
En fait l'équivalent sur joomla de ce que l'on trouve dans le réglage des image importées dans un article :
insérer/Modifier une image > onglet "avancé" > champs "image alternative".

Après recherches, il semblerai qu'il existe des extentions ou modules pour réaliser cela.
Un module genre "Virtuemart Category Wall de joomlaxtc" peut peut-être le faire mais il est 100 % en englais, il est payant et a l'air un peu balaise à manier.
De plus, on dirait une usine à gaz et je ne suis pas sûr que cette usine à gaz posée sur mon site qui est déjà bien alambiqué ne va pas me poser de nouveaux problèmes de compatibilité jquery ou autre conflits ?

Peut-être qu'une petite modification de script suffirai ?

Quelqu'un a-t'il une idée ou une solution à proposer ?

[algrand001]

Re : Survol images catégories accueil virtuemart 2

Pour le moment le seul topic que j'ai trouvé date de 2006. Il est donc pour une des toutes premières versions de virtuemart.
Les fichiers de la version 2.0.18a d'aujourd'hui n'ont plus rien à voir.
Le lien de ce topic est : http://forum.joomla.fr/showthread.ph...t=cat%E9gories

Si quelqu'un à une réponse équivalente pour virtuemart 2.0.18a ou peut m'aider à adapter le script fourni dans le topic indiqué ci-dessus, cela m'intéresse.
Merci d'avance ...

[algrand001]

Re : Survol images catégories accueil virtuemart 2

coucou, y'a quelqu'un pour me donner une direction à suivre voir même une réponse ?

[algrand001]

Re : Survol images catégories accueil virtuemart 2

Toujours pas de réponse, je me sent un peu seul sur ce coup.

Une question me taraude ?
Est-il possible d'appeler autre chose que des images JPG ou PNG pour les catégories ?
Je demande ça car je me disais que si je me servais de Dreamweaver pour créer un fichier html qui contient 2 images dans un Div avec le code qui permet au survol de la souris de passer d'une image ou l'autre ce pourrait être jouable. mais puis-je appeler un tel fichier à la place d'une simple image pour qu'il apparaisse en lieu et place de la simple image de catégorie que j'ai actuellement et qui ne possède aucune propriété du type on-mousse over ?

[algrand001]

Re : Survol images catégories accueil virtuemart 2

Toujours personne pour m'aider sur ce sujet ?

[algrand001]

Re : Survol images catégories accueil virtuemart 2

Quelqu'un pourrait-il me donner une piste ?

[algrand001]

Re : Survol images catégories accueil virtuemart 2

Un petit up pour avoir un début de réponse ?

[doc_denis]

Re : Survol images catégories accueil virtuemart 2

Bonjour,
pour ma part j'ai pris une option : légé zoom au survol de l'image sur vm1.x
je viens de mettre ça a jour pour les sites avec VM2 c'est ci dessous.

comme ça (avec surcharge):
dans le fichier template/montemplate/html/com_virtuemart/category/default.php
(sans surcharge) dans :
components/com_virtuemart/views/categories/tmpl/default.php

je remplace featuredProductImage par featuredProductImagezoom

		// Show Products ?>
		<div class="product floatleft<?php echo $Browsecellwidth . $show_vertical_separator ?>">
			<div class="spacer">
				<div class="width100 floatleft center">
				
				<h2><?php echo JHTML::link($product->link, $product->product_name); ?></h2>
					<?php /** @todo make image popup */
							echo JHTML::_ ( 'link', JRoute::_ ( 'index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=' . $product->virtuemart_product_id . '&virtuemart_category_id=' . $product->virtuemart_category_id ), $product->images[0]->displayMediaThumb( 'class="featuredProductImage" border="0"',false,'class="modal"' ) );
						?>
<!-- The "Average Customer Rating" Part -->

remplacer par :

// Show Products ?>
		<div class="product floatleft<?php echo $Browsecellwidth . $show_vertical_separator ?>">
			<div class="spacer">
				<div class="width100 floatleft center">
				
				<h2><?php echo JHTML::link($product->link, $product->product_name); ?></h2>
					<?php /** @todo make image popup */
							echo JHTML::_ ( 'link', JRoute::_ ( 'index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=' . $product->virtuemart_product_id . '&virtuemart_category_id=' . $product->virtuemart_category_id ), $product->images[0]->displayMediaThumb( 'class="featuredProductImagezoom" border="0"',false,'class="modal"' ) );
						?>
<!-- The "Average Customer Rating" Part -->

puis dans mon css, j'ajoute :

.featuredProductImagezoom:hover {
    transform: scale(1.1) translateY(8px);
    box-shadow: 1px 1px 8px rgb(85, 85, 85);
}

.featuredProductImagezoom {
    transition: all 0.3s ease-in-out 0s;
}

et hop, ça zoom au survol des images.

voilà pour la technique mise en place pour avoir un zoom au survol des images produits de virtuemart2

Note pour les admin's si y'a un tuto astuces VM2, celui-ci doit pouvoir y être ajouté.
dois-je le re-poster dans le forum pour J2.5 > e-commerce ?

@+ denis

[algrand001]

Re : Survol images catégories accueil virtuemart 2

Un grand merci.
Je vais aller tester ça de suite, je vous tiends au courant ... à suivre ...

[algrand001]

Re : Survol images catégories accueil virtuemart 2

Bon voilà ou j'en suis :
En ce qui me concerne, avec virtuemart 2.0.18a, dans mon fichier : components/com_virtuemart/views/categories/tmpl/default.php
Je n'ai pas : // show products ?> ...
J'ai donc essayé d'adapter ce script à : // show category ?>

Comme ceci :

displayMediaThumb
('class="CategoryImagezoom"border"0",false,'class= "modal");

à la place de :

displayMediaThumb
("",false);

Ce script, je l'ai modifier dans les 2 fichiers suivants :
components/com_virtuemart/views/categories/tmpl/default.php
et
components/com_virtuemart/views/category/tmpl/default.php

Puis j'ai mis à la fin de mon fichier template CSS :

.CategoryImagezoom:hover {
transform: scale(1.1) translateY(8px);
box-shadow: 1px 1px 8px rgb(85, 85, 85);
}.CategoryImagezoom{transition:all 0.3s ease-in-out 0s;}

Bilan, ça ne marche pas.
Pas de zoom quand je survol mes catégories et une belle erreur quand j'affiche mes sous-catégories.

Peut-être est-ce dû au fait d'être sur un template responsive ?
Peut-être que c'est mon adaptation du script proposé qui ne convient pas ?

bref pour le moment je suis toujours sans solution.
J'ai donc toujours besoin d'une petite aide ...

[doc_denis]

Re : Survol images catégories accueil virtuemart 2

mon fichier en entier à mettre dans ton template (moi sur base Jat3):
dans : /templates/ton_template/html/com_virtuemart/category/default.php

en pièce jointe, car ça ne passe pas sur le forum ...trop de caractères
A personnaliser car cela correspond à mon utilisation

default.php.txt

je m'abonne au sujet.

[algrand001]

Re : Survol images catégories accueil virtuemart 2

Merci pour ce script doc_denis.
Il est fait pour les images de produits si j'ai bien compris ?
Il faut donc que je le modifie pour l'appliquer aux images de mes catégories et non de mes produits.
je m'y met, je teste et je vous tient au courant ...(à suivre)...

[doc_denis]

Re : Survol images catégories accueil virtuemart 2

Bonjour algrand001

heu bah... non.
ça marche ici sur les catégories :

http://www.tahitiperlesetmineraux.com/index.php?page=shop.browse&category_id=1&option=com_virtuemart&Itemid=4

ou là :

http://www.ligne-droite-roller.com/index.php?option=com_virtuemart&Itemid=172

ou encore ici en VM2 (url provisoire, site en cours de création):

http://prod2.manewsletter.fr/index.php/boutique-de-bijoux/les-colliers.html