Меню

Как поменять цвет кнопок woocommerce



Плагин WooCommerce Customizer — меняем текст кнопок «В корзину» и отображение товаров

Продолжаем разговор о полезных плагинах для настройки интернет-магазина на WooCommerce. В прошлый раз мы говорили о плагине Saphali Woocommerce Russian, который нужен в основном для настройка полей в форме заказа. Сегодня речь идет о другом полезном плагине — WooCommerce Customizer.

Какие параметры позволяет изменить WooCommerce Customizer:

  1. Текст на кнопке «В корзину» для различных типов товаров и в случае отсутствия товара
  2. Количество товаров, отображаемых на одной странице или в колонке
  3. В карточке товара название вкладок и текст кнопки добавления товара в корзину
  4. Текст сообщений, появляющихся при оформлении заказа
  5. Текст налоговых ставок.

А теперь рассмотрим плагин WooCommerce Customizer подробнее.

1. Установка плагина.

В админ. панели WordPress заходим в раздел «Плагины»«Добавить новый» и в поел поиска пишем «WooCommerce Customizer», нажимаем кнопку «Поиск плагинов».

Мы видим следующий результат поиска:

Нажимаем на кнопку «Установить», а затем активируем плагин.

2. Настройка WooCommerce Customizer.

В административной панели WordPress заходим в «WooCommerce» и далее в «Customizer».

1) Вкладка Shop Loop.

И первая наша вкладка настроек, которая называется Shop Loop выглядит так:

Мы видим две группы настроек. Первая из них называется «Add to Cart Button Text» и позволяет изменять надпись на кнопке «Добавить в корзину» для различных типов товаров:

  • Simple Product — здесь задается надпись на кнопке «В корзину» для простых товаров, т.е. тех товаров, у которых нет вариантов и нет группировки. Вы можете написать, к примеру, «Купить» или «В заказ».
  • Variable Product — позволяет изменить надпись добавления в корзину для товаров, имеющих варианты (например, у вас создан товар, имеющий различные варианты упаковки или цвет. или объем, вес, размер и т.д.). Напишите, к примеру «Выбрать» или «Выбрать цвет».
  • Grouped Product — это надпись добавления к заказу для товаров, объединенных в группу. Выберите текст, который считаете наиболее удачным либо не пишите ничего и будет использовано стандартное значение.
  • External Product — это вариант надписи кнопки добавления в корзину для «внешних товаров» (те товары, которые не продаются в вашем магазине, а представлены у Вас в рамках партнерской программы. Вы — посредник, получаете комиссионные с продаж). При клике на кнопку покупки, человек переходит на страницу товара на официальном сайте продавца, которую Вы укажете в параметрах товара.
  • Out of Stock Product — это надпись, когда товара нет в наличии. Вы можете так и написать здесь «Нет в наличии». Или «Ожидается поступление».

И вторая группа параметров на данной вкладке — это «Layout».

  • Products displayed per page — количество товаров, отображаемых на одной странице магазина. К примеру, поставим 12.
  • Product columns displayed per page — количество колонок, в которых будут отображаться товары на странице, например, 4.
  • Product thumbnail columns displayed — число колонок с миниатюрами товара, отображаемыми на странице.

Внимание: настройка отображения товаров могут быть переопределены с помощью шорткодов WooCommerce, когда Вы, к примеру, выводите товары из определенной категории на страницу.

[product_category category=»Ботинки мужские» per_page=»12″ columns=»4″ orderby=»date» order=»desc»]

Этот шорткод, помещенный на странице, будет выводить товары из категории «Ботинки мужские», по 12 товаров на страницу в 4 колонки. Порядок размещения товаров по дате добавления, нисходящий (более новые будут вверху).

Читайте также:  Как рисовать букет цветов для мамы

2) Вкладка Product Page.

Вы конечно уже поняли из названия, что данная вкладка позволяет настроить элементы страницы продукта (карточку товара). Вот как выглядит вкладка:

  • Tab Titles — позволяет настроить текст в тегах title для описания продукта (Product Description) и для дополнительной информации (Additional Information).
  • Tab Content Headings — настроивает текст заголовков в контенте страницы для описания продукта (Product Description) и дополнительной информации (Additional Information).
  • Add to Cart Button Text — это текст добавления товара в корзину на странице продукта (карточка товара), он един для всех типов товара (All Product Types).

3) Вкладка Checkout.

Выглядит эта вкладка следующим образом:

Messages — это отображаемые сообщения в случае, если необходимо прежде авторизоваться для оформления заказа (Must be logged in text), также текст, выводимый если Вы используете систему купонов рядом с формой ввода купона (Coupon text) и текст, сообщающий о том, что покупатель может авторизоваться если он ранее что-то покупал в Вашем магазине (Login text).
Button Text — это текст кнопку «Оформить заказ» (Submit Order button).

4) Вкладка Misc.

В данной вкладке Вы видите только параметры текста для различных налогов:

Tax Label — изменит текст для налоговой ставки, Including Tax Label — текст для надписи «С учетом налогов», Excluding Tax Label — текст для варианта «Без учета налогов».

Таковы настройки плагина WooCommerce Customizer. А теперь взгляните на нашу сборку — готовый интернет-магазин, в котором уже настроены все необходимые плагины.

Поделитесь этой записью с друзьями, буду благодарен!

Это полезно знать:

  1. Плагин Saphali Woocommerce Russian — настройка формы заказаПоговорим о полезных плагинах для настройки интернет-магазина на WooCommerce. Таких плагинов достаточно много, но особое.
  2. WOOCOMMERCE — модификация и тонкая настройкаРассмотрим тонкую настройку компонента интернет-магазина WooCommerce без внесения изменений в ядро. Описанные здесь модификации безопасны.
  3. WooCommerce и WordPress — оптимальный выбор для небольшого интернет-магазинаЕсли перед вами стоит вопрос, какую систему управления сайта выбрать для своего интернет-магазина, то стоит.
  4. Установка сборки магазина WordPress + WooCommerce на локальный сервер DenwerРечь пойдет об установке готовой сборки интернет-магазина на WordPress + WooCommerce на Denwer. Установка делится.
  5. Интернет-магазин бесплатно! Готовый к работе сайтВнимание: мы создали новый магазин, стандарта 2014 года.Оцените сейчас! Нажмите здесь. Вы начинаете бизнес и.

11 thoughts on “ Плагин WooCommerce Customizer — меняем текст кнопок «В корзину» и отображение товаров ”

Интересно и познавательно!! научите, пожалуйста, как сделать закладку на данную информацию, чтобы при заполнении вкладок(информация может в них меняться) быстро находить данный сайт

Здравствуйте! Проще всего добавить сайт в закладку так: посмотрите на адресную строку браузера вверху. Там есть прозрачная звезда с серым контуром. Нажмите на нее, она станет желтая, а сайт будет сохранен в избранное.

Либо откройте меню браузера, далее закладки —> новая закладка

Здравствуйте! Подскажите как изменить текст на кнопке «Перейти к оплате» на Оформление заказа.

Можете попробовать исправить в языковых файлах Woocommerce или в коде шаблона вывода страниц оформления заказа. при обновлении Woocommerce эти изменения будут потеряны.

Читайте также:  Какие цвета больше всего привлекают мужчину

где именно это меняется? мне надо поменять надпись на кнопке «Оплата». Можно полный путь где это поменять?

Для начала посмотрите в папке /wp-content/plugins/woocommerce/i18n/languages

Если не поможет, то в /wp-content/plugins/woocommerce/templates

Скажите как поменять текст «Спасибо. Ваш заказ принят» на другой. После того как все заказал на странице оплата.

В языковых файлах Woocommerce или непосредственно в коде шаблона, выводящего благодарственное сообщение после оформления заказа.

Не получается с помощью плагина WooCommerce Customizer изменить количество рядов в теме кора. они или смазываются или не реагируют. помогите плизз

Можете выводить товары при помощи шорткода, где будет задано количество колонок товара.

В четверг wordpress автоматически обновился хотя я вроде бы как снимал галочку с обновления на 3,9.3 после чего на сайте перестал работать оформление заказа, и не могу попасть в админку даже. Как можно сделать откат на прошлую версию WP? сайт в данный момент полностью встал(((

Источник

Изменить внешний вид Woocommerce, товары, кнопки, страницы, цвет, размер

Привет! Продолжаем разбирать самые интересные и полезные плагины для интернет-магазина woocommerce. Сегодня вы узнаете как изменить внешний вид онлайн магазина woocommerce. Вы сможете изменить внешний вид страницы товара, страницы магазина, страниц оформления заказа и корзины. Вы сможете менять цвет и размер заголовков, цен, описаний, категорий, скрыть не нужные элементы, изменить цвет и размер кнопки в корзине и т.д.

Изменить внешний вид интернет-магазина Woocommerce

Изменить внешний вид интернет магазина woocommerce вы сможете с помощью плагина — Customize Woocommerce Shop. Установить данный плагин на свой сайт вы сможете прямо из админ-панели wordpress. Перейдите на страницу: Плагины — Добавить новый , введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

После установки и активации плагина, перейдите на страницу: Woocommerce — Customize Shop . Здесь вы сможете менять внешний вид своего интернет-магазина woocommerce.

Product Shop Page, страница товара.

Selected Products, выберите здесь All, тогда изменения будут касаться всех товаров. Вы можете выбрать только один товар или несколько определённых товаров.

Product Images, поставьте здесь галочку, чтобы скрыть изображение товара.

Product Title, поставьте здесь галочку, чтобы скрыть заголовок товара.

Logged In User Only, если поставите здесь галочку, то кнопку Добавить в корзину будут видеть только зарегистрированные пользователи.

Products Prices, поставьте галочку, чтобы скрыть цены на товары.

Add To Cart Button, поставьте здесь галочку, чтобы скрыть кнопку Добавить в корзину.

Нажмите на кнопку — Save All Settings , чтобы сохранить настройки.

Shop Page Appearance, внешний вид страницы Магазин.

Remove Unset Product Images, поставьте галочку, чтобы скрыть изображения которые не установлены.

Set Default Product Image, здесь можно задать изображение, которое будет использоваться по умолчанию для товаров у которых нет изображения.

Title Font Color, здесь вы можете выбрать цвет шрифта для заголовка товара.

Title Font Size, выберите размер шрифта заголовка товара.

Title Font Weight, здесь вы можете выбрать тип шрифта для заголовка товара.

Price Font Color, выберите цвет цены товара.

Читайте также:  Как убрать цвет шапки

Price Font Size, выберите размер цены товара.

Price Font Weight, выберите тип шрифта цены товара.

Нажмите на кнопку — Save All Settings , чтобы сохранить настройки.

Product Details Page, одиночная страница товара.

Selected Products, выберите для каких товаров будут происходить изменения. Для всех товаров выберите All.

Product Images, поставьте галочку, чтобы скрыть изображения товара.

Product Title, поставьте галочку, чтобы скрыть заголовок товара.

Product Tabs, поставьте галочку, чтобы скрыть вкладку товара.

Related Products, поставьте галочку, чтобы скрыть похожие товары.

Logged In User Only, поставьте здесь галочку, чтобы кнопка Добавить в корзину, была видна только зарегистрированным пользователям.

Products Prices, поставьте галочку, чтобы скрыть цену товара.

Add To Cart Button, поставьте галочку, чтобы скрыть кнопку Добавить в корзину.

Products Category, поставьте галочку, чтобы скрыть категории товара.

Нажмите на кнопку — Save All Settings , чтобы сохранить сделанные изменения.

Detail Page Appearance, внешний вид страницы товара.

Remove Unset Product Images, удалить неопределённые изображения.

Set Default Product Image, задать изображение по умолчанию для товаров у которых нет изображений.

Title Font Color, выбрать цвет заголовка товара.

Title Font Size, выбрать размер заголовка товара.

Title Font Weight, выбрать тип шрифта заголовка.

Price Font Color, цвет цены товара.

Price Font Size, размер цены товара.

Price Font Weight, тип шрифта цены товара.

Description Font Color, цвет описания товара.

Description Font Size, размер текста описания товара.

Description Font Weight, тип шрифта текста описания товара.

Category Font Color, цвет категории товара.

Category Font Size, размер текста категории товара.

Category Font Weight, тип шрифта категории.

Сохраните сделанные изменения.

Cart Page, корзина.

Cart Empty Button, поставьте галочку, чтобы добавить кнопку Корзина пустая на страницу Корзина.

Button Font Color, цвет кнопки пустой корзины.

Button Font Size, размер кнопки.

Button Font Weight, тип шрифта кнопки.

Нажмите на кнопку — Save All Settings для сохранения настроек.

Checkout Page, страница Оформить заказ. Здесь вы сможете выбрать между двумя параметрами Disable — отключить, Optional — необязательно.

Billing Country, биллинг страны.

Billing First Name, биллинг имя.

Billing Last Name, биллинг фамилия.

Billing Company, биллинг компания.

Billing Address1, биллинг адрес 1.

Billing Address2, биллинг адрес 2.

Billing City, фактура города.

Billing State, биллинг государства.

Billing Post Code, биллинг код поста.

Billing Email, биллинг электронная почта.

Billing Phone, биллинг телефон.

Shipping, доставка.

Shipping Country, доставка страна.

Shipping First Name, доставка имя.

Shipping Last Name, доставка фамилия.

Shipping Company, доставка компания.

Shipping Address 1, 2, доставка адрес 1 и 2.

Shipping City, город доставки.

Shipping State, государственная доставка.

Shipping Post Code, доставка код поста.

Account Password, пароль учётной записи.

Order Comment, комментарий заказа.

Сохраните сделанные изменения.

Источник