我正在為 WC 制作一個自定義儀表板，需要以最簡單的方式在儀表板的 WooCommerce 菜單中的nav和ul元素之間添加內容。我看到有一個名為woocommerce_before_account_navigation和woocommerce_after_account_navigation的鉤子，但這些鉤子在整個nav元素之后或之前添加內容。這是我正在嘗試做的事情的圖片。有人有解決方案嗎？
2 回答
BIG陽
TA貢獻1859條經驗 獲得超6個贊
由于 WooCommerce 不提供掛鉤來準確地在您需要的地方注入代碼：
#1 從您的主題自定義導航部分
由于WooCommerce 允許您覆蓋其大部分模板文件，您可以：
復制
navigation.php位于的文件/wp-content/plugins/woocommerce/templates/myaccount/。將此文件粘貼到
/wp-content/themes/your-theme/woocommerce/myaccount/.進行您想要的更改。
利潤！
請記住，您需要不時關注 WC 的更新，因為您覆蓋的文件中可能存在您可能想要/需要移植的更改。
或者...
#2 使用 AJAX 和 JS 在你想要的地方注入你的自定義代碼
使用WordPress 的 AJAX API生成您需要的 HTML 輸出，nav并ul使用 jQuery/vanilla JavaScript將其注入和標簽之間。
這樣您就不必覆蓋 WC 的模板。但請記住，如果您在站點上使用緩存插件時執行此操作，則需要對其進行配置，以便它每大約 24 小時或更短時間重建一次緩存，否則某些用戶可能會遇到問題（例如）。
慕的地6264312
TA貢獻1817條經驗 獲得超6個贊
嗯....最簡單但不是最好的方法是：
手動放置一個空的 div 標簽，這樣你的代碼就會變成這樣：
<nav class= 'woocommerce-MyAccount-navigation'>
<div style ='blah-blah'>//that div after the nav bar ;TLDR
<div id='newDiv></div>
<ul>//etc
包裝代碼以在 php 函數中顯示用戶信息、頭像和姓名（我命名為 getUsernameAndStuff()），讓其id成為用戶的 id。
喜歡 ：
<?php
function getUsernameAndStuff(id){
//put the code here..
}
?>
然后使用js：
<script>document.getElementById().innerHTML=<?php getUsernameAndStuff(id)?></script>
- 2 回答
- 0 關注
- 176 瀏覽
添加回答
舉報
0/150
提交
取消