Woocommerce/Wordpress：特色图片/带有背景图片的产品加载答案

【问题标题】：Woocommerce/Wordpress: Featured Image/Product loading with background imageWoocommerce/Wordpress：特色图片/带有背景图片的产品加载
【发布时间】：2018-09-28 01:18:46
【问题描述】：

我的产品图片与背景图片一起加载时出现问题。我所指的一个例子可以在这里找到https://www.dontcursekids.com/product/not-for-kids-tee-2/。

我尝试从每个单独的产品中删除产品图片（我假设它的工作方式与特色图片的工作方式相同）并且它从产品的页面背景中消失了。但是，它也会删除商店页面上的缩略图并将其替换为默认图片。我用 CSS 和几个插件尝试了很多方法，但我仍然无法将它从产品页面的背景中删除，并保留我的缩略图以供预览。任何帮助将不胜感激。

【问题讨论】：

标签： css wordpress image woocommerce product

【解决方案1】：

如果您查看第 233 行的源代码，那是设置背景图像的位置。您可以在检查器中删除该行（右键单击-> firefox/chrome 中的检查器），您会看到它消失了，这将告诉您该行是问题所在。我不知道这条线是如何到达那里的，或者你是如何尝试编辑 css 的（通过插件？），但我假设你以某种方式在那里注入了那行代码，或者它可能在你的主题文件中。无论哪种方式，这是您必须删除的行。

【讨论】：

我明白你在说什么。我看着它检查器并单击背景图像。它有一个产品图片的链接作为背景。然后它具有实际具有背景的图像，但带有罢工。我猜测它是如何出于某种奇怪的原因选择产品图像/特色图像作为背景的。由于您的帮助，我仍然迷路了，但距离更近了几步，谢谢。
您实际拥有的图像有一个删除线，因为另一个背景属性具有标签!important。
我将下面的代码添加到 CSS 定制器中，虽然它有助于从背景中删除产品图像，但它只显示黑色背景。而不是带有删除线的原始图像。是否有我缺少的标签，或者更好的代码来删除产品图像中的 importnat。 .woocommerce { 背景图像：无！重要 }
我建议不要通过添加更多 css 而是删除不应该存在的 css 来解决此问题。最好删除适用于该背景的所有背景属性，正确的除外。否则它将变得一团糟，您将来会遇到更多问题。听起来你在几个地方添加了 css。如果你坚持一个，那肯定有助于保持有条理的概述。
所有额外添加的 CSS 在我发布之前都已删除。我测试了它然后删除。它不会发生在整个网站上，而是发生在捆绑到 woocommerce 插件中的产品页面内。在评论中添加代码会从 woocommerce 中的每个页面/帖子中删除背景，但留下所需的背景图像。我认为它必须是我正在使用的标签或需要编辑以删除重要的产品图像的模板。所以所需的图像正确加载。