Question

<?php $args = array(
        'posts_per_page' => '12',
        'product_cat' => 'summer',
        'post_type' => 'product',
        'orderby' => 'title',
    );
    echo '<div class="col-xs-12 col-sm-4 col-md-4">';
    $query = new WP_Query( $args );
    if( $query->have_posts()) : while( $query->have_posts() ) : $query->the_post();
    $src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array( 5600,1000 ), false, '' );
    echo '<div class="wrap valshow" style="background: url(.echo $src[0];. ) !important;" role="banner">';
    echo '<figcaption><h3><a rel="' .get_permalink(). '" href="' .get_permalink(). ' ">';
        the_title();
    echo '</a></h3></figcaption>';
    echo '</div>';
    echo '</div>';
    endwhile;
    endif;
    wp_reset_postdata();
?>

我正在尝试为woocommerce组装一个查询，其中显示了这个标题。我需要添加一个按钮，它也会链接到产品。

我想弄清楚的问题是如何将产品功能图像集作为背景我在上面的代码中使用它。我找到了一些在正常循环中工作的代码。我试过用

the_post_thumbnail('full');

我有echo $ src [0];但我得到的只是div上方的图像而不是背景。我觉得我很亲密......任何帮助都会很棒，谢谢。

Answer 1

您在echo

下使用echo

使用它：

echo '<div class="wrap valshow" style="background: url(' . $src[0]; . ') !important;" role="banner">';

此外，如果您使用the_post_thumbnail('full');，则会输出整个图片标记。

产品特色图像作为查询中的背景

1 个答案: