在woocommerce单品页面放一个后退按钮答案

【问题标题】：Put a back button to woocommerce single product page在woocommerce单品页面放一个后退按钮
【发布时间】：2021-07-11 04:35:35
【问题描述】：

我正在尝试通过添加将后退按钮添加到单个产品页面

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

问题是，如果我把这段代码放在检查面板中，我可以很容易地让它工作，但我不知道应该把它放在我真正的文件夹中的什么地方？

谁能给我一个关于如何去做的提示？我试图放入 single_product.php 文件，但是当我这样做时没有任何执行。

Here is it shown with the code in the inspect panel

【问题讨论】：

基本上可以自定义单个产品模板并添加该html代码。这是信息：docs.woocommerce.com/document/template-structure
我知道这一点。但是当我这样做时，代码不会执行。我已将此按钮放在 single_product.php 中，但加载站点时没有执行任何操作。
那么我建议您显示您的代码表单 single_product.php

标签： php html wordpress woocommerce

【解决方案1】：

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

安装 WooCommerce 根本不会修改您的主题。
您的主题中不应包含 woocommerce/templates/ 目录，即使主题覆盖了默认的 WooCommerce 模板。相反，您可能有一个 woocommerce/ 目录（没有模板/目录）。
WooCommerce 模板被复制模板文件覆盖 /wp-content/plugins/woocommerce/templates/xxx.php转wp-content/themes/yourtheme/woocommerce/xxx.php

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

更多信息在WooCommerce documentation.

【讨论】：

嘿，我已经这样做了。我的主题没有安装 WooCommerce，所以我在我的主题中放置了一个 woocommerce/ 目录。当我进行更改时，代码通常执行完美。只是这个 HTML 按钮我无法使用。
嗨，你能试试下面的代码吗，add_action('woocommerce_before_main_content', 'backbutton', 5); function backbutton() { echo ' <button type="button" onclick="history.back();"> Back </button> '; } 请告诉我发生了什么。
感谢您到目前为止的时间和帮助！现在它实际上显示了，但它显示了按钮，然后是按钮后面的代码 add_action('woocommerce_before_main_content', 'backbutton', 5);功能后退按钮（）{回声'返回'; }
我在线程中发布了一个屏幕截图，名为 'button and code behind'

【解决方案2】：

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

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

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

【讨论】：

这没有提供问题的答案。您可以search for similar questions，或参考页面右侧的相关和链接问题找到答案。如果您有一个相关但不同的问题，ask a new question，并包含指向此问题的链接以帮助提供上下文。见：Ask questions, get answers, no distractions

【解决方案3】：

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

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

【讨论】：

禁止不合格的属性选择器。众所周知，不合格的属性选择器很慢。