[RESOLU] Bouton Détails toujours visible

[facedeharicot]

Bonjour à tous,

 

Je viens vous rendre visite aujourd'hui pour savoir s'il y avait une manière plus propre qu'une autre afin que le bouton "Détails" soit toujours visible sur le thème de base de PS1.6.0.9.

En effet, sur grand écran, il n'apparait qu'au survol (ajout d'une classe hovered au survol).

 

Dois-je simplement "contrer" cela en css ou utiliser un autre moyen ?

 

 

Pour illustrer mon propos, je laisse une image :

 

 

 

Merci par avance

Edited September 30, 2014 by facedeharicot (see edit history)

[facedeharicot]

Personne n'a jamais tenté la chose ?

[alamedagraphik]

il doit bien y avoir une règle css sur cette élément qui change son affichage.

regarde dans la feuille de style product-list.css ou sur le global.css si le display peut etre modifié

[facedeharicot]

J'ai solutionné le problème en modifiant le fichier global.js.

Ajout de la ligne : $('.product_list .button-container').show(); et commentaire/suppression du reste. Autour de la ligne 165 du fichier.

 

Ce qui nous donne :

function blockHover(status)
{
	$('.product_list .button-container').show();
	/*$(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':pcHeight + pcPHeight, 'margin-bottom':pcPHeight * (-1)});
		}
	});

	$(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'});
	});*/
}

Edited September 30, 2014 by facedeharicot (see edit history)