2013-07-08 163 views
1

我正在嘗試在分組產品的名稱和價格旁邊包含產品縮略圖。目前,一個父母產品包括20個左右的兒童(分組)產品,默認情況下,該頁面僅顯示清單底部的數量選擇器,產品名稱,價格和添加到購物車按鈕。所有產品都列在一張大桌子下面,我想爲每個單獨的產品包含一個單獨的產品圖像。Woocommerce分組產品圖片

目前,通過編輯/single-product/add-to-cart/grouped.php產品文件,我已經設法讓它顯示一個小圖像,但只有主要父產品,通過添加以下內容該產品稱號PHP後DIV:

<div class="images"> 

<?php if (has_post_thumbnail($post_id)) { ?> 

<a itemprop="image" href="<?php echo wp_get_attachment_url(get_post_thumbnail_id($post_id)); ?>" class="zoom" rel="thumbnails" title="<?php echo get_the_title(get_post_thumbnail_id($post_id)); ?>"><?php echo get_the_post_thumbnail($post_id, apply_filters('grouped_product_large_thumbnail_size', 'shop_thumbnail'), array( 
'title' => get_the_title(get_post_thumbnail_id($post_id)), 
)); ?></a> 

<?php } ?> 

</div> 

我知道這個代碼只從捆綁的產品形象複製,但它是最接近我已經得到了。你可以看到我的意思這裏的例子:

http://hallmark.digitalstorm.co.uk/product/luxor-custom-built-arrangement/

任何幫助將非常感激,因爲我知道我必須非常接近。

回答

4

這裏是你正在尋找的代碼:

add_action('woocommerce_grouped_product_list_before_price', 'woocommerce_grouped_product_thumbnail'); 

function woocommerce_grouped_product_thumbnail($product) { 
    $image_size = array(20, 20); // array(width, height) image size in pixel 
    $attachment_id = get_post_meta($product->id, '_thumbnail_id', true); 
    ?> 
    <td class="label"> 
     <?php echo wp_get_attachment_image($attachment_id, $image_size); ?> 
    </td> 
    <?php 
} 

希望這將是有益的。

+0

你是男人..這是完美的。 –

+0

您是否碰巧知道將變量產品組合到一個組中的解決方法?任何插件? –

1

通過@Ratnakar奇碼 - 商店應用

對於那些誰試圖產品鏈接添加到我加了一個「鏈接」的形象 換到圖像,這樣會導致圖片+鏈接到產品

$link = get_the_permalink($product->id); 

<a href="<?php echo $link; ?>" > <?php echo wp_get_attachment_image($attachment_id, $image_size); ?> </a> 

決賽:

add_action('woocommerce_grouped_product_list_before_price', 'woocommerce_grouped_product_thumbnail'); 

function woocommerce_grouped_product_thumbnail($product) { 
    $image_size = array(100, 100); // array(width, height) image size in pixel 
    $attachment_id = get_post_meta($product->id, '_thumbnail_id', true); 
    $link = get_the_permalink($product->id); 
    ?> 
    <td class="label"> 
     <a href="<?php echo $link; ?>" > <?php echo wp_get_attachment_image($attachment_id, $image_size); ?> </a> 
    </td> 
    <?php 
}