Displaying Woocommerce product categories inside slider - wordpress

Question

I tried to display all my product categories inside slider
<div id="category-wrapper">
<div id="owl1" class="owl-carousel">
<div class="item">
<?php echo do_shortcode('[product_category category="main-cat"]'); ?>
</div>
<div class="item">
<?php echo do_shortcode('[product_category category="cat2"]'); ?>
</div>
<div class="item">
<?php echo do_shortcode('[product_category category="cat3"]'); ?>
</div>
<div class="item">
<?php echo do_shortcode('[product_category category="cat4"]'); ?>
</div>
...
</div>
</div>
but it outputs products in these categories instead of categories.
I need to do this:
link image Each box represents one product category in root.

Answer 1

I did it myself, but in subcategories are images not working:
<div id="kategorie-nahlad">
<?php
$taxonomy = 'product_cat';
$orderby = 'name';
$show_count = 0;
$pad_counts = 0;
$hierarchical = 1;
$title = '';
$empty = 0;
$args = array(
'taxonomy' => $taxonomy,
'orderby' => $orderby,
'show_count' => $show_count,
'pad_counts' => $pad_counts,
'hierarchical' => $hierarchical,
'title_li' => $title,
'hide_empty' => $empty
);
$all_categories = get_categories( $args ); ?>
<div id="owl1" class="owl-carousel">
<?
foreach ($all_categories as $cat) {
$thumbnail_id = get_term_meta( $cat->term_id, 'thumbnail_id', true );
$image = wp_get_attachment_url( $thumbnail_id );
$image_alt = get_post_meta( $image->id, '_wp_attachment_image_alt', true );
if ($cat->category_parent == 0) {
$category_id = $cat->term_id;
echo '<div class="item text-center">';
echo '<br><img src="' . $image . '" alt="' . $image_alt . '">'. $cat->name .'';
echo '</div>';
$args2 = array(
'taxonomy' => $taxonomy,
'child_of' => 0,
'parent' => $category_id,
'orderby' => $orderby,
'show_count' => $show_count,
'pad_counts' => $pad_counts,
'hierarchical' => $hierarchical,
'title_li' => $title,
'hide_empty' => $empty
);
$sub_cats = get_categories( $args2 );
if($sub_cats) {
foreach($sub_cats as $sub_category) {
$thumbnail_id_sub = get_term_meta( $cat->term_id, 'thumbnail_id', true );
$image_sub = wp_get_attachment_url( $thumbnail_id_sub );
echo '<div class="item text-center">';
echo '<br><img src="' . $image . '" alt="' . $image_alt . '">'. $sub_category->name .'';
// echo apply_filters( 'woocommerce_subcategory_count_html', ' <div class="cat-count">' . $sub_category->count . '</div>', $category );
echo '</div>';
}
}
}
}
?>
</div><!-- KONIEC OWL1 -->
</div>