Обрати сторінку

WooCommerce Products Compare

Для пользователей

Настройки

Настройки WooCommerce Products Compare находятся здесь: admin barWooCommerceProductsCompare.

Глобальные настройки

Содержит общие настройки для страницы Сравнения товаров и Глобальных ограничений.

  • Быстрое сравнение – открыть таблицу сравнения во всплывающем окне
  • Скрыть атрибуты с одинаковым значением – отобразить только атрибуты с отличием в значениях
    • Отобразить кнопку для скрытия/показа атрибутов – кнопка на странице сравнения для скрытия или показа атрибутов без отличий
    • Скрыть атрибуты по умолчанию – скрыть атрибуты без отличий при загрузке таблицы сравнения
  • Очистить список сравнения – отобразить кнопку для удаления всех товаров из списка сравнения.
  • Размещение кнопки – 
    • Перед всем
    • После изображения
    • После названия
    • После цены
    • После кнопки Добавить в корзину
  • Страница сравнения – страница для отображения товаров для сравнения
    • Блог
    • Корзина
    • Оформление заказа
    • Сравнить
    • База знаний
    • Мой аккаунт
    • 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

Шаблон, который используется в плагине.

Параметры

  1. template – ссылка на шаблон, который будет загружен.
  2. 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

Фильтр для названия виджета.

Параметры

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

Фильтр для типа виджета.

Параметры

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

Фильтр для виджета как панели инструментов.

Параметры

  1. 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 – шаблон для вкладки Текст в настройках