将HTML和jQuery插入到使用Defaut模板的页面中

时间:2017-04-04 作者:Steve

我有一个签出页面,它是用默认模板构建的,并且有一个WooCommerce短代码。我想在顶部插入一条看起来像链接的线,当您单击该线时,会弹出一个框,提供更多信息。

我在WordPress页面上做过这种事情,这些页面是用我编写的自定义模板构建的。当时我正在编写HTML,我能够用弹出窗口所需的jQuery在最后粘贴一个脚本部分。

但我不知道如何在一个使用默认模板并具有WooCommerce短代码的页面上实现这一点。谢谢你的建议。

1 个回复
最合适的回答,由SO网友:WebElaine 整理而成

有2个选项:

将WooCommerce文件复制到主题中,然后进行任何更改。因为您使用的是默认主题,所以需要创建一个子主题。在这种情况下,您可以复制/wp-content/plugins/woocommerce/templates/checkout/for-m-checkout.php (整个文件)放入/wp-content/themes/yourchildthemename/woocommerce/checkout/form-checkout.php 做任何你喜欢的事-儿童主题也需要style.css 由WP识别并激活始终将WooCommerce评论放在文件的顶部-这样,如果WooCommerce对其默认模板进行更改,它将警告您其文件的主题副本已过期,您可以对其进行更新,以便网站不会中断。这通常是大型更改的最佳解决方案。

使用挂钩。WooCommerce提供了大量此类产品;找到它们的最佳方法是查看其模板文件(在本例中也是如此form-checkout.php 文件),直到找到do_action. 在本例中,有一个操作称为woocommerce_before_checkout_form. 您可以钩住该操作来注入所需的HTML和jQuery。由于挂钩的更改频率远低于模板,如果有可用的挂钩,这是最简单的方法,因为您不必不断更新其模板的副本,而且不必创建子主题