将后退按钮放到woocommerce单一产品页面

Question

我试图通过添加

将后退按钮添加到单个产品页面

 <button type="button" onclick="history.back();"> Back </button>     

问题在于，如果我将此代码放在检查面板中，我可以轻松地将其运行起来，但我不知道应该将它放在我的真实文件夹中的哪个位置？

任何人都可以给我一个关于如何解决这个问题的提示吗？我试图输入single_product.php文件，但是当我这样做时没有执行任何操作。

Here is it shown with the code in the inspect panel

Answer 1

也许，你对WooCommerce模板如何覆盖工作有点困惑。以下是您应该注意的一些重要信息：

1. 安装WooCommerce根本不会修改您的主题。
2. 你的主题中不应该有一个woocommerce / templates /目录， 即使主题覆盖了默认的WooCommerce模板。 相反，你可能有一个woocommerce /目录（没有 templates / directory）。
3. 通过复制模板文件来覆盖WooCommerce模板 /wp-content/plugins/woocommerce/templates/xxx.php至wp-content/themes/yourtheme/woocommerce/xxx.php

如果您没有在主题中看到woocommerce目录，则表示您的主题正在使用默认的WooCommerce模板。如果要覆盖它们，则需要将single_product.php模板从WooCommerce插件模板目录复制到主题中的woocommerce/目录中。

WooCommerce documentation.

中的更多信息

Answer 2

我正在为后退按钮添加以下代码。

add_action('woocommerce_before_main_content', 'backbutton', 5);
function backbutton() {
    echo ' <button type="button" onclick="history.back();"> Back </button> ';
}

但是我无法点击移动版本上的后退按钮。有解决方案吗？

Answer 3

修复移动视图，将此添加到其他 CSS

[type="button"] {
    z-index: 2;
}