woocommerce 产品在响应式移动/平板电脑视图上显示两个“添加到购物车”按钮？答案

【问题标题】：woocommerce product showing two "Add to Cart" button on responsive mobile/tablet view?woocommerce 产品在响应式移动/平板电脑视图上显示两个“添加到购物车”按钮？
【发布时间】：2016-11-15 22:50:14
【问题描述】：

我正在使用 woocommerce 插件，它在桌面视图上显示产品详细信息是正确的，但是当我打开移动视图或平板电脑（即响应式）视图时，它会为一个产品显示两个“添加到购物车”按钮。

【问题讨论】：

这很可能是一个 CSS 问题 - 看看通过 Chrome 的开发工具应用了哪些 CSS 属性。
这不是 CSS 问题，我认为“添加到购物车”按钮被调用了两次。我是 woocommerce 的新手，所以你能告诉我单个产品详细信息显示在哪个文件中吗？所以我可以检查代码。
这是全新安装吗？默认情况下不会呈现 2 个“添加到购物车”按钮。鉴于以下用户的回答，您能找到它吗？

标签： php wordpress woocommerce

【解决方案1】：

从 wp-content\plugins\woocommerce\templates\single-product.php 显示单个产品

此文件 (wp-content\plugins\woocommerce\templates\content-single-product.php) 是从 single-product.php 调用的，用于在单个产品页面上添加内容和添加到购物车按钮。

【讨论】：

【解决方案2】：

如果有人为此苦苦挣扎，请将此代码添加到 wordpress > wp-content > plugins > woocommerce.php 在函数 WC() 之前返回 WooCommerce::inherit();

remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart');
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );

这将删除按钮。

【讨论】：

不建议对您的插件文件进行任何编辑，否则当您更新到新版本时它们会丢失。但是，您可以在主题函数中添加此代码，它仍然可以工作。
感谢您的澄清，