woo商业模板my-account.php只有这么多代码→
do_action( 'woocommerce_account_navigation' ); ?>
<div class="woocommerce-MyAccount-content">
<?php
/**
* My Account content.
* @since 2.6.0
*/
do_action( 'woocommerce_account_content' );
?>
</div>
我继续搜索了一下这个“woocommerce_account_content”
我找到了this one
/**
* My Account content output.
*/
function woocommerce_account_content() {
global $wp;
if ( ! empty( $wp->query_vars ) ) {
foreach ( $wp->query_vars as $key => $value ) {
// Ignore pagename param.
if ( 'pagename' === $key ) {
continue;
}
if ( has_action( 'woocommerce_account_' . $key . '_endpoint' ) ) {
do_action( 'woocommerce_account_' . $key . '_endpoint', $value );
return;
}
}
}
// No endpoint found? Default to dashboard.
wc_get_template( 'myaccount/dashboard.php', array(
'current_user' => get_user_by( 'id', get_current_user_id() ),
) );
}
我仍然没有得到加价。请指导我如何添加自定义标记?我认为这些端点有线索,但我仍然无法弄清楚如何?
以下是有关WooCommerce我的帐户页面模板以及如何覆盖html标记的说明。
在我的例子中,我将使用twitter bootstrap。
WooCommerce我的帐户基本上是一个包含多个子页面的页面,您可以通过导航在子页面之间切换。
主要主要标记包括两个div用于导航,一个用于自己的内容
我的帐户子页面的层次结构如下:
My-account Main Page -> my-account.php :
- dashboard.php
- downloads.php
- form-add-payment-method.php
- form-edit-account
- form-edit-address
- form-login.php
- form-lost-password.php
- form-reset-password.php
- list-password-confirmation.php
- my-address.php
- my-download.php
- navigation.php
- orders.php
- payment-methods.php
- view-order.php
例1:
假设我们想用bootstrap网格系统包装主要内容。
为了实现这一点,你需要去my-account.php
并添加所需的div和类如下:
<div class="container-fluid">
<div class="row">
<div class="col-3">
<?php do_action('woocommerce_account_navigation');?>
</div>
<div class="col-9">
<?php
/**
* My Account content.
* @since 2.6.0
*/
do_action('woocommerce_account_content');
?>
</div>
</div>
</div>
例2:
假设您要修改导航,以便可以使用引导nav-pills
样式:
转到navigation.php
并添加所需的类如下:
<ul class="nav flex-column nav-pills my_account_nav" >
<?php foreach (wc_get_account_menu_items() as $endpoint => $label):
global $wp;
$current = isset($wp->query_vars[$endpoint]);
?>
<li class="nav-item <?php echo wc_get_account_menu_item_classes($endpoint); ?>">
<a class="nav-link <?php echo ($current) ? 'active' : ''; ?>" href="<?php echo esc_url(wc_get_account_endpoint_url($endpoint)); ?>"> <?php echo esc_html($label); ?>
</a>
</li>
<?php endforeach;?>
</ul>
如果您需要更改其他子页面模板,则需要转到所需的特定模板并在其中编写标记修改。
我希望这对你来说已经足够清楚了。