Question

使用高级自定义字段插件，我试图在WooCommerce中的单个产品页面上呈现图像。

我发现这段代码来自正在做同样事情的人，但正在渲染文本字段。如何更改此图像以渲染图像？

add_action( 'woocommerce_single_product_summary', 'woocommerce_template_top_category_desc', 1 );
    function woocommerce_template_top_category_desc (){
    $terms = get_the_terms( $post->ID, 'wc-attibute-class' );
    if ( !empty($terms)) {
        $term = array_pop($terms);
                $text= get_field('txt-field', $term);
                if (!empty($text)) {
                echo $text;
                }
}
}

到目前为止，我有这个，但它没有用。添加操作是正确的，因为我将其用于其他内容，但从$ terms开始是我迷路的地方，显然不对。

add_action( 'woocommerce_product_thumbnails' , 'add_below_featured_image', 9 ); 
    function add_below_featured_image() {
    $terms = get_the_terms( $post->ID, '496' );
    if ( !empty($terms)) {
        $term = array_pop($terms);
                $image = get_field('banner_feedback', $term);
                if (!empty($image)) {
                echo $image;
                }
}
}

Answer 1

想出来。

add_action( 'woocommerce_product_thumbnails' , 'add_below_featured_image', 9 ); 
function add_below_featured_image() {
    if( is_single( pageidhere ) ) {
    echo '<br><img src="urlhere">';
}
}

Answer 2

在woocommerce单品页面中的特色图片下方添加自定义图库的步骤（您可以适当修改以添加单个图片）：

为图片库创建ACF。
将product-image.php的模板从/ plugins / woocommerce / templates / single-product复制到themes / your-child-theme / woocommerce / single-product /
在结束div之前将以下代码添加到product-image.php ＆＃34;图像＆＃34;
将您想要的图片添加到ACF自定义字段中的单个产品管理页面。

`

<?php $images = get_field('product_image_gallery'); ?>
<div class="mycustom_image_gallery">
<?php if($images): ?>
    <div class="popup-gallery">
            <?php foreach( $images as $image ): ?>
                <a href="<?php echo $image['url']; ?>"
                   class="lightbox-link"
                   title="<?php echo $image['caption']; ?>"
                   data-description="<?php echo $image['description']; ?>">
                    <div class="image-wrap">
                        <img src="<?php echo $image['sizes']['thumbnail']; ?>">
                    </div>
                </a>
            <?php endforeach; ?>
    </div>

<?php endif; ?>
</div>

`

在WooCommerce产品页面上呈现图像

2 个答案: