如何将类别图像菜单添加到我的商店页面？

Question

我想添加一个仅包含产品类别图像的附加菜单。我正在使用woocommerce。我希望它位于页面中间并下拉。这需要什么样的短代码？我试过使用 Mega Menu 插件，但它只会改变我的主菜单。

谢谢！

Answer 1

我认为没有直接的方法，您可以使用此代码获取类别图像 URL 的数组，然后您可以使用“woocommerce_before_shop_loop”操作，循环遍历数组并将图像放入您喜欢的 HTML 表单。

add_action( 'woocommerce_before_shop_loop', function() {
    $categories = get_terms( 'product_cat' );
    $categories_thumbnails_urls = [];
    foreach ( $categories as $category ) {
        $thumbnail_id = get_woocommerce_term_meta( $category->term_id, 'thumbnail_id', true );
        $thumbnail_url = wp_get_attachment_url( $thumbnail_id );
        if ( empty( $thumbnail_url ) ) {
            continue;
        }
        $categories_thumbnails_urls[] = $thumbnail_url;
    }

    foreach ( $categories_thumbnails_urls as $cat_thumb_url ) {
        // ...
    }
});