javascript - 如何将 WooCommerce Frontend JS 包含到自定义主题中 - 最佳实践

Question

我正在从头开始为 WooCommerce 构建自定义主题(使用 hooks/dev 方法)。我刚刚完成商店页面，发现产品的选择标签过滤器(按价格/日期/名称过滤)不起作用。我很快切换到 211，并发现我缺少 Woocommerce 的一些前端 JS。

现在我可以复制我需要的所有 Js 文件，但在 asset/js/frontend 中还有很多 .js 文件，我认为我可能需要它们，因为我距离完成主题还很远。将 WC 插件文件夹中的必要或所有 js 复制到我的主题 JS 文件夹不会有问题，但我觉得这不是处理此问题的最佳实践。

我在某处读到，为了从 WC 覆盖前端 JS，您必须将 JS 文件出队然后入队。这对我有用，仍然类似于复制方法，因为没有什么可以覆盖的(因为我没有加载任何 WC JS)，但我最终会加载脚本(因为我会将它们排队)。

我错过了什么吗？围绕这个主题没有什么可涵盖的。如果没有其他办法，我就简单地复制它们。

谢谢

Answer 1

请确保您的主题的 header.php 和 footer.php 中分别有 wp_head() 和 wp_footer()。请参阅Theme Development以获得最佳实践和标准。