WooCommerce 我的帐户自定义端点菜单项
WooCommerce My Account custom endpoint menu item
我正在做一个我的帐户页面是主页的项目。所以我做了什么,我创建了一个包含简码 [woocommerce_my_account]
的页面,并通过仪表板->设置->阅读将此页面设为主页。一切正常。我也有这个工作端点:
- 我的域名。com/orders
- 我的域名。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;
}
代码进入活动子主题(或活动主题)的 functions.php 文件。
编辑: 钩子 woocommerce_get_query_vars
是必需的,并替换处理 add_rewrite_endpoint()
的函数,不再需要 (谢谢@Jitu).
如果需要,您可以通过转到 Wordpress 设置 > 永久链接和“保存更改”刷新重写规则。
已测试并有效。
我正在做一个我的帐户页面是主页的项目。所以我做了什么,我创建了一个包含简码 [woocommerce_my_account]
的页面,并通过仪表板->设置->阅读将此页面设为主页。一切正常。我也有这个工作端点:
- 我的域名。com/orders
- 我的域名。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;
}
代码进入活动子主题(或活动主题)的 functions.php 文件。
编辑: 钩子 woocommerce_get_query_vars
是必需的,并替换处理 add_rewrite_endpoint()
的函数,不再需要 (谢谢@Jitu).
如果需要,您可以通过转到 Wordpress 设置 > 永久链接和“保存更改”刷新重写规则。
已测试并有效。