AliExpress: макет с упором на цену
Слегка приглушает изображения и промозначки, выдвигая на передний план цену и название.
Код для копирования
/* 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;
}Как использовать этот пример
- Скопируй код кнопкой выше.
- Установи JustZix (2 минуты) и открой расширение на нужной странице.
- Добавь новое правило, совпадающее с этой страницей.
- Вставь код в панель CSS правила и сохрани — эффект появится сразу.
Оцени этот пример
Оценок пока нет — оцени первым.