首页 > 解决方案 > 之间添加内容

问题描述

我正在为 WC 制作自定义仪表板,并且需要以最简单的方式在仪表板的 WooCommerce 菜单中的nav和元素之间添加内容。ul

我已经看到有一个名为woocommerce_before_account_navigationwoocommerce_after_account_navigation的钩子,但这些钩子在整个nav元素之后或之前添加内容。

这是我正在尝试做的事情的图片。

一只忙碌的猫

有人有解决方案吗?

标签: phpwordpresswoocommerce

解决方案


由于 WooCommerce 不提供在您需要的地方准确注入代码的钩子:

#1 从您的主题自定义导航部分

由于WooCommerce 允许您覆盖其大部分模板文件,您可以:

  1. 复制navigation.php位于 的文件/wp-content/plugins/woocommerce/templates/myaccount/
  2. 将此文件粘贴到/wp-content/themes/your-theme/woocommerce/myaccount/.
  3. 进行所需的更改。
  4. 利润!

请记住,您需要不时关注 WC 的更新,因为您覆盖的文件中可能存在您可能想要/需要移植的更改。

或者...

#2 使用 AJAX 和 JS 在你想要的地方注入你的自定义代码

使用WordPress 的 AJAX API生成您需要的 HTML 输出,并使用 jQuery/vanilla JavaScript将其注入nav到标签之间。ul

这样您就不必重写 WC 的模板。但请记住,如果您在站点上使用缓存插件时执行此操作,则需要对其进行配置,以便它每隔约 24 小时或更短时间重建一次缓存,否则某些用户可能会遇到问题(例如)。


推荐阅读