Jump to content

Désactiver l'effet hover sur la product-list


Recommended Posts

Bonjour,

 

sur un projet de magasin via prestashop, mon client souhaiterait ne pas activer l'effet hover sur un produit depuis la liste des produits (product-list.tpl).

je peux supprimer, désactiver ou modifier les règles css depuis les feuilles de styles global.css ou product-list.css par contre je ne vois pas comment je peux agir sur les fonctions javascript.

 

quel est le fichier js qui actionne cet événement et est-il possible d'annuler l'effet hover sur le produit?

 

Cordialement

Link to comment
Share on other sites

Une solution trouvée en modifiant plusieurs elements:

 

sur le fichier global.js

function blockHover(status)
{
	$(document).off('mouseenter').on('mouseenter', '.product_list.grid li.ajax_block_product .product-container', function(e){

		if ($('body').find('.container').width() == 1170)
		{
			var pcHeight = $(this).parent().outerHeight();
			var pcPHeight = $(this).parent().find('.button-container').outerHeight() + $(this).parent().find('.comments_note').outerHeight() + $(this).parent().find('.functional-buttons').outerHeight();
			$(this).parent().addClass('hovered').css({'height':'auto', 'margin-bottom':'0'});
		}
	});

	$(document).off('mouseleave').on('mouseleave', '.product_list.grid li.ajax_block_product .product-container', function(e){
		if ($('body').find('.container').width() == 1170)
			$(this).parent().removeClass('hovered').css({'height':'auto', 'margin-bottom':'0'});
	});
}

la reference modifée est sur l'événement mouseenter

 

ensuite il faut modifer les fichiers product_list.css et global.css afin d'éliminer les styles css de l'état hover de la div produit

Link to comment
Share on other sites

  • 5 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...