如何删除 WooCommerce 商店图片？

Posted 2023-03-06

【中文标题】如何删除 WooCommerce 商店图片？

【英文标题】：How to remove WooCommerce shop images?

【发布时间】：2017-09-18 14:08:21

【问题描述】：

我现在尝试了几个小时来禁用我的 woocommerce 商店中的图像，但还没有找到任何解决方案，这是商店页面（不是产品页面）现在的外观以及我要删除的内容的屏幕截图： https://imgur.com/XEELei1

我已经尝试添加：

// 从商店循环中删除产品图像 remove_action('woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10);

// 从商店循环中删除销售徽章 remove_action('woocommerce_before_shop_loop_item_title', 'woocommerce_show_product_loop_sale_flash', 10);

在functions.php中，但该图像仍然存在。

谢谢。

【问题讨论】：

您没有产品图片吗？如果您上传产品图片，它将自动消失。这是 wordpress 默认占位符。

感谢康斯坦丁 :) ...您可以将其添加为问题末尾的编辑。

【参考方案1】：

如果是商店页面试试下面的代码

function before_imageless_product() 
 if( !has_post_thumbnail( get_the_id() ) )
    remove_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10 );
    echo '<div class="no-image">';
 

add_action( 'woocommerce_before_shop_loop_item', 'before_imageless_product', 9 );

function after_imageless_product() 
 if( !has_post_thumbnail( get_the_id() ) )
    add_action( 'woocommerce_before_shop_loop_item_title',      'woocommerce_template_loop_product_thumbnail', 10 );
    echo '</div>';
 

add_action( 'woocommerce_after_shop_loop_item', 'after_imageless_product', 9 );

【讨论】：

没用，我也试过为我的产品设置一个随机图片，它并没有消失。

你能分享一下代码吗？我猜是产品详细信息页面或商店页面你做错了什么

发布您的答案，以便其他人可以查看

【参考方案2】：

这解决了问题：

.products .box-image display:none;
.products .product-small .box-text display:flex!important;  
.products .product-small .price-wrapper margin:20px;