【问题标题】:Remove WooCommerce product image from Wordpress从 Wordpress 中删除 WooCommerce 产品图片
【发布时间】:2018-02-22 15:04:57
【问题描述】:

我正在尝试在我的 WP 页面中删除 WooCommerce 产品图片(我正在使用 eStore 模板)。我不需要显示产品图片,但是当我使用以下 PHP sn-p 删除产品图片时,我会在图片应该存在的地方得到一个空白区域,看起来很糟糕:

remove_action( ‘woocommerce_product_thumbnails’, ‘woocommerce_show_product_thumbnails’, 20 );

我尝试通过插入以下 CSS sn-p 来删除图像占位符,但没有任何反应:

.single-product .product .summary {
    width: 100% !important;
    float: none !important;
}

您能给我一些指导吗?

注意 - 此代码来自:Remove WooCommerce image

【问题讨论】:

  • 我们需要查看更多代码,以便为您提供帮助。例如,您打印图像的 html/php 代码或项目的 url(如果它在线)

标签: php css wordpress image woocommerce


【解决方案1】:

只需让图片库区域显示为空,并且应该 100% 填充该区域。我在默认模板上使用您的 CSS 尝试了以下操作,它对我有用:

.single-product .product .images { display:none; }

下面是一个示例页面,供那些想知道的人使用:

https://demo.themegrill.com/estore/product/shoe-for-men/

柯达

【讨论】:

  • 太棒了!有用!我将这行代码添加到我的子主题中的“style.css”文件中,它可以正常工作。谢谢!
  • @RodrigoMoreno 此代码是否禁用了上传产品图片的功能?产品发布时没有更多产品图片?
【解决方案2】:

图像变量/对象正在您正在使用的此模板上显示。如果您无法弄清楚,那就做一个超级hacky:

divName img {
display:none;
}

然后继续学习如何在 WooCommerce 中操作模板以获得更好的灵活性。您甚至可以编写一个函数来隐藏此图像...

【讨论】:

    猜你喜欢
    • 2022-06-22
    • 2014-09-13
    • 1970-01-01
    • 2013-09-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-04-06
    • 2018-06-09
    相关资源
    最近更新 更多