Woocommerce自定义产品循环未显示所有产品

Question

我试图以我的wordpress主题在首页上展示产品，但是我无法做到这一点。我被困住了。我陷入三件事：

1. 这不是给我所有产品，而是只给我一种产品。
2. 我正在尝试获取产品图片（自定义），但我不知道如何在自定义循环中获取产品图片。
3. 我不知道如何在自定义循环中获得“添加到购物车”按钮，就像我在商店页面中的ajax操作按钮一样。

我搜索了很多，但是没有找到答案。我在stackoverflow中搜索了get image中add to cart和custom loop products按钮的答案，但是找不到任何有效答案。
以下是屏幕截图：
这是我的代码：

<?php

$args = array(
        'post_type' => 'product',
        'orderby' => 'date',
        'order' => 'DESC',
);
$loop = new WP_Query( $args );

while ( $loop->have_posts() ) : $loop->the_post(); ?>

<div class="col-md-3">
    <div class="card">
        <a href="">
            <img src="<?php echo $loop->image; ?>" />
        </a>
        <?php woocommerce_show_product_sale_flash( $post, $product ); ?>
        <div class="card-body">
            <div>
                <a class="font-weight-bold" href="<?php echo get_permalink( $loop->post->ID ) ?>" title="<?php echo esc_attr($loop->post->post_title ? $loop->post->post_title : $loop->post->ID); ?>">
                    <?php the_title(); ?>
                </a>
            </div>
            <span class="price pl-0"><?php echo $product->get_price_html(); ?></span>
        </div>
    </div>
</div>

<?php endwhile; wp_reset_query(); ?>

请帮助我。