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();
?>

如何更改categorythumbnails的大小？

这是我第一次做一个woocommerce。希望你能帮忙。

Answer 1

//您可以传递＆＃34;缩略图＆＃34;，＆＃34;中＆＃34;，＆＃34;大＆＃34;和＆＃34;完整＆＃34;

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

echo $cat_thumb_url[0];

Answer 2

您应该使用wp_get_attachment_image_src();来获取不同尺寸的图片。这将返回一个包含此图像的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管理部分并登录，然后从侧边栏中选择菜单，如下所示

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

选中'Product images'标题，您可以在其中设置图片大小。所以当你在指定的heitht和width

添加/上传任何新的产品图像woocommerce自动裁剪图像时

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

3 个答案: