[英]WooCommerce: Assigning an endpoint to a custom template in my account pages
This function adds a tab named "Special Page" into "My Account" tab list:此功能在“我的帐户”标签列表中添加了一个名为“特殊页面”的标签:
add_filter( 'woocommerce_account_menu_items' , 'jc_menu_panel_nav' );
function jc_menu_panel_nav() {
$items = array(
'dashboard' => __( 'Dashboard', 'woocommerce' ),
'orders' => __( 'Orders', 'woocommerce' ),
'downloads' => __( 'Downloads', 'woocommerce' ),
'edit-address' => __( 'Addresses', 'woocommerce' ),
'payment-methods' => __( 'Payment Methods', 'woocommerce' ),
'edit-account' => __( 'Account Details', 'woocommerce' ),
'special-page' => __( 'Special Page', 'woocommerce' ), // My custom tab here
'customer-logout' => __( 'Logout', 'woocommerce' ),
);
return $items;
}
That results in this:结果是:
But the link points to my-account/special-page/
, and naturally gives a 404 error.但是链接指向my-account/special-page/
,自然会报 404 错误。
How I can assign this URL to a file named special-page.php
?如何将此 URL 分配给名为special-page.php
的文件?
Finally I could solve the problem using a snippet provided for the same people of WooCommerce (There are more tips in that page).最后,我可以使用为 WooCommerce 的同一个人提供的片段来解决问题(该页面中有更多提示)。 For anyone interested, paste all the following code in functions.php:对于任何感兴趣的人,请将以下所有代码粘贴到 functions.php 中:
function my_custom_endpoints() {
add_rewrite_endpoint( 'special-page', EP_ROOT | EP_PAGES );
}
add_action( 'init', 'my_custom_endpoints' );
function my_custom_query_vars( $vars ) {
$vars[] = 'special-page';
return $vars;
}
add_filter( 'query_vars', 'my_custom_query_vars', 0 );
function my_custom_flush_rewrite_rules() {
flush_rewrite_rules();
}
add_action( 'wp_loaded', 'my_custom_flush_rewrite_rules' );
I think this way allows more control to order/renaming the menu:我认为这种方式可以更好地控制菜单的顺序/重命名:
function my_custom_my_account_menu_items( $items ) {
$items = array(
'dashboard' => __( 'Dashboard', 'woocommerce' ),
'orders' => __( 'Orders', 'woocommerce' ),
//'downloads' => __( 'Downloads', 'woocommerce' ),
//'edit-address' => __( 'Addresses', 'woocommerce' ),
//'payment-methods' => __( 'Payment Methods', 'woocommerce' ),
'edit-account' => __( 'Edit Account', 'woocommerce' ),
'special-page' => 'Special Page',
'customer-logout' => __( 'Logout', 'woocommerce' ),
);
return $items;
}
add_filter( 'woocommerce_account_menu_items', 'my_custom_my_account_menu_items' );
In the following function I included the file to maintain some "order", but it also admits direct code.在下面的函数中,我包含了该文件以维护一些“顺序”,但它也承认直接代码。
Be sure to place the special-page.php
file in the myaccount
folder.确保将special-page.php
文件放在myaccount
文件夹中。
function my_custom_endpoint_content() {
include 'woocommerce/myaccount/special-page.php';
}
add_action( 'woocommerce_account_special-page_endpoint', 'my_custom_endpoint_content' );
Important: Once did this, go to Dashboard > Settings > Permalinks and click "Save Settings" in order to flush rewrite rules (thanks @optimiertes)重要提示:执行此操作后,转到仪表板 > 设置 > 永久链接并单击“保存设置”以刷新重写规则(感谢 @optimiertes)
Source: Tabbed My Account page来源: 标签式我的帐户页面
First my-account/special-page/
should be myaccount/special-page/
in woocommerce 2.6+.在 woocommerce 2.6+ 中,首先my-account/special-page/
应该是myaccount/special-page/
。
This solution is Incomplete and I am still working On…此解决方案不完整,我仍在努力……
You can use first this hook:你可以先使用这个钩子:
add_action( 'init', 'add_wc_endpoint' );
function add_wc_endpoint(){
add_rewrite_endpoint( 'special-page', EP_ROOT | EP_PAGES );
}
Then filtering wc_get_template
to call your files when the request match your endpoint:然后过滤wc_get_template
以在请求与您的端点匹配时调用您的文件:
add_filter( 'wc_get_template', 'custom_vc_endpoint', 10, 5 );
function custom_vc_endpoint($located, $template_name, $args, $template_path, $default_path){
if( $template_name == 'myaccount/special-page.php' ){
global $wp_query;
if(isset($wp_query->query['special-page'])){
$located = get_template_directory() . '/woocommerce/myaccount/special-page.php';
}
}
return $located;
}
If you use a child theme, replace get_template_directory()
by get_stylesheet_directory()
… Paste this code in function.php file of your active child theme or theme.如果您使用子主题,请将get_template_directory()
替换为get_stylesheet_directory()
... 将此代码粘贴到活动子主题或主题的 function.php 文件中。
To avoid a 404 error "page not found" , you will need to refresh rewrite rules adding to your code:为避免404 错误“找不到页面” ,您需要刷新添加到代码中的重写规则:
flush_rewrite_rules();
Update: Finally Dario (the OP) found a working solution.更新:最后达里奥(OP)找到了一个有效的解决方案。 Look at his answer.看看他的回答。
References:参考:
There is a better way to use a template in your custom page in woocommerce:在 woocommerce 的自定义页面中,有一种更好的方法可以使用模板:
function my_custom_endpoint_content() {
wc_get_template( 'myaccount/special-page.php' );
}
add_action( 'woocommerce_account_special-page_endpoint', 'my_custom_endpoint_content' );
this should work without using the wc_get_template filter.这应该可以在不使用 wc_get_template 过滤器的情况下工作。
You can add this code to your theme's function.php:您可以将此代码添加到主题的 function.php 中:
class My_Custom_My_Account_Endpoint {
/**
* Custom endpoint name.
*
* @var string
*/
public static $endpoint = 'special-page';
/**
* Plugin actions.
*/
public function __construct() {
// Actions used to insert a new endpoint in the WordPress.
add_action( 'init', array( $this, 'add_endpoints' ) );
add_filter( 'query_vars', array( $this, 'add_query_vars' ), 0 );
// Change the My Accout page title.
add_filter( 'the_title', array( $this, 'endpoint_title' ) );
// Insering your new tab/page into the My Account page.
add_filter( 'woocommerce_account_menu_items', array( $this, 'new_menu_items' ) );
add_action( 'woocommerce_account_' . self::$endpoint . '_endpoint', array( $this, 'endpoint_content' ) );
}
/**
* Register new endpoint to use inside My Account page.
*
* @see https://developer.wordpress.org/reference/functions/add_rewrite_endpoint/
*/
public function add_endpoints() {
add_rewrite_endpoint( self::$endpoint, EP_ROOT | EP_PAGES );
}
/**
* Add new query var.
*
* @param array $vars
* @return array
*/
public function add_query_vars( $vars ) {
$vars[] = self::$endpoint;
return $vars;
}
/**
* Set endpoint title.
*
* @param string $title
* @return string
*/
public function endpoint_title( $title ) {
global $wp_query;
$is_endpoint = isset( $wp_query->query_vars[ self::$endpoint ] );
if ( $is_endpoint && ! is_admin() && is_main_query() && in_the_loop() && is_account_page() ) {
// New page title.
$title = __( 'Special Page', 'woocommerce' );
remove_filter( 'the_title', array( $this, 'endpoint_title' ) );
}
return $title;
}
/**
* Insert the new endpoint into the My Account menu.
*
* @param array $items
* @return array
*/
public function new_menu_items( $items ) {
// Remove the logout menu item.
$logout = $items['customer-logout'];
unset( $items['customer-logout'] );
// Insert your custom endpoint.
$items[ self::$endpoint ] = __( 'Special Page', 'woocommerce' );
// Insert back the logout item.
$items['customer-logout'] = $logout;
return $items;
}
/**
* Endpoint HTML content.
*/
public function endpoint_content() {
include('woocommerce/myaccount/special-page.php');
}
/**
* Plugin install action.
* Flush rewrite rules to make our custom endpoint available.
*/
public static function install() {
flush_rewrite_rules();
}
}
new My_Custom_My_Account_Endpoint();
// Flush rewrite rules on plugin activation.
register_activation_hook( __FILE__, array( 'My_Custom_My_Account_Endpoint', 'install' ) );
If you don't know where is your theme's function.php:如果您不知道主题的 function.php 在哪里:
1.Log in to the WordPress Admin interface 1.登录WordPress管理界面
2.In the left sidebar, hover over Appearances, then click Theme Editor 2.在左侧边栏中,将鼠标悬停在外观上,然后单击主题编辑器
3.In the right sidebar, click functions.php 3.在右侧边栏中,单击functions.php
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.