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

WooCommerce

 Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для интернет-магазина 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
Добавить комментарий

Имя и Email указывать не обязательно. Чтобы получить ответ на свою электронную почту, укажите свой Email.

  1. Юрий

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

    Ответить
    1. Admin автор

      Здравствуйте. Есть такой плагин – SiteOrigin CSS !

      Ответить
  2. Евгений

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

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

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

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

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

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

    Ответить
    1. Admin автор

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

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

      Ответить
  3. Егор

    А что делать если он у меня не работает?

    Ответить
    1. Admin автор

      Может помочь плагин SiteOrigin CSS

      Ответить