Блог

 <?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, а не в качестве фона. Я чувствую, что я близок… Любая помощь была бы отличной, спасибо.

вы используете echo под echo

используйте это :

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

Кроме того, если вы используете the_post_thumbnail('full'); , он выводит весь тег изображения.