如何在 WooCommerce 中更改类别缩略图大小

Question

使用以下代码，我设法显示了我的特色类别标题、描述和缩略图。当我上传缩略图时，它的尺寸是 500 * 500。但是当我访问该页面时，我看到缩略图被裁剪为 150 * 150。

<?php
    $args_t = array(
        'taxonomy'     => 'product_cat',
        'include'      => array( 16, 15, 17 ),
        'orderby' => 'meta_value',
    );
    $thirds_categories = get_categories( $args_t );
    foreach ( $thirds_categories as $cat ) {
        if( $cat->category == 0 ) {
            $cat_class = mb_strtolower($cat->name);
            $image = wp_get_attachment_url( $thumbnail_id );
            $cat_thumb_id = get_woocommerce_term_meta( $cat->term_id, 'thumbnail_id', true );
            $cat_thumb_url = wp_get_attachment_thumb_url( $cat_thumb_id );
            $term_link = get_term_link( $cat, 'product_cat' );?> 

            <div class="categories_box">
                    <a href="<?php echo $term_link; ?>">
                        <img src="<?php echo $cat_thumb_url; ?>" alt="<?php echo $cat->name; ?>" />
                        <h4> <?php echo $cat->name; ?> </h4>
                        <p><?php echo $cat->description; ?> </p>
                        <button>View Products</button>
                    </a>    
            </div>
       <?php }                          
    } wp_reset_query();
?>

如何更改类别缩略图的大小？

这是我第一次做 WooCommerce 网站。

Answer 1

//可以传"thumbnail"、"medium"、"large"和"full"

$cat_thumb_url = wp_get_attachment_image_src( $attachment->ID, 'full' );

echo $cat_thumb_url[0];

Answer 2

您应该使用 wp_get_attachment_image_src(); 来获取不同尺寸的图像。这将为您 return 一个包含此图像的 URL、宽度、高度和裁剪模式的数组。试一试

$args_t = array(
        'taxonomy'     => 'product_cat',
        'include'      => array( 16, 15, 17 ),
        'orderby' => 'meta_value',
    );
    $thirds_categories = get_categories( $args_t );
    foreach ( $thirds_categories as $cat ) {
        if( $cat->category == 0 ) {
            $cat_class = mb_strtolower($cat->name);
            $image = wp_get_attachment_url( $thumbnail_id );
            $cat_thumb_id = get_woocommerce_term_meta( $cat->term_id, 'thumbnail_id', true );
            $cat_thumb_url = wp_get_attachment_thumb_url( $cat_thumb_id );
            $term_link = get_term_link( $cat, 'product_cat' );
            $thmb = wp_get_attachment_image_src($cat_thumb_id, 'medium');

            ?> 

            <div class="categories_box">
                    <a href="<?php echo $term_link; ?>">
                        <img src="<?php echo $thmb[0]; ?>" alt="<?php echo $cat->name; ?>" />
                        <h4> <?php echo $cat->name; ?> </h4>
                        <p><?php echo $cat->description; ?> </p>
                        <button>View Products</button>
                    </a>    
            </div>
       <?php }                          
    } wp_reset_query();

如果您需要更多帮助，请告诉我。谢谢

Answer 3

只需转到 wp-admin wordpress 管理部分并登录，然后 select 侧边栏中的菜单如下

woocommerce -> settings -> products (tab) -> Display Option

检查有 'Product images' 标题，您可以在其中设置图像大小。所以当你 add/upload 任何新产品图片 woocommerce 自动裁剪图片在你指定的高度和宽度

如何在 WooCommerce 中更改类别缩略图大小

How to change category thumbnail size in WooCommerce

php

wordpress

thumbnails

woocommerce