2017-09-14 251 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。 也許沒有其他選擇。因爲我不是在討論產品縮略圖,而是在類別縮略圖。 –