在同一行中对齐标题和图像，woocommerce产品类别页面

<?php while ( have_posts() ) : the_post(); ?>

    <?php
    /**
    * Hook: woocommerce_shop_loop.
    */
    do_action( 'woocommerce_shop_loop' );

    wc_get_template_part( 'content', 'product' );
    ?>

<?php endwhile; // end of the loop. ?>

<?php while ( have_posts() ) : the_post(); ?>

    <?php
    /**
    * Hook: woocommerce_shop_loop.
    */
    do_action( 'woocommerce_shop_loop' );

    echo '<div class="product">';
    echo '<div class="product-image">';
    echo woocommerce_get_product_thumbnail();
    echo '</div>';
    echo '<div class="product-title">';
    echo '<h2>' . get_the_title() . '</h2>';
    echo '</div>';
    echo '</div>';
    ?>

<?php endwhile; // end of the loop. ?>

.product {
    display: flex;
    align-items: center;
}

.product-image {
    margin-right: 10px;
}

.product-title {
    font-size: 16px;
}