如何修复WooCommerce分类图片悬停切换代码中的PHP未定义数组键警告

你的代码出现PHP Warning: Undefined array key 0的原因很明确：当某个产品没有设置图库图片时，wc_get_product()->get_gallery_image_ids()会返回空数组，这时直接访问索引[0]就会触发警告。

修复方法是先获取图库图片ID数组，检查数组是否非空后再取第一个元素，同时建议先验证产品对象的有效性，避免其他潜在问题。修正后的代码如下：

// 为WooCommerce分类页添加图片悬停切换功能
add_action( 'woocommerce_before_shop_loop_item_title', 'mem_add_on_hover_shop_loop_image' ); 
function mem_add_on_hover_shop_loop_image() {
    // 先获取当前产品对象，避免直接链式调用的潜在问题
    $product = wc_get_product();
    if ( ! $product ) return;

    // 获取图库图片ID数组
    $gallery_image_ids = $product->get_gallery_image_ids();
    // 检查数组是否非空，再取第一个图片ID；为空则使用产品主图ID
    $image_id = ! empty( $gallery_image_ids ) ? $gallery_image_ids[0] : $product->get_image_id();

    // 输出指定尺寸的图片
    echo wp_get_attachment_image( $image_id, 'woocommerce_thumbnail' );
}

关键改动说明： #

• 单独获取产品对象并做有效性检查，防止wc_get_product()返回false/null时引发后续错误
• 先获取完整的图库ID数组，通过! empty()判断数组是否有内容，再决定取图库第一张图还是产品主图
• 简化了原有的if-else逻辑，用三元运算符让代码更简洁，同时避免了重复的wp_get_attachment_image调用

内容的提问来源于stack exchange，提问作者Tamsin Carter