Effet "rollover" pages produits 1.6 xx > 1.7xx ?

[Remy FRK Corp]

Hello à tous

J'ai cru remarqué que les boutiques en PS 1.6xx disposent nativement sur le thème classic, d'un effet de rollover sur les pages produits (c'est à dire que lorsque l'on survole les images miniatures (je re précise : dans la page du produit), celles ci s’affichent directement sans avoir à cliquer dessus à la place de la photo principale)

question :

N1: à ceux qui connaissent bien 1.6 : est-ce correcte, avez vous bien cette fonction ?

N2: y’a t'il un setup que j'aurai manqué dans le BO afin de rappeler cette fonction en version 1.7xx  (on as tous le droit de rêver)?

N3: Aux vues de la réponse probable à N2, un module existe il à cette fin  (il y'en as pleins pour les pages catégories, recherches au page d’accueil mais je n'ai pas cru en voir qui s'attaquent a ce point bien précis de la fiche produit)?

N4 :  ça va encore finir par un développement spé hein ?

Naturellement on parle bien du theme classic il existe des thèmes payants en 1.6 et 1.7 qui font le taff...obviously.

 

 

[Eolia]

Y a pas de thèm Classic en 1.6 c'est boostrap-default

C'est 3 lignes dans le product.js

//hover 'other views' images management
$(document).on('mouseover', '#views_block li a', function(){
	displayImage($(this));
});

si la fonction displayImage() existe, bien sûr^^

//update display of the large image
function displayImage(domAAroundImgThumb, no_animation)
{
	if (typeof(no_animation) == 'undefined')
		no_animation = false;
	if (domAAroundImgThumb.attr('href'))
	{
		var new_src = domAAroundImgThumb.attr('href').replace('thickbox', 'large');
		var new_title = domAAroundImgThumb.attr('title');
		var new_href = domAAroundImgThumb.attr('href');
		if ($('#bigpic').attr('src') != new_src)
		{
			$('#bigpic').attr({
				'src' : new_src,
				'alt' : new_title,
				'title' : new_title
			}).load(function(){
				if (typeof(jqZoomEnabled) !== 'undefined' && jqZoomEnabled)
					$(this).attr('rel', new_href);
			});
		}
		$('#views_block li a').removeClass('shown');
		$(domAAroundImgThumb).addClass('shown');
	}
}

 

[Remy FRK Corp]

Bonsoir Eolia

Super. Merci pour les précisions sur 1.6 et merci pour le bout de code

[Remy FRK Corp]

Alors du coup les class et les id's ont changés en 1.7xx..

Le plus simple que j'ai trouvé pour réanimer cette fonction native bien cool de 1.6 et perdue en 1.7:

prenez le fichier theme.js,

1:déminifier-le

2: localisez le champ "thumb", remplacez les 'click' des fonctions par 'mouseover'

3: reminifié et placez dans votre theme enfant (ne remplacez pas directement le fichier du theme classic ca provoquerait la fin du monde, déja que normalement on est pas trop sensé modifier theme.css ou theme.js).

(utiliser le custom js doit sans doute marché aussi (et peut être +propre en pratique) mais franchement c'était plus rapide de juste modifier 4 pauvres 'onclick' dans le theme.js directement)

Edited January 22, 2021 by Remy FRK Corp (see edit history)