← Todos los ejemplos

Amazon: resaltar los precios rebajados

Resalta los precios rebajados y las insignias de porcentaje de descuento para detectar gangas.

Código para copiar

/* 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; }

Cómo usar este ejemplo

1. Copia el código con el botón de arriba.
2. Instala JustZix (2 minutos) y abre la extensión en la página de destino.
3. Añade una nueva regla que coincida con esa página.
4. Pega el código en el panel CSS de la regla y guarda — el efecto aparece al instante.