2017-09-14 248 views
0

通过以下代码,我设法显示了我的精选类别标题,说明和缩略图。当我上传缩略图时,它的尺寸为500 * 500。但是当我访问该页面时,我看到缩略图被裁剪为150 * 150。如何更改woocommerce中的类别缩略图大小

<?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。希望你能帮助。

回答

1

您应该使用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(); 

让我知道如果你需要任何更多的帮助。由于

+0

我刚刚做到了,但现在它不打印图像。当我检查页面时,我将图片源视为未知。 –

+0

尝试'print_r($ thmb);'看看里面会发生什么。 –

+0

它打印数字1. –

1

//你可以通过“缩略图”,“中等”,“大”和“全”

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

echo $cat_thumb_url[0]; 
0

就到你的wp-admin WordPress管理部分和登录,然后选择工具栏菜单如下

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

检查有'Product images'标题,您可以设置图像大小。所以当你添加/上传任何新的产品图像woocommerce自动裁剪图像在你指定的时间和宽度

+0

我的wp-admin中没有woocommerce文件夹 –

+0

我是motocom,关于woocommerce文件夹,登录wp-admin并转到管理部分的woocommerce菜单 –

+0

了解。我去了设置,并作为一个试验,我将三个选项更改为500 * 500,但我仍然看到类别缩略图被裁剪为150 * 150。 也许没有其他选择。因为我不是在讨论产品缩略图,而是在类别缩略图。 –