【问题标题】: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 );
    

    这将删除按钮。

    【讨论】:

    • 不建议对您的插件文件进行任何编辑,否则当您更新到新版本时它们会丢失。但是,您可以在主题函数中添加此代码,它仍然可以工作。
    • 感谢您的澄清,
    猜你喜欢
    • 2021-12-29
    • 2018-03-05
    • 2018-08-11
    • 2012-12-04
    • 1970-01-01
    • 2022-01-10
    • 2015-12-04
    • 2017-11-23
    • 2021-07-13
    相关资源
    最近更新 更多