Получи 1 из 3 лицензий WPForms бесплатно!

Giveaway от разработчика плагина. Срок проведения 01.11.2019 – 31.12.2019.

wpforms-logo-300
 »  WooCommerce  »  Как изменить админку WooCommerce

Как изменить админку WooCommerce

Последнее обновление:

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

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

В этой статье вы узнаете 4 простых шага для кастомизации админки Вукоммерс.

Содержание:

  1. Отключите ненужные эндпоинты
  2. Измените текст на главной странице (dashboard.php)
  3. Отключите стандартное меню админки
  4. Создайте интерфейс с помощью пейдж-билдера
  5. Плагины

Внимание: Перед тем, как начнете, на всякий случай сделайте бэкап.

1. Отключите ненужные эндпоинты

После установки WooCommerce админка выглядит так:

Админка Вукоммерс
Стандартная админка WooCommerce

По умолчанию в админке Вукоммерс есть несколько эндпоинтов, которые находятся в WooCommerceНастройкиДополнительноЭндпоинты учётной записи:

Эндпоинты аккаунта WooCommerce
Эндпоинты админки WooCommerce

Чтобы отключить эндпоинт, нужно удалить его адрес.

Мембершипу не нужна доставка, поэтому вы можете отключить эндпоинт Адреса. Если вам не нужно давать доступ к файлам, вы можете отключить Загрузки.

После этого админка Вукоммерс будет выглядеть так:

Админка Вукоммерс с отключенными эндпоинтами
Из меню ушли ссылки Адреса и Загрузки

2. Измените текст на главной странице (dashboard.php)

Стандартный текст на главной странице выглядит так:

Добро пожаловать, {текущий_пользователь} (не {текущий_пользователь}? Выйти)

Из главной страницы аккаунта вы можете посмотреть ваши недавние заказы, настроить платежный адрес и адрес доставки, а также изменить пароль и основную информацию.

В предыдущем шаге вы отключили эндпоинт с адресами, поэтому вы можете удалить часть фразы «настроить платежный адрес и адрес доставки».

Чтобы изменить этот текст, нужно скопировать файл dashboard.php из папки WooCommerce в папку с дочерней темой и отредактировать несколько строк.

  1. Скопируйте файл из /wp-content/plugins/woocommerce/templates/my-account/dashboard.php (или скачайте с Github).
  2. Создайте папку /wp-content/themes/текущая_тема/woocommerce/myaccount.
  3. Вставьте файл dashboard.php в созданную папку.
  4. Отредактируйте скрипт, который выводит этот текст:

Теперь админка выглядит так:

Админка Вукоммерс после редактирования файла dashboard.php
Стандартная админка WooCommerce

Если вы хотите оставить так, то вы можете переименовать эндпоинты или изменить их порядок в меню.

Переименуйте эндпоинты

Чтобы переименовать эндпоинты, добавьте этот код в functions.php дочерней темы или с помощью специального плагина:

Удалите лишние эндпоинты и измените названия эндпоинтов в строках 4-9.

Измените порядок эндпоинтов

Чтобы изменить порядок эндпоинтов, поменяйте строки местами:

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

3. Отключите стандартное меню админки

Чтобы отключить стандартное меню, добавьте этот код во Внешний видНастроитьДополнительные стили или в style.css вашей дочерней темы:

Теперь консоль Вукоммерс должна выглядеть так:

Упрощенная админка Вордпресс

4. Создайте интерфейс с помощью пейдж-билдера

С помощью пейдж-билдера откройте страницу .../my-account/. Страницы эндпоинтов наследуют дизайн страницы Мой аккаунт.

Как изменить админку WooCommerce
Админка WooCommerce в редакторе Elementor

Динамический текст с именем пользователя я сделал с помощью Elementor Pro. Если у вас нет Pro, вы можете сделать это с помощью бесплатной версии ACF.

Добавьте текст с динамическим именем пользователя
Добавьте текст с динамическим именем пользователя

Я сделал меню с помощью 4-х виджетов Картинка с текстом и ссылками на эндпоинты. Вы можете сделать по-своему.

Создайте меню для админки WooCommerce
Создайте меню для админки WooCommerce

Сделайте отображение оплаченных товаров (мембершипов) на главной странице, и добавьте шорткоды мембершипа, чтобы оплатившие доступ видели только свои мембершипы.

Доступ к мембершипам в админке WooCommerce
Доступ к мембершипам в админке WooCommerce

Все добавленные элементы пейдж-билдера будут отображаться на всех эндпоинтах админки Вукоммерс. Чтобы отключить показ ненужных элементов на некоторых эндпоинтах, вы можете использовать бесплатный плагин Dynamic Visibility for Elementor или Visibility Logic for Elementor, или платный плагин PAFE Pro.

Зайдите как пользователь и пройдите по всем страницам админки. Не забудьте про эти страницы:

  • Страница логина,
  • Информация о заказах (/view-order/)
  • Выход (/customer-logout/)

5. Плагины

Если вы не хотите использовать пейдж-билдер, вы можете сделать некоторые настройки с помощью плагинов. Попробуйте бесплатный плагин Custom My Account for Woocommerce, или платный плагин YITH WooCommerce Customize My Account page.

В платной версии Custom My Account for Woocommerce вы можете добавлять шорткоды на нужные страницы админки.

Создайте элементы админки в пейдж-билдере, и вставьте их шорткоды на ваши эндпоинты.

Заключение

Это общий план по кастомизации админки Вукоммерс. Вы можете изменить шаги под свои требования или использовать другой пейдж-билдер.

  • Оставьте нужные эндпоинты,
  • Отредактируйте текст из файла dashboard.php,
  • Отключите стандартное меню админки Вукоммерс,
  • Создайте интерфейс админки с помощью пейдж-билдера и настройте видимость элементов на всех эндпоинтах.

Читайте также:

  1. Как сделать мембершип на WooCommerce с лайф-тайм лицензией
  2. Кнопка Войти / Выйти для авторизованных и неавторизованных посетителей в меню Вордпресс
  3. Как показывать разные меню для авторизованных и неавторизованных пользователей Вордпресс
  4. Как отключить админ-бар WordPress для всех пользователей, кроме администратора

Надеюсь, статья была полезна. Оставляйте комментарии.

Оставьте комментарий

Do NOT follow this link or you will be banned from the site!