← Tous les exemples

Récapitulatif de réservation fixe

Garde visible le panneau récapitulant services et prix pendant le défilement d'une longue page de réservation.

Code à copier

[data-testid*="summary" i], [class*="booking-summary" i],
aside:has([class*="cart" i]), [class*="checkout-summary" i] {
  position: sticky !important;
  top: 16px !important;
  align-self: flex-start !important;
  z-index: 50 !important;
}

Comment utiliser cet exemple

1. Copiez le code avec le bouton ci-dessus.
2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
3. Ajoutez une nouvelle règle correspondant à cette page.
4. Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.