显示第一个图库产品woocommerce

时间:2018-02-26 19:06:35

标签: php wordpress woocommerce

我在尝试在woocommerce上展示图库产品的第一张图片时遇到了一些问题,

我正在制作个人wordpress主题,使用个人模板,所有这些工作都是通过猫头鹰旋转木马在不同幻灯片上显示每个产品,

我是Woocommerce的新手,我使用WP_Query来展示一个类别的产品,我在一段时间内展示了每个产品的the_title,the_content,the_permalink,我想展示第一个也是唯一一个图像在每个产品的画廊内,但我不知道如何达到它:

<div class="owl-carousel owl-theme" id="carousel">
        <?php 
          $params = array(
            'post_type'             => 'product',
            'post_status'           => 'publish',
            'posts_per_page'        => '-1',
            'product_cat'           => 'barras'
          );

          $wc_query = new WP_Query($params);
          if ($wc_query->have_posts()) :
            while ($wc_query->have_posts()) :
              $wc_query->the_post();
              ?>
              <div class="item">
                <a href="<?php the_permalink();?>">
                  <a href="javascript:void(0)" class="prev"><img src="<?php echo get_template_directory_uri(); ?>/assets/img/prev.png" alt=""></a>
                  <a href="javascript:void(0)" class="next"><img src="<?php echo get_template_directory_uri(); ?>/assets/img/next.png" alt=""></a>
                  <p class="titulo-producto-slider"><?php the_title(); ?></p>
                </a>
                <div class="espacio-10"></div>
                <div class="descripcion-producto-slider">
                  <?php the_content(); ?>
                </div>
                <div class="ver-detalle">
                  <ul>
                    <li>
                      <a href="<?php the_permalink();?>">Ver detalles</a>
                    </li>
                  </ul>
                </div>
              </div>
          <?php
            endwhile;
              wp_reset_postdata();
          else:  ?>
            <p><?php _e( 'No Products' );?></p> 
          <?php endif;
        ?>
      </div>

对不起,如果你不明白,这是我的第一个问题,我不会说英语,

非常感谢,

1 个答案:

答案 0 :(得分:0)

我尝试使用您的解决方案但是当我尝试使用您的代码时会产生一个空白区域,我只是在发布问题之前测试了类似的内容:

<?php 
    global $product;
    $id = $product->get_gallery_attachment_ids();
    $url_attachment = wp_get_attachment_url($id[0]);
    echo $url_attachment;
?>