WooCommerce Colors изменить цвет кнопки и цены товара


 Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для интернет-магазина Woocommerce ! Сегодня вы узнаете как можно очень просто и быстро изменить цвет кнопки “Добавить в корзину”. Вы сможете изменить цвет ярлыка “Распродажа” и цвет цены товара. Цвет можно изменить на странице каталога и на странице товара. Очень простой и полезный плагин !

Установить плагин WooCommerce Colors вы сможете прямо из админ-панели WordPress. Перейдите на страницу: Плагины – Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

WooCommerce Colors

 

Далее, после установки и активации плагина, перейдите на страницу: Внешний вид – Настроить. На странице настройщика у вас появится новая вкладка – Woocommerce, перейдите на неё.

 

Настроить Woocommerce

 

Далее, здесь вы сможете менять цвет для кнопок и вкладок.

 

– Secondary Color (buttons and tabs), можно изменить цвет кнопки “Добавить в корзину” на странице каталога.

– Highlight Color (price labels and sale flashes), можно изменить цвет цены товара и ярлыка “Распродажа”.

 

Цвет кнопки цены распродажи Woocommerce

 

– Primary Color (action buttons/price slider/layered nav UI), можно изменить цвет кнопки “Добавить в корзину” на странице товара.

Цвет цены и распродажи меняется тем же параметром, что и на странице каталога.

 

изменить цвет на странице товара

 

– Subtext Color (used for certain text and asides – breadcrumbs, small text etc), можно изменить цвет хлебных крошек, там где указан путь страницы.

 

цвет хлебных крошек Woocommerce

 

С помощью параметра – Content Background Color (your themes page background – used for tab active states) можно изменить цвет фона контента.

Всё готово ! После изменения цвета, нажмите вверху на кнопку – Сохранить и опубликовать. На сайте у вас отобразятся все изменения !

 

 Ещё больше Супер полезных плагинов Woocommerce Смотри Здесь !!!

 

Остались вопросы ? Напиши комментарий ! Удачи !

 






info-effect.ru
WooCommerce Colors изменить цвет кнопки и цены товара обновлено: Апрель 13, 2017 автором: Илья Журавлёв

4 комментария

  • Юрий 22.04.2017 Ответить

    еще бы найти плагин как передвигать кнопку “купить” было бы совсем супер.

  • Евгений 03.12.2018 Ответить

    Здравствуйте, столкнулся с проблемой:
    Решил сделать вариативный товар таким образом:

    Картинка товара в формате *.png, представляет из себя белый квадрат с прозрачным изображением (как трафарет).

    Картинка для конкретного товара неизменна.

    При помощи вариации хочу сделать наложение картинки или цвета под картинку товара, таким образом, чтобы выбирая цвет товара, менялся его цвет на фото!

    Хочу реализовать именно в таком виде, но к сожалению, не могу додумать.

    Спасибо за уделенное время

    • Илья Журавлёв 03.12.2018 Ответить Автор

      Добрый день. Прям точно такого плагина я не встречал. Но, есть кое-что, посмотрите, возможно вам поможет:

      – 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.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Нажимая на кнопку Отправить комментарий, вы соглашаетесь с Политикой конфиденциальности и Пользовательским соглашением сайта info-effect.ru


Обратная связь

Политика конфиденциальности - Пользовательское соглашение

Стрелка вверх