WooCommerce 我的帐户自定义端点菜单项

如何解决WooCommerce 我的帐户自定义端点菜单项

我正在处理一个项目，其中我的帐户页面是主页。所以我所做的我创建了一个包含短代码 [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,3,true )
    + array( 'custom-endpoint' => __('Custom Endpoint') )
    + array_slice( $menu_links,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;
}

代码位于活动子主题（或活动主题）的functions.php 文件中。

编辑：钩子 woocommerce_get_query_vars 是强制性的，替换处理 add_rewrite_endpoint() 的函数，不再需要它（感谢 @Jitu）.

如果需要，您可以通过转到 Wordpress 设置 > 永久链接和“保存更改”来刷新重写规则。

经过测试并有效。