← Tous les exemples

Amazon : surligner les prix réduits

Surligne les prix réduits et les badges de pourcentage de remise pour repérer les vraies affaires.

Code à copier

/* Highlight discounted prices and percentage-off badges */
.s-result-item .a-price[data-a-strike] ~ .a-price,
.s-result-item .a-letter-space + .a-color-price {
  background: #fff3cd !important;
  border-radius: 3px !important;
  padding: 0 4px !important;
}
.savingsPercentage { font-weight: 700 !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.