AliExpress : mise en page axée sur le prix
Atténue légèrement images et badges promo en mettant le prix et le titre au premier plan.
Code à copier
/* Price-focused listing layout: dim images, foreground price and title */
[class*="search-item-card"] [class*="image"],
[class*="product-card"] [class*="img"] {
opacity: 0.85 !important;
}
[class*="price-current"],
[class*="multi--price"],
[class*="product-title"],
[class*="multi--title"] {
position: relative !important;
z-index: 2 !important;
}
[class*="sale-tag"],
[class*="discount-badge"] {
opacity: 0.6 !important;
}
Comment utiliser cet exemple
- Copiez le code avec le bouton ci-dessus.
- Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
- Ajoutez une nouvelle règle correspondant à cette page.
- Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.
Notez cet exemple
Aucune note — soyez le premier.