Для пользователей
Настройки
Настройки WooCommerce Products Compare находятся здесь: admin bar→ WooCommerceProducts→ Compare.
Глобальные настройки
Содержит общие настройки для страницы Сравнения товаров и Глобальных ограничений.
- Быстрое сравнение – открыть таблицу сравнения во всплывающем окне
- Скрыть атрибуты с одинаковым значением – отобразить только атрибуты с отличием в значениях
- Отобразить кнопку для скрытия/показа атрибутов – кнопка на странице сравнения для скрытия или показа атрибутов без отличий
- Скрыть атрибуты по умолчанию – скрыть атрибуты без отличий при загрузке таблицы сравнения
- Очистить список сравнения – отобразить кнопку для удаления всех товаров из списка сравнения.
- Размещение кнопки –
- Перед всем
- После изображения
- После названия
- После цены
- После кнопки Добавить в корзину
- Страница сравнения – страница для отображения товаров для сравнения
- Блог
- Корзина
- Оформление заказа
- Сравнить
- База знаний
- Мой аккаунт
- Sample Page
- Магазин
- Добро пожаловать
- Удалить таблицу сравнения – удалить таблицу сравнения на Странице сравнения.
- AddThis ID – ваш ID с сайта AddThis. Очистите это поле, чтобы скрыть кнопки AddThis https://www.addthis.com/
- Полноэкранная кнопка на Странице сравнения – кнопка на странице сравнения, которая отображает таблицу сравнения во всех размерах страниц сайта
- Использовать атрибуты – атрибуты, которые будут отображаться в таблице сравнения.
- Цена
- Кнопка Добавить в корзину
- Краткое описание
- Наличие
- Изображение
- Группа действий Action Group
- Тег
- Категория
- Тег
Шаблоны всплывающих окон
- Full Footer Buttons
- Grey Gradient
- Nice Blue
- Nice Green
- Separate Footer
- Simple & Nice
- Simple Shadow
- Sweet Alert
Стиль
Содержит настройки для кнопок сравнения и визуальной настройки страницы.
- Кнопка Сравнить на виджетах – пользовательский стиль для кнопки Сравнить в виджетах
- Цвет границы – цвет границы вокруг кнопки
- Ширина границы – ширина границы вокруг кнопки
- Радиус скругления – скругление угла для кнопки
- Размер – размер текста на кнопке
- Цвет шрифта – цвет текста на кнопке
- Фон – цвет фона для кнопки
Установить все по умолчанию темы [кнопка]
- Кнопка Панель инструментов – пользовательский стиль для кнопки, которая открывает панель инструментов виджета.
- Цвет границы – цвет границы вокруг кнопки/ По умолчанию
- Ширина границы – ширина границы вокруг кнопки
- Радиус скругления – скругление угла для кнопки
- Размер – размер текста на кнопке
- Цвет шрифта – цвет текста на кнопке/ По умолчанию
- Фон – цвет фона для кнопки/ По умолчанию
Установить все по умолчанию темы [кнопка]
- Таблица – пользовательский стиль для таблицы.
- Минимальная ширина столбца – минимальная ширина столбца в таблице сравнения
- Ширина изображения – ширина изображения товара в таблице сравнения
- Отступы – отступы сверху для верхней неподвижной части таблицы
- Цвет фона – цвет фона для частей таблицы, которые закреплены сверху и справа. Также используется для таблицы в полноэкранном режиме/ По умолчанию
- Цвет фона для атрибутов с одинаковым значением – цвет фона для линий с атрибутами, одинаковый для всех товаров/ По умолчанию
- Внешние отступы – внешние отступы таблицы
- Сверху
- Снизу
- Слева
- Справа
- Внешние отступы в полноэкранном режиме – внешние отступы таблицы в полноэкранном режиме
- Сверху
- Снизу
- Слева
- Справа
- Одинаковые значения для атрибутов/По умолчанию
- Одинаковые значения для атрибутов при наведении курсора мыши/ По умолчанию
Установить все по умолчанию темы [кнопка]
- Кнопка Скрыть атрибуты с одинаковым значением – стиль для кнопки скрыть или показать атрибуты с теми же значениями, которые отображаются в левой верхней ячейке таблицы.
- Тип кнопки – таблица имеет стили для кнопки в двух состояниях
- Нормальное
- При наведении курсора мыши
- Размер шрифта – размер шрифта в пикселях
- Отступ сверху – подкладка сверху ячейки
- Отступ снизу – подкладка снизу ячейки
- Цвет шрифта – цвет шрифта для кнопки/ По умолчанию
- Цвет фона – цвет фона для кнопки/ По умолчанию
- Тип кнопки – таблица имеет стили для кнопки в двух состояниях
Установить все по умолчанию темы [кнопка]
- Кнопка Очистить список сравнения
- Тип кнопки – таблица имеет стили для кнопки в двух состояниях
- Нормальное
- При наведении курсора мыши
- Размер шрифта – размер шрифта в пикселях
- Отступ сверху – подкладка сверху ячейки
- Отступ снизу – подкладка снизу ячейки
- Цвет шрифта – цвет шрифта для кнопки/ По умолчанию
- Цвет фона – цвет фона для кнопки/ По умолчанию
- Тип кнопки – таблица имеет стили для кнопки в двух состояниях
Установить все по умолчанию темы [кнопка]
- Кнопка Добавить для сравнения – стиль для кнопки Сравнить
- Тип кнопки – таблица имеет стили для кнопки в трех состояниях: нормальное, при наведении курсора мыши на кнопку, кнопку для добавленного товара
- Размер шрифта – размер шрифта в пикселях
- Ширина – ширина кнопки в пикселях
- Цвет шрифта – цвет шрифта для кнопки/ По умолчанию
- Цвет фона – цвет фона для кнопки/ По умолчанию
Установить все по умолчанию темы [кнопка]
Текст
Содержит настройки для пользовательского текста на кнопках и в таблицах.
- Текст на кнопке Сравнить – текст на кнопке Сравнить в виджетах
- Кнопка Добавить для сравнения – текст на кнопке под продуктами
- Кнопка Добавить для сравнения, если товар добавлен – текст на кнопке Добавить для сравнения под товарами, если товары добавлены в список сравнения
- Текст на кнопке для открытия панели инструментов – кнопка для отображения товаров в виджетах, установленных в качестве панели инструментов.
- Текст атрибута – текст для атрибутов в таблицах сравнения
- Текст пользовательской таксономии – текст по пользовательской таксономии в таблицах сравнения
- Текст о наличии – текст о наличии товара в таблицах сравнения
- Текст описания
- Кнопка Очистить список сравнения
- Текст кнопки Скрыть атрибуты с одинаковым значением
- Текст кнопки Показывать атрибуты с одинаковым значением
Пользовательский CSS/Javascript
- Отключить Font Awesome – не загружайте файл CSS для Font Awesome на сайт. Отключите его, только если вы не используете иконки Font Awesome в виджетах или у вас есть Font Awesome в вашей теме.
- Версия Font Awesome – версия Font Awesome, которая будет использоваться в настройках и на страницах магазина. Пожалуйста, выберите версию, которая в вашей теме.
- Пользовательский CSS – поле для пользовательского CSS. Содержит настройки пользовательского CSS кода, который будет отображен во внешнем интерфейсе. Пользовательский CSS – тот CSS, каким хотите его видеть вы.
- Перед загрузкой товара – перед загрузкой товаров для сравнения виджетов
- После загрузки товара – после загрузки товаров для сравнения виджетов
- Перед удалением товара – перед удалением товара из виджетов
- Перед удалением товара – после удаления товара из виджетов
- После удаления товара – после удаления товара из виджетов
Виджеты
Виджет WooCommerce Products Compare
Виджет из плагина WooCommerce Products Compare. Вы можете разместить этот виджет в любой области виджета, как и другие виджеты. Виджет будет выглядеть так:
- Быстрое сравнение с таблицей сравнения загрузки через AJAX – отображение таблицы сравнения во всплывающем окне
- Название – название виджета
- Тип – изображение или Текст. Тип Изображение используется в изображениях товара и названиях в виджете. Текстовый тип используется только в названии товара в виджете.
- Is Toolbar (Панель инструментов) – отображает виджет в виде фиксированной панели инструментов в нижней части страницы.
Для разработчиков
Хуки-события
includes/functions.php
br_get_woocommerce_version()
Общественная функция для получения версии WooCommerce
return string. woocommerce version
products-compare.php
Все эти функции находятся в классе BeRocket_Compare_Products в качестве статических функций.
activation()
Общественная функция для создании страницы сравнения товаров
init ()
Функция инициализации скриптов.
admin_init ()
Функция инициализации скриптов и настройки страницы в админ-панели.
options ()
Добавить страницу параметров в админ-меню.
br_get_template_part( $name = ” )
Получить часть шаблона (для шаблонов типа ползунка).
- $name – название шаблона
Шаблоны по умолчанию помещаются в папку плагина folderwoocommerce-products-compare/templates.
Для перезаписи шаблона в папке темы создайте папку с именем woocommerce-compare-products и поместите новый шаблон с таким же именем в эту папку.
get_compare_button ()
Отобразить кнопки Сравнить под товарами.
get_all_compare_products ()
Получить все товары, которые добавлены в список сравнения
return array. array with products id
is_set_cookie( $id )
Public function to check if product is on comparison list
- $id – product id
return boolean.
wp_head_style ()
Выбрать пользовательские настройки для кнопок и таблицы сравнения.
Хуки-фильтры
compare_products_get_template_part
Шаблон, который используется в плагине.
Параметры
- template – ссылка на шаблон, который будет загружен.
- name – название шаблона.
Использование
<?php
function change_compare_products_get_template_part ( $template, $name ) {
//your code here
return $template;
}
add_filter( 'compare_products_get_template_part', 'change_compare_products_get_template_part', 10, 2 );
?>
compare_products_widget_title
Фильтр для названия виджета.
Параметры
- title – название виджета
Использование
<?php
function change_compare_products_widget_title ( $title ) {
//your code here
return $title;
}
add_filter( 'compare_products_widget_title', 'change_compare_products_widget_title' );
?>
compare_products_widget_type
Фильтр для типа виджета.
Параметры
- type – типом виджета может быть “изображение” или “текст”
Использование
<?php
function change_compare_products_widget_type ( $type ) {
//your code here
return $type;
}
add_filter( 'compare_products_widget_type', 'change_compare_products_widget_type' );
?>
compare_products_widget_toolbar
Фильтр для виджета как панели инструментов.
Параметры
- istoolbar – виджет как панель инструментов или нет (values 0/1).
Использование
<?php
function change_compare_products_widget_toolbar ( $istoolbar ) {
//your code here
return $istoolbar;
}
add_filter( 'compare_products_widget_toolbar', 'change_compare_products_widget_toolbar' );
?>
Файлы
- products_compare.php – основной файл плагина
- css – стили плагина
- admin.css – стили для настроек плагина
- colpick.css – стили для блока выбора цвета
- font-awesome.css – стандартные стили Font Awesome
- products_compare.css – стили внешнего интерфейса
- fonts – шрифты Font Awesome
- includes – папка с дополнительными файлами PHP
- functions.php – общественные функции
- updater.php – BeRocket Updater для обновления плагинов с сайта BeRocket
- widget.php – виджет для товаров, добавленных в список сравнения
- js – папка с файлами Javascript
- admin.js – скрипты для настроек плагина
- colpick.js – скрипты для настроек блока выбора цвета плагина
- jquery.cookie.js – плагин JQuery для cookie
- jquery.mousewheel.min.js – плагин jQuery для колесика мыши
- products_compare.js – скрипты для внешнего интерфейса
- templates – шаблоны для настроек, списка стилей и кнопок
- compare.php – шаблоны для страницы сравнения
- general_settings.php – шаблоны для вкладки Глобальные настройки
- Javascript_settings.php – шаблоны для вкладки Javascript в настройках
- license_settings.php – шаблоны для вкладки Лицензия в настройках
- selected_products.php – шаблоны для виджета с товарами списка сравнения
- settings.php – настройки главной страницы плагина
- style_settings.php – шаблон для вкладки Стиль в настройках
- text_settings.php – шаблон для вкладки Текст в настройках