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

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

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

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

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

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

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

Как сделать сравнение товаров в магазине WooCommerce
Как сделать сравнение товаров в магазине 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

После этого можно сказать что плагин переведен, и готов к работе.

Вот такую таблицу сравнения товаров мы получим в результате:

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

Добавление виджета сравнения товаров

С помощью плагина YITH Woocommerce Compare можно добавить виджет, который будет отображать товары добавленные к сравнению. Для добавления виджета перейдите в Внешний вид -> Виджеты и установите виджет на любой сайдбар:

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