woocommerceで商品の特集画像を入手する方法

Question

どこが間違っているか教えてください。商品のおすすめ画像が表示されません。

$args = array('post_type' => 'product', 'posts_per_page' => 80, 'product_cat' => 'profiler', 'orderby' => 'rand'); 

    $loop = new WP_Query($args); 

    while ($loop->have_posts()) : $loop->the_post(); global $product; ?> 

    <div class="dvThumb col-xs-4 col-sm-3 col-md-3 profiler-select profiler<?php echo the_title(); ?>" data-profile="<?php echo $loop->post->ID; ?>"> 

    <img src="<?php get_the_post_thumbnail($loop->post->ID); ?>" data-id="<?php echo $loop->post->ID; ?>"> 

    <p><?php the_title(); ?></p> 

    <span class="price"><?php echo $product->get_price_html(); ?></span>      
    </div> 

私はすでに、私は解決策を持ってバックエンドに

Answer 1

を特色に画像を追加しました。 私はこれを試しました。

<?php $image = wp_get_attachment_image_src(get_post_thumbnail_id($loop->post->ID), 'single-post-thumbnail');?> 

    <img src="<?php echo $image[0]; ?>" data-id="<?php echo $loop->post->ID; ?>"> 

Answer 2

get_the_post_thumbnail関数は、紹介画像のURLではなくHTMLを返します。注目画像の投稿IDを取得するにはget_post_thumbnail_idを使用し、その後、wp_get_attachment_image_srcを使用しておすすめ画像のURLを取得する必要があります。これはトリックを行う必要があります

<?php 
$args = array('post_type' => 'product', 'posts_per_page' => 80, 'product_cat' => 'profiler', 'orderby' => 'rand'); 

$loop = new WP_Query($args); 
while ($loop->have_posts()) : $loop->the_post(); global $product; ?> 
    <div class="dvThumb col-xs-4 col-sm-3 col-md-3 profiler-select profiler<?php echo the_title(); ?>" data-profile="<?php echo $loop->post->ID; ?>"> 
     <?php $featured_image = wp_get_attachment_image_src(get_post_thumbnail_id($loop->post->ID)); ?> 
     <?php if($featured_image) { ?> 
     <img src="<?php $featured_image[0]; ?>" data-id="<?php echo $loop->post->ID; ?>"> 
     <?php } ?> 
     <p><?php the_title(); ?></p> 
     <span class="price"><?php echo $product->get_price_html(); ?></span> 
    </div> 
<?php endwhile; ?> 

Answer 3

：

はこれを試してみてください。テストされ、働いています。

<?php 
    $product_meta = get_post_meta($post_id); 
    echo wp_get_attachment_image($product_meta['_thumbnail_id'][0]), 'full'); 
?> 

必要に応じてパラメータを変更できます。

Answer 4

WC 3.0以降のバージョンでは、画像は下のコードで取得できます。

$image_url = wp_get_attachment_image_src(get_post_thumbnail_id($item->get_product_id()), 'single-post-thumbnail'); 
echo $image_url[0]