在Wordpress结帐页面中创建第二个订单按钮

时间:2019-12-30 10:00:55

标签: wordpress button woocommerce

这可能是一个奇怪的问题,但是我想在woocommerce的移动结帐页面上使用两个相同的按钮。我认为这对用户体验会更好,因为“下订单”按钮固定在移动浏览器的底部,如下图所示。

在我的屏幕截图中,我圈了一个圆圈,里面有2个,在所有字段的末尾。我认为在此处创建一个额外的按钮会很棒。

有可能吗,并且可以一起工作吗?我需要在哪个文件中进行编辑?

非常感谢您的帮助或建议!

enter image description here

1 个答案:

答案 0 :(得分:0)

如您所见,按钮的代码在下一个模板文件中

https://github.com/woocommerce/woocommerce/blob/163aaa029dc57b1b04f6ca583bc04c4c4e1b6767/templates/checkout/payment.php#L51

如何编辑文件 使用覆盖以升级安全的方式编辑文件。将模板复制到主题/ woocommerce中的目录中,该目录保持相同的文件结构,但删除/ templates /子目录。

示例: 要覆盖管理订单通知,请复制:wp-content / plugins / woocommerce / templates / emails / admin-new-order.php到wp-内容/主题/您的主题/ woocommerce /电子邮件/admin-new-order.php

复制的文件现在将覆盖WooCommerce默认模板文件。

请注意,移动时,按钮必须仍位于<form></form>元素之间