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

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 ) {
        // ...
    }
});