Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для интернет-магазина Woocommerce ! Сегодня вы узнаете как можно очень просто и быстро изменить цвет кнопки “Добавить в корзину”. Вы сможете изменить цвет ярлыка “Распродажа” и цвет цены товара. Цвет можно изменить на странице каталога и на странице товара. Очень простой и полезный плагин !
Установить плагин WooCommerce Colors вы сможете прямо из админ-панели WordPress. Перейдите на страницу: Плагины – Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.
Далее, после установки и активации плагина, перейдите на страницу: Внешний вид – Настроить. На странице настройщика у вас появится новая вкладка – Woocommerce, перейдите на неё.
Далее, здесь вы сможете менять цвет для кнопок и вкладок.
– Secondary Color (buttons and tabs), можно изменить цвет кнопки “Добавить в корзину” на странице каталога.
– Highlight Color (price labels and sale flashes), можно изменить цвет цены товара и ярлыка “Распродажа”.
– Primary Color (action buttons/price slider/layered nav UI), можно изменить цвет кнопки “Добавить в корзину” на странице товара.
– Цвет цены и распродажи меняется тем же параметром, что и на странице каталога.
– Subtext Color (used for certain text and asides – breadcrumbs, small text etc), можно изменить цвет хлебных крошек, там где указан путь страницы.
С помощью параметра – Content Background Color (your themes page background – used for tab active states) можно изменить цвет фона контента.
Всё готово ! После изменения цвета, нажмите вверху на кнопку – Сохранить и опубликовать. На сайте у вас отобразятся все изменения !
Ещё больше Супер полезных плагинов Woocommerce Смотри Здесь !!!
Остались вопросы ? Напиши комментарий ! Удачи !
еще бы найти плагин как передвигать кнопку “купить” было бы совсем супер.
Здравствуйте. Есть такой плагин – SiteOrigin CSS !
Здравствуйте, столкнулся с проблемой:
Решил сделать вариативный товар таким образом:
Картинка товара в формате *.png, представляет из себя белый квадрат с прозрачным изображением (как трафарет).
Картинка для конкретного товара неизменна.
При помощи вариации хочу сделать наложение картинки или цвета под картинку товара, таким образом, чтобы выбирая цвет товара, менялся его цвет на фото!
Хочу реализовать именно в таком виде, но к сожалению, не могу додумать.
Спасибо за уделенное время
Добрый день. Прям точно такого плагина я не встречал. Но, есть кое-что, посмотрите, возможно вам поможет:
– Woocommerce Product Designer — online product customizer for t-shirts, print cards, phone cases Lettering & Decals;
– Product Designer;
– T-Shirt Designer;
– Web To PrintQ — Product Designer.
А что делать если он у меня не работает?
Может помочь плагин SiteOrigin CSS