Урок 9. Woocommerce — сравнение товаров, список желаний, фильтр товаров, Массовое изменение цен

Автор: | 05.01.2016

Как сделать сравнение товаров в магазине WooCommerce

Возможность сравнивать товары есть практически на всех сайтах интернет магазинов, и если Вы захотели добавить такую возможность на свой сайт, данный урок будет очень полезным.

Сравнение товаров в интернет магазине WooCommerce

Добавлять возможность сравнения товаров мы с Вами будем с помощью плагина YITH Woocommerce Compare. Итак, приступим!

 1. Устанавливаем плагин YITH Woocommerce Compare.

Как сделать сравнение товаров в магазине WooCommerce

2. Активируем плагин. После активации кнопка сравнения появится на всех товарах магазина.

Как сделать сравнение товаров в магазине WooCommerce

Как видите, кнопка появилась, но на английском языке. Теперь нам нужно перевести название кнопки да и в целом почти весь плагин на русский язык.

Перевод плагина YITH Woocommerce Compare на русский язык

Перед созданием этого урока я перевел на русский язык часть плагина, которой будет вполне достаточно. При желании Вы сами можете любым удобным вам способом изменить мой вариант перевода. И так, начнем!

1. Скачайте архив с файлами перевода.

2. Разархивируйте содержимое архива (в архиве два файла).

3. Скопируйте файлы yit-ru_RU.po и yit-ru_RU.mo и вставьте их в папку languages, которая находится в папке плагина YITH Woocommerce Compare (wp-content\plugins\yith-woocommerce-compare\languages).

4. Теперь перейдите в WooCommerce -> Настройки -> Products Compare и введите на русском языке текст кнопки и название таблицы сравнения. Для сохранения изменений не забудьте нажать кнопку «Сохранить изменения».


Как сделать список желаний в интернет магазине WooCommerce

Кнопка «Добавит в желания», как и возможность «сравнения товаров» присутствует практически на всех популярных интернет магазинах, и ее наличие для многих уже стало привычным и обыденным.

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

Создание списка желаний в WooCommerce

Создавать «Список желаний» мы будем с помощью плагина YITH WooCommerce Wishlist.

1. Устанавливаем и активируем плагин YITH WooCommerce Wishlist.

Как сделать список желаний в интернет магазине WooCommerce

2. После активации плагина перейдите в YIT Plugins -> Wishlist.

Как сделать список желаний в интернет магазине WooCommerce

3. На открывшейся странице Вы увидите настройки плагина и его частичного перевода. Измените доступные слова на русские.

Остальной перевод плагина нужно делать отдельно. В этом Вам поможет урок по переводу плагинов в WordPress.

Как сделать список желаний в интернет магазине WooCommerce

Плагин будет работать и без перевода, но я не думаю что Вы поленитесь перевести небольшой плагин и оставить все как есть

В результате на каждом товаре появится кнопка, после нажатия на которую товар добавится в «Список желаний». Стиль кнопки Вы всегда можете изменить по усмотрению и желанию с помощью CSS.

Как сделать список желаний в интернет магазине WooCommerce

Кнопка «Добавить в список желаний»


 Как сделать фильтр товаров по свойствам в WooCommerce

Как создать подбор товаров по свойствам (атрибутам) товара

Создавать виджет с фильтром товаров по свойствам мы будем с помощью плагина YITH WooCommerce Ajax Navigation. С помощью этого плагина можно сделать фильтр по любым характеристикам (атрибутам, свойствам) товара.

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

1. Установите и активируйте плагин YITH WooCommerce Ajax Navigation.

Как сделать фильтр товаров по свойствам в WooCommerce

2. Перейдите в Внешний вид -> Виджеты.

Как создать подбор товаров по свойствам

3. После активации плагина появилось два новых виджета: YITH WooCommerce Ajax Navigationи YITH WooCommerce Ajax Reset Navigation.

Как сделать фильтр товаров по свойствам в WooCommerce

Добавьте их на сайдбар (боковую панель) которая отображается на странице магазина.

Важно! Плагин фильтрует товары по заданным в товарах атрибутам (свойствам). Их нужно предварительно добавить в каждом товаре. О том как добавлять атрибуты к товару мы говорили в уроке по созданию вариативных товаров.

4. После добавления виджетов на сайдбар нужно сделать следующее: указываем название виджета, выбираем атрибут, по которому будем фильтровать товары, и если Вы делаете фильтр по цвету — выберите Type: Color.

Также можно выбрать и другие типы фильтра:

  • List — стандартный вариант, при котором свойства будут отображаться списком
  • Color — выбираем при создании фильтра по цвету
  • Label — можно назначить свое имя для каждого свойства
  • Dropdownвыпадающий список

Далее выберите цвет кнопки для каждого цвета и нажмите кнопку «Сохранить».

На виджете YITH WooCommerce Ajax Reset Navigation нужно указать только имя для кнопки сброса фильтра.

Как сделать фильтр товаров по свойствам в WooCommerce

Готово! Фильтр товаров по цвету создан! Но есть одна деталь, которая портит весь внешний вид фильтра — маленькие квадратики над кнопками свойств.

Как сделать фильтр товаров по свойствам в WooCommerce

Массовое редактирование цены товаров в WooCommerce

Здравствуйте, друзья! Сегодня мы поговорим о том, как можно массово изменить цену на всех товарах в интернет магазине созданном с помощью плагина WooCommerce.

Заменять цену на тысячах товаров поштучно не только нудно и скучно, но это еще и достаточно времязатратный процесс! Задача по замене цены может возникнуть из-за скачков курса валют, сезонных скидок распродаж и т.п.

Поверьте, если у Вас есть интернет магазин, то рано или поздно Вы столкнетесь с необходимостьюизменять все цены на сайте. И так, как же можно массово изменить цены в магазине?

Массовое изменение цен в WooCommerce

С помощью плагина можно изменять не только цены на всех товарах, но и на определенных категориях, что зачастую очень удобно и полезно. В тоже время, предложенный в этом уроке способ изменения цен с помощью запросов в базу данных имеет меньше возможностей, так что о нем мы поговорим очень поверхностно. И так, приступим!

1. Устанавливаем и активируем плагин WooCommerce Prices. О том, как искать и устанавливать плагины мы говорили в одном из прошлых уроков.

 2. После активации плагина переходим с административной панели в Товары -> Prices.

Массовое редактирование цены товаров в WooCommerce

3. В открывшемся окне нам нужно указать в поле Action действие, соответствующее Вашей задаче и выбрать в поле Category (если необходимо) категорию товаров. После этого нажимаем кнопку «Get Prices», чтобы отфильтровать товары по выбранной категории.

Массовое редактирование цены товаров в WooCommerce

4. После нажатия кнопки «Get Prices» нужно указать значения в поле Value. В него нужно ввестицифровое значение, на которое Вы будете повышать или уменьшать цену товаров. В этом поле можно указывать как обычные числа, так и числа с процентами.

Для лучшего понимая наведу несколько примеров:

Массовое редактирование цены товаров в WooCommerce

Уменьшаем цену товаров на 50

Массовое редактирование цены товаров в WooCommerce

Увеличиваем цену товаров на 10%

5. После того как Вы укажите на сколько будете уменьшать или увеличивать цену товаров в полеValue — нажмите кнопку «Edit Prices». После нажатия кнопки цены на товарах изменятся, и Вам нужно будет сохранить эти изменения. Для этого нажмите кнопку «Save Prices».

Массовое редактирование цены товаров в WooCommerce

Увеличиваем цену всех товаров в категории «Категория 1» на 10%

Готово! Как видите, всего за несколько кликов можно изменить цены на огромном количестве товаров.

С помощью этого плагина у Вас есть возможность массово изменять обычную цену товаров, цену скидки и т.п. Также, одним из самых больших и бесспорных плюсов плагина есть то, что он полностью бесплатный!