Здесь у меня подборка функций для functions.php новой темы. 2. Функция для вставки svg изображений инлайн. Чтобы при верстке страницы не загромождать код вставками кода svg. А они нужны для анимирования hover-эффекта.
Месяц: Март 2024
Woocommerce. Как добавить бейдж «В наличии» на карточках товаров
Появилась задача сделать бейдж на карточках товаров на странице категории. На данный момент выводился бейдж «Нет в наличии», когда на вкладке Запасы устанавливали соответствующий флажок. На просторах интернета нашла код, немного переделала, вставила в function.php (дочерняя тема): Добавила следующие стили css: Получился такой вид: Но на этом еще не всё, нужно было добавить бейдж на… Читать далее Woocommerce. Как добавить бейдж «В наличии» на карточках товаров
Как наложить градиент на картинку с помощью css
Подсмотрела следующее решение: Мой код, где blog-card__image — внешний блок с картинкой внутри. blog-card__date — блок вывода даты, которая лежит поверх картинки внизу и должна быть видна на любом изображении, для этого и нужен градиент с прозрачного на черный, переходящий вниз. Код css: