WooCommerce我的帐户自定义终结点菜单项 [英] WooCommerce My Account custom endpoint menu item

问题描述

我正在处理一个项目，其中我的帐户页面是主页。因此，我所做的是创建了一个包含快捷代码[woocommerce_my_account]的页面，并通过仪表板-&>设置-&>阅读制作了这个页面主页。一切都很正常。我也有此工作终结点：

• myDomain.com/Orders
• mydomain.com/EDIT-ADDRESS

但我在创建自定义MyAccount终结点时遇到了麻烦。我用的是传统的方式：

add_action('woocommerce_account_custom-endpoint_endpoint', function(){
    echo 'hello'; 
} );

add_action('init', function() {
    add_rewrite_endpoint('custom-endpoint', EP_ROOT | EP_PAGES); 
});

但是mydomain.com/Custom-Endpoint没有指向"我的帐户"页面，它指向的是index.php或page.php(WordPress模板层次结构)。

我很好奇为什么会发生这种情况？

推荐答案

更新：

重要信息：您需要首先在以下位置将主页声明为我的帐户页面：
WooCommerce设置>；高级>；我的帐户页面字段。

使用以下内容：

// Enable endpoint
add_filter( 'woocommerce_get_query_vars', 'myaccount_custom_endpoint_query_var' );
function myaccount_custom_endpoint_query_var( $query_vars ) {
    $query_vars['custom-endpoint'] = 'custom-endpoint';

    return $query_vars;
}

// Endpoint displayed content
add_action('woocommerce_account_custom-endpoint_endpoint', 'display_custom_endpoint_content' ); 
function display_custom_endpoint_content(){
    echo '<p>' . __("hello") . '</p>';
}

您也可以选择使用以下内容：

// Add it as my account menu item
add_filter ( 'woocommerce_account_menu_items', 'custom_account_menu_items', 10 );
function custom_account_menu_items( $menu_links ){
    $menu_links = array_slice( $menu_links, 0,3 , true )
    + array( 'custom-endpoint' => __('Custom Endpoint') )
    + array_slice( $menu_links, 3, NULL, true );

    return $menu_links;
}

// Endpoint page title
add_filter( 'woocommerce_endpoint_custom-endpoint_title', 'set_my_account_custom_endpoint_title', 10, 2 );
function set_my_account_custom_endpoint_title( $title, $endpoint ) {
    $title = __( "Custom Endpoint", "woocommerce" );

    return $title;
}

代码放在活动子主题(或活动主题)的函数.php文件中。

编辑：钩子woocommerce_get_query_vars是必选的，替换处理add_rewrite_endpoint()的函数，不再需要(感谢@jitu)。

如果需要，您可以通过转到WordPress设置固定链接和保存更改来刷新重写规则。

已测试并正常工作。

这篇关于WooCommerce我的帐户自定义终结点菜单项的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！