Если у вас есть магазин WooCommerce, вы можете захотеть изменить цвет значка продажи, чтобы он лучше соответствовал теме или стилю вашего магазина. К счастью, это довольно легко сделать с помощью небольшого количества кода. Вот как это сделать:
Сначала вам нужно найти файл CSS, который управляет значком распродажи. Он находится в папке theme вашего магазина.
Если вы используете дочернюю тему, он будет находиться в папке child theme. Если вы не уверены, какой файл искать, попробуйте поискать «sale» или «discount».
Найдя нужный CSS-файл, откройте его и найдите код, управляющий значком распродажи. Он будет выглядеть примерно так:
ПРО СОВЕТ: Если вы решили изменить цвет значка распродажи в WooCommerce, имейте в виду, что это может негативно повлиять на ваши продажи. Изменение цвета может сделать ваш значок менее заметным для потенциальных покупателей, что может привести к снижению количества продаж. Будьте осторожны и протестируйте новый цвет значка, прежде чем сделать его постоянным.
woocommerce-page span.onsale {
background-color: #ff0000;
}
Часть, где написано «background-color», управляет цветом значка продажи. В данном примере значок имеет красный цвет (#ff0000).
Чтобы изменить цвет, просто замените этот шестнадцатеричный код на шестнадцатеричный код нужного вам цвета.
Вот и все! Сохраните изменения и посмотрите на свой новый цветной значок продажи.
Вывод:
Изменение цвета значка продажи в WooCommerce легко сделать с помощью небольшого количества кода. Просто найдите файл CSS, который управляет значком, а затем замените шестнадцатеричный код цвета фона на шестнадцатеричный код нужного вам цвета. Сохраните изменения и посмотрите на свой новый значок!