Question

如何以编程方式显示产品图库中的图像？我看到显示精选图片的选项;但不显示产品ID的所有图像。

有可能这样做吗？

我尝试了这一点，但无法通过Woocommerce中的ID从产品库中获取图片。

<?php

 $gallery = get_post_gallery_images(724);


    $image_list = '<ul id="cfImageGallery">';                       
    foreach( $gallery as $image ) {// Loop through each image in each gallery
        $image_list .= '<li><img src=" ' . str_replace('-150x150','',$image) . ' " /></li>';
    }
    $image_list .= '</ul>';                     
    echo $image_list;  

?>

Answer 1

我已经测试了这个并且它可以正常工作

app.use('/', function(req, res) {
  res.render('index', {});            
}); 

app.use(function(err, req, res, next) {
  console.error(err.stack);
  res.status(500).send('Something broke!');
});

Answer 2

使用get_gallery_image_ids（）获取Gallary Attechment Ids bcoz get_gallery_attachment_ids（）自woocommerce 3.0.0以来已弃用

Answer 3

请澄清一下，以上答案将获得除缩略图（主）图像以外的所有图像。

要在缩略图前添加，请使用以下方法：

$product_id = '652';
$product = new WC_product($product_id);
$attachment_ids = $product->get_gallery_image_ids();

///这会将缩略图ID添加为数组的第一个元素

array_unshift($attachment_ids, get_post_thumbnail_id($product_id));

print_r($attachment_ids);

Answer 4

<div class="row">
<?php

    $attachment_ids = $product->get_gallery_attachment_ids();

    foreach( $attachment_ids as $attachment_id ) {
        $image_link =wp_get_attachment_url( $attachment_id );
        //Get image show by tag <img> 
        echo '<img class="thumb" src="' . $image_link . '">';
    }
?>
</div>

//Get all image by tag <img>

Woocommerce按产品ID获取图片库

4 个答案: