Как объединять вкладки в личном кабинете?

В этом уроке я покажу вам, как сделать так, чтобы и вкладка «Адреса», и вкладка «Профиль» находились на одной странице, точнее на одной вкладке в личном кабинете.

Кстати, на моём сайте есть видеокурс по WooCommerce, в котором мы создаём тему с нуля на основе готовой HTML-вёрстки, вот ссылка.

В этом уроке я предоставлю вам готовый код, вставив который в functions.php текущей темы или плагина, у вас произойдёт то, что вы видите на скриншоте ниже:

Две вкладки личного кабинета на одной странице WooCommerce
Возможно это не самый удачный скриншот, на нём настройки редактирования адресов находятся сразу же под формой изменения профиля в личном кабинете.

Сам код:

// нам нужно скрыть саму вкладку Адреса прежде всего
add_filter( 'woocommerce_account_menu_items', 'truemisha_remove_addresses', 25 );
 
function truemisha_remove_addresses( $menu_links ) {
 
	unset( $menu_links[ 'edit-address' ] );
	return $menu_links;
 
}
 
// прии помощи хука добавляем адреса на вкладку изменения профиля
add_action( 'woocommerce_account_edit-account_endpoint', 'woocommerce_account_edit_address' );
  • Про удаление вкладок личного кабинете у меня есть отдельный урок.
  • Обратите внимание, что хук в конце кода содержит в себе название эндпойнта woocommerce_account_{ЭНДПОЙНТ}_endpoint и функция тоже woocommerce_account_{ЭНДПОЙНТ}.

Миша

В последние годы я долго не знал, что мне делать с сайтом misha.blog, ведь он практически не приносит никакого профита, но недавно я осознал, что моя миссия – способствовать распространению WordPress. Ведь WordPress – это лучший движок для разработки сайтов – как для тех, кто готов использовать заложенную структуру этой CMS, так и для тех, кто предпочитает headless решения.

Сам же я впервые познакомился с WordPress в 2009 году. Организатор WordCamp. Преподаватель в школах Epic Skills и LoftSchool.

Если вам нужна помощь с вашим сайтом или может даже разработка с нуля на WordPress / WooCommerce — пишите. Я и моя команда сделаем вам всё на лучшем уровне.

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

Если вы хотите добавить код, не забудьте обернуть его в <pre lang="php"></pre>, если же код – меньше одной строчки, то можно и в <code></code>.