我无法显示我的产品功能图像

时间:2018-04-23 09:13:09

标签: wordpress woocommerce

<?php
$params = array(
    'posts_per_page' => 9,
    'post_type' => 'product'
);

$wc_query = new WP_Query($params);

if ($wc_query->have_posts()) :
    while ($wc_query->have_posts()) : $wc_query->the_post(); ?>

        <div class="col-sm-4 nk">   
            <div class="course">
                <a href="<?php the_permalink(); ?>">
                    <img src="<?php the_post_thumbnail('thumbnail', array('class' => 'img-responsive'));  ?>" />
                </a>
                <h3><a href="<?php the_permalink(); ?>"> <?php the_title(); ?></a></h3>
                <h5><?php the_author(); ?></h5>
                <p><?php echo $product->get_rating_html();?></p>
                <h4><?php echo $product->get_price_html();?></h4>
            </div>
      </div>

    <?php endwhile; ?>
    <?php wp_reset_postdata(); ?>
<?php else:  ?>
    <p>
        <?php _e( 'No Products' ); ?>
    </p>
<?php endif; ?>

2 个答案:

答案 0 :(得分:0)

每次使用the_post_thumbnail()使用echo the_post_thumbnail();

进行写操作时,您都会犯错误

所以而不是the_post_thumbnail()使用echo the_post_thumbnail()

答案 1 :(得分:0)

首先, 替换此代码

<img src="<?php the_post_thumbnail('thumbnail', array('class' => 'img-responsive'));  ?>" />

<?php the_post_thumbnail('thumbnail', array('class' => 'img-responsive'));  ?>

您需要在使用前准确添加<?php global $product; ?>。 总的正确代码是

<?php
$params = array(
    'posts_per_page' => 9,
    'post_type' => 'product'
);

$wc_query = new WP_Query($params);

if ($wc_query->have_posts()) :
    while ($wc_query->have_posts()) : $wc_query->the_post(); ?>

    <?php global $product;?>
        <div class="col-sm-4 nk">   
            <div class="course">
                <a href="<?php the_permalink(); ?>">
                    <?php the_post_thumbnail('thumbnail', array('class' => 'img-responsive'));  ?>
                </a>
                <h3><a href="<?php the_permalink(); ?>"> <?php the_title(); ?></a></h3>
                <h5><?php the_author(); ?></h5>
                <p><?php echo $product->get_rating_html();?></p>
                <h4><?php echo $product->get_price_html();?></h4>
            </div>
      </div>

    <?php endwhile; ?>
    <?php wp_reset_postdata(); ?>
<?php else:  ?>
    <p>
        <?php _e( 'No Products' ); ?>
    </p>
<?php endif; ?>