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

WooCommerce Product Tabs Manager

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

Установка платной версии

https://www.youtube.com/watch?v=9ymG2giG2r0&t=2s

Первый способ установки плагина:

  1. Скачайте плагин с вашего BeRocket аккаунта.
  2. Деактивируйте БЕСПЛАТНУЮ версию этого плагина.
  3. Откройте панель администрирования вашего сайта и проследуйте в Плагины Добавить новый Загрузить плагин.
  4. Нажмите Обзор, выберите загруженный zip-файл и нажмите Установить.
  5. Нажмите Активировать.

Второй способ установки плагина:

  1. Скачайте плагин с вашего BeRocket аккаунта.
  2. Деактивируйте БЕСПЛАТНУЮ версию этого плагина.
  3. Откройте ваш сайт через FTP.
  4. Проследуйте в папку WordPress/wp-content/plugins.
  5. Извлеките файлы из загруженного zip-файла и скопируйте файлы в папку WordPress/wp-content/plugins.
  6. Откройте панель администрирования вашего сайта и проследуйте в Плагины.
  7. Найдите Плагин и нажмите Активировать.

Ключ Аккаунта/Плагина

Ключ Аккаунта BeRocket и Ключ Плагина используются для автообновления плагинов сайта BeRocket.

Где найти Ключ Аккаунта?

  1. Откройте сайт BeRocket и войдите в аккаунт (нажмите кнопку Login, которая находится в верхнем меню).
  2. Перейдите в My Account (нажмите кнопку My Account, которая находится в верхнем меню).
  3. В правой части страницы вы можете найти всю информацию о вашей учетной записи BeRocket, включая Ключ Аккаунта:
    .
  4. Вы можете нажать на Ключ Аккаунта и скопировать его.

Где найти Ключ Плагина?

  1. Откройте сайт BeRocket и войдите в аккаунт (нажмите кнопку Login, которая находится в верхнем меню).
  2. Перейдите в My Account (нажмите кнопку My Account, которая находится в верхнем меню).
  3. Нажмите на значок ключа справа от имени плагина WooCommerce Advanced Product Labels:
  4. Вы можете нажать на Ключ Аккаунта и скопировать его.
  5. В левом поле введите любое уведомление для этого ключа и нажмите кнопку Готово, чтобы сохранить.

Активация Ключа Аккаунта/Плагина

Для введения Ключа Аккаунта/Плагина откройте панель администрирования вашего сайта и нажмите BeRocket Ключ Аккаунта.

Как активировать Ключ Аккаунта?

  1. Скопируйте Ключ Аккаунта с сайта BeRocket.
  2. Вставьте этот ключ в поле Ключ Аккаунта.
  3. Нажмите кнопку Тест.
  4. Если вы используете правильный Ключ Аккаунта, вы увидите:
  5. Нажмите кнопку Сохранить изменения.

Как активировать Ключ Плагина?

  1. Скопируйте ключ плагина с сайта BeRocket.
  2. Вставьте этот ключ в поле WooCommerce Advanced Product Labels.
  3. Нажмите кнопку Тест.
  4. Если вы используете правильный ключ плагина, вы увидите:
  5. Нажмите кнопку Сохранить изменения.

Вкладки

Что бы изменить размещение вкладки в настройках плагина проследуйте: Admin Panel WooCommerce Tab ManagerLocations.

Что бы добавить новую вкладку проследуйте: Admin Panel Tab Manager Tabs Add Tab.

Редактировать вкладки можно в блоке Tabs ManagerTabs.

Настройки Вкладок

  • Глобальные настройки
  • Стили
  • CSS/JavaScript
  • Вкладки
  • Размещение
  • Лицензия

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

Содержит глобальные настройки для Вкладок.

  • Пользовательские вкладки – создайте вкладки, нужные для ваших товаров.
  • Размещение вкладок – сортированный список вкладок, который будет использован на странице товара:
    • каждая вкладка может быть использована лишь один раз;
    • добавляйте вкладки с помощью кнопки “Add Tab” (“Добавить вкладку”) под списком вкладок;
    • сортируйте вкладки перетягивая элементы списка.

Стили

Содержит настройки для вкладок типа Вопрос/Ответ.

  • Размер шрифта вопроса – размер шрифта вопроса в пикселях.
  • Размер шрифта ответа – размер шрифта ответа в пикселях.
  • Цвет границы – цвет границы для каждого блока Вопрос/Ответ.
  • Цвет фона вопроса – цвет фона блока закрытых вопросов.
  • Цвет фона открытого вопроса – цвет фона блока открытого вопроса.

CSS/JavaScript

  • Отключить Font Awesome – не загружайте файл CSS для Font Awesome на сайт. Отключите его, только если вы не используете иконки Font Awesome в виджетах или у вас есть Font Awesome в вашей теме.
  • Версия Font Awesome – версия Font Awesome, которая будет использоваться в настройках и на страницах магазина. Пожалуйста, выберите версию, которая в вашей теме.
  • Font Family – шрифты Google.
  • Пользовательский CSS – поле для пользовательского CSS. Содержит настройки пользовательского CSS кода, который будет отображен во внешнем интерфейсе. Пользовательский CSS – тот CSS, каким хотите его видеть вы.
  • Javascript при загрузке страницы – поле для пользовательского Javascript, который выполнится при загрузке страницы.

Вкладки

Что бы добавить новую вкладку проследуйте: Admin Panel Products Tabs и нажмите на Add Tab.

Здесь вы увидите поле New Title (Название вкладки) и стандартный редактор постов, в котором вы найдете все необходимое для создание постов.

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

  • Admin name
  • Тип дополнительной информации – информация, которая будет выведена в посте вместо текста:
    • Дополнительной информации нет (пустое поле) – отображает текст поста.
    • Список Вопрос/Ответ – отображен в форме FAQ (часто задаваемых вопросов):
      • Добавить – кнопка для добавление пары Вопрос/Ответ.
      • Вопрос и Ответ – если одно из полей не заполнено при сохранении настроек, эти Вопрос/Ответ будут удалены.
    • Список товаров – пользовательский список товаров:
      • Тип товара – Товар или Категория:
        • Товары – отображает товары из выбранного списка в поле Товары для отображения.
        • Категория – отображает товары из выбранной категории в поле Категории товаров.
      • Количество товаров для отображения – количество товаров, которое будет показано в новой вкладке [число].

Размещение вкладок

Откройте Admin Bar и проследуйте BeRocket→ Tab Manager→ Locations, затем нажмите на Add Location (Добавить).

Условия для Размещений – позволяет добавить два условия для размещений вкладок. Нажмите на кнопку “+” под условиями, и выберите нужное условие: “+” вне блока добавляет блок с оператором ИЛИ; “+” внутри блока добавляет блок с оператором И.

Настройки размещения вкладок

  • Условия
  • Размещение вкладок
  • Условия
    • Товар:
      • Равно
      • Не равно
    • Распродажа
      • Да
      • Нет
    • Топ продаж
    • Всего продаж
      • Равно
      • Не равно
      • Равно или меньше
      • Равно или больше
      • Количество товаров
    • Категория
      • Равно
      • Не равно
      • Включить подкатегории
    • Рекомендуемые
      • Равно
      • Не равно
    • Наличие
      • В наличии
      • Нет в наличии
      • По предзаказу
    • Цена:
      • Равно
      • Не равно
      • От
      • До
      • Цена товара
      • С налогом
      • Без налога
    • Возраст товара:
      • Равно
      • Не равно
      • Равно или меньше
      • Равно или больше
      • дни (дней)
    • Тип товара
      • Равно
      • Не равно
      • Обычный товар
      • Сгруппированный товар
      • Внешний товар
      • Товар с вариациями
  • Настройки размещения вкладок
    • Описание – название/ Удалить.
    • Дополнительная информация/ Удалить.
    • Просмотры (%d) – используйте %d в названии что бы заменить количество просмотров товара/ Удалить.

Настройки под тему

Avada

Настройки пользовательского CSS

Откройте админ панель сайта и проследуйте в WooCommerce Products Labels Custom CSS.

Добавьте этот CSS в поле “User custom CSS style”:

div.woocommerce-tabs ul.products li.product a.product-images
{
    display: initial !important;
}

Louis

Настройки пользовательского CSS

Откройте админ панель вашего сайта и проследуйте в WooCommerce Products Labels Custom CSS.

Добавьте этот CSS в поле“User custom CSS style”:

.br_qa_tabs.ui-accordion .ui-accordion-header.ui-state-active
{
    margin-bottom: 0px !important;
}

X

Настройки пользовательского CSS

Откройте админ панель вашего сайта и проследуйте в WooCommerce Products Labels Custom CSS.

Добавьте этот CSS в поле“User custom CSS style”:

.br_qa_tabs.ui-accordion .ui-accordion-header
{
    font-size: 100%;
}
.woocommerce .x-tab-pane ul.products li.product
{
    width: 22%;
}

Для разработчиков

Хуки-события

includes/functions.php

br_get_woocommerce_version()

Общественная функция для получения версии WooCommerce

return string. woocommerce version

br_generate_product_selector($options)

Сгенерировать несколько селекторов товаров с поисковым полем

  • $options – массив с параметрами. Элементы:
    • option – массив с id товара
    • block_name – уникальное имя
    • name – название, которое используется как название полей. Массив должен быть: “br_tabs[additional_product][products][]”
    • return – если false, то используйте echo для отображения HTML-кода. Если true, то верните HTML-код в виде строки

Возврат строки или void. HTML-кода

woocommerce-tab-manager.php

Все эти функции находятся в классе BeRocket_tab_manager в качестве статических функций.

init ()

Функция инициализации скриптов.

admin_init ()

Функция инициализации скриптов и настройки страницы в админ-панели. 

options ()

Добавить страницу параметров в админ-меню.

br_get_template_part( $name = ” )

Получить часть шаблона (для шаблонов типа ползунка).

  • $name – название шаблона

Шаблоны по умолчанию помещаются в папку плагина woocommerce-product-tab-manager/templates.

Для перезаписи шаблона в папке темы создайте папку с именем woocommerce-tab_manager и поместите новый шаблон с таким же именем в эту папку.

Хуки-фильтры

tab_manager_get_template_part

tab_manager_get_template_part

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

Параметры

  1. template – ссылка на шаблон, который будет загружен.
  2. name – название шаблона.

Использование

<?php
function change_tab_manager_get_template_part ( $template, $name ) {
//your code here
    return $template;
}

add_filter( 'tab_manager_get_template_part', 'change_tab_manager_get_template_part', 10, 2 );
?>


Файлы

  • woocommerce-tab-manager.php – основной файл плагина 
  • css – стили плагина
    • admin.css – стили для настроек плагина
    • colpick.css – стили для блока выбора цвета
    • font-awesome.css – стандартные стили Font Awesome
  • fonts – шрифты Font Awesome
  • includes – папка с дополнительными файлами PHP
    • functions.php – общественные функции
    • updater.php – BeRocket Updater для обновления плагинов с сайта BeRocket
  • js – папка с файлами Javascript
    • admin.js – скрипты для настроек плагина
    • colpick.js – скрипты для настроек блока выбора цвета плагина 
  • templates – шаблоны для настроек, стиля списка и кнопок
    • meta_setting.php – шаблон настройки страницы создания вкладки
    • settings.php – настройки главной страницы плагина
    • tabs.php – сортировка, выбор и добавление шаблона вкладки