Пользовательский цикл товаров Woocommerce, отображающий не все товары

Question

Я пытаюсь показать товары на домашней странице в моей теме WordPress, но я не могу этого сделать. Я застрял. Я застрял в 3 вещах:

1. Это не дает мне все продукты, Это дает мне только 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(); ?>

Пожалуйста, помогите мне.