Woocommerce 在产品详细信息页面上隐藏特色图片答案

【问题标题】：Woocommerce hide featured image on product detail pageWoocommerce 在产品详细信息页面上隐藏特色图片
【发布时间】：2013-05-31 03:28:58
【问题描述】：

当您为 woocommerce 产品设置特色图片时，它会在产品详细信息页面的图库中显示为第一张/主要图片。我不想要这个。我只是想完全从产品详细信息页面隐藏/删除特色图片。我希望特色图片仅显示在产品类别页面中，而不显示在单个产品详细信息页面上。对此有什么想法吗？我在这里似乎有一个独特的问题。谢谢。

【问题讨论】：

标签： image product woocommerce featured

【解决方案1】：

你可以用javascript做一个简单的hack：

$('.images').remove();

或者在你的主题中，把它添加到你的functions.php中

remove_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 );

您很可能需要修复 CSS，使其在没有图像的情况下看起来不奇怪。

【讨论】：

每个人都在发这个，但它对我不起作用。
这里也一样，我的意思是。它确实隐藏了图片，但它仍然占用我网站上的空间

【解决方案2】：

以下（使用 jQuery）对我有用：

<?php

woocommerce_show_product_images();

?>
<script>

$('.slides li').first().remove();      //1
$('#carousel > div').first().remove(); //2

</script>

第 1 行删除大图；第 2 行删除缩略图。

【讨论】：

【解决方案3】：

我在我的functions.php中使用了同样的建议

remove_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 );

但是，由于我使用的是 Genesis 示例主题，因此我还必须使用以下 CSS 才能使摘要正确地位于左侧。默认是向右浮动，因此即使没有更多特色图片，摘要信息仍位于右侧。

.summary {
    float: left !important;
}

【讨论】：