Bug affichage quand l'option "Afficher les produits en rupture de stock" est act

Bonjour,

Suite à la mise à jour de Hikashop 2.6.1 vers 3.0.1, je me suis aperçu que quand l'option "Afficher les produits en rupture de stock" est active des produits "fantômes" apparaissent (voir screen joint). Une fois l'option désactiver l'affichage revient à la normale selon la configuration.
J'ai parcouru le forum sans succès, auriez-vous une piste?

Merci d'avance.
WW

Bonjour,

Pas de produit fantome.
C'est un problème de grid layout car vos box de produit n'ont pas toutes la même hauteur.
Activez l'option height consistency de votre élément de menu, ou forcer la hauteur des box pour qu'elles aient toutes la même avec un peu de CSS et cela s'affichera comme il faut.

Super merci problème résolut

(solution adoptée)
.hikashop_subcontainer{
height: 320px !important;
padding-top:10px;
padding-bottom:10px;
}

Merci Nicolas
En bravo à la Team Hika

Petit retour

Avec un test approfondi, fixer la dimension de la box provoque des souci avec le responsive.
La fonction "height consistency" est bien active sur mes menus et pourtant elle ne remplie pas sa fonction.

Je brasse dans de la semoule.

WW

Bonjour,

Veuillez ne pas utiliser un "height" mais plutôt un "min-height".
Au niveau du height consistency, si la fonctionnalité est activée mais que cela n'a pas d'effet visible ; vous avez donc des soucis javascript ou des elements qui vont empêcher le script de faire son travail.

Cordialement,

Bonjour,

Merci e votre réponse.
Oui j'ai utilisé min-height effectivement ça permet de corriger des bug visuel.

Je viens de passer les page sous firebug et voici le message concernant le JS : "L’utilisation de « getAttributeNode() » est obsolète. Utiliser « getAttribute() » à la place." Emplacement mootools-core.js:108:287
Je ne sais pas d'où ça vient.

Cordialement.
WW

Bonjour,

Il ne s'agit que d'un simple warning ; rien qui pourrait donc bloquer l'execution de script ne pas permettre au système de "height consistency" de fonctionner.
Cela est donc étrange et il nous faudrait un liens vers une page de listing afin de pouvoir regarder cela plus facilement.

Cordialement,

Bonjour Jerome,

Ci-dessous quelques liens vers les listings :
secal-france.com/index.php/boutique-rota...signes-membre-rotary
secal-france.com/index.php/boutique-rota...lliers-cloche-rotary
secal-france.com/index.php/boutique-rota...lliers-cloche-rotary

Actuellement pour avoir un affichage bien régulier sur l'ensemble des résolutions (listing catégorie + produit) j'ai ajouté le code suivant :
.hikashop_subcontainer{
min-height: 310px !important;
min-width: 240px !important;
padding-top:10px;
padding-bottom:10px;
display: flex;
flex-direction: column;
justify-content: center;
}

Cordialement.
WW

Bonjour,

En effet, pas de soucis de javascript apparent sur la page. Après des fois, le conflit javascript entre différents jQuery ou un jQuery et mootools peut empêché le bon fonctionnement du javascript sur une page sans que cela crée d'erreur.
Mais bon, si cela fonctionne avec du CSS, c'est très bien ainsi.