theme

I am using the theme “https://eve-wordpress.wearecodevision.com/”. the problem is that if you open the home page, the first thing that comes up is something called “content-hero-creative” and showing the last listings. this application is really nice but I can not use it. For the reason, I do not use the listing part, I use woocommerce instead. I think the source code I share with you belongs to that part. What I want to do is simply show the most popular woocommerce products there in same style instead of “listing”. I got in touch with the theme publisher but they do not give much support. I would appreciate it if you could help. I can even order coffee, beer or a meal for you guys. love you ??

<div class="hero hero-creative-wrapper">
    <div class="hero-creative">
        <?php $background = get_theme_mod( 'eve_hero_creative_background', null ); ?>

        <?php if ( ! empty( $background ) ) : ?>
            <div class="hero-creative-image" style="background-image: url('<?php echo esc_attr( $background ); ?>');"></div><!-- /.hero-creative-image -->
        <?php endif; ?>

        <div class="hero-creative-content">
            <div class="hero-creative-title">
                <?php $subtitle = get_theme_mod( 'eve_hero_creative_subtitle', null ); ?>
                <?php if ( ! empty( $subtitle ) ) : ?>
                    <h1><?php echo esc_html( $subtitle ); ?></h1>
                <?php endif; ?>

                <?php $title = get_theme_mod( 'eve_hero_creative_title', null ); ?>
                <?php if ( ! empty( $title ) ) : ?>
                    <h2><?php echo str_replace( '\n', '<br>', esc_attr( $title ) ); ?></h2>
                <?php endif; ?>         

                <?php $button_link = get_theme_mod( 'eve_hero_creative_button_link', null ); ?>
                <?php $button_text = get_theme_mod( 'eve_hero_creative_button_text', null ); ?>
                <?php if ( ! empty( $button_link ) && ! empty( $button_text ) ) : ?>
                    <a href="<?php echo esc_attr( $button_link ); ?>" class="button button-secondary button-lg" style="transition-delay: 1.7s; transition-duration: .6s;">
                        <?php echo esc_html( $button_text )?> <i class="fa fa-chevron-right"></i>
                    </a>
                <?php endif; ?>
            </div><!-- /.hero-creative-title -->

            <?php query_posts( [
                'post_type'         => 'product',
                'posts_per_page'    => 9,
                'tax_query'         => [
                    [
                        'taxonomy'  => 'product_type',
                        'field'     => 'slug',
                        'terms'     => [ 'listing' ],
                    ],
                ],
            ] ); ?>

            <?php if ( have_posts() ) : ?>
                <?php 
                $i = 0;
                $matrix = [
                    [ 'x' => 50, 'y' => 160, 'delay' => 2.2 ],
                    [ 'x' => 260, 'y' => 60, 'delay' => 2.5 ],
                    [ 'x' => 440, 'y' => 300, 'delay' => 3.3 ],
                    [ 'x' => 620, 'y' => 110, 'delay' => 3 ],
                    [ 'x' => 810, 'y' => 240, 'delay' => 2.8 ],
                    [ 'x' => 1020, 'y' => 130, 'delay' => 3.2 ],
                    [ 'x' => 1240, 'y' => 100, 'delay' => 2.6 ],
                    [ 'x' => 1440, 'y' => 290, 'delay' => 3.1 ],
                    [ 'x' => 1580, 'y' => 80, 'delay' => 2.8 ],
                ];
                ?>  

                <div class="hero-creative-pins">
                    <?php while ( have_posts() ) : the_post(); ?>                                       
                        <div class="hero-creative-pin" style="transition-delay: <?php echo esc_attr( $matrix[ $i ]['delay'] ); ?>s; bottom: <?php echo esc_attr( $matrix[ $i ]['y'] ); ?>px; left: <?php echo esc_attr( $matrix[ $i ]['x'] ); ?>px;">
                            <span class="hero-creative-pin-place"></span>
                            <div class="hero-creative-pin-title">
                                <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
                                <h4><?php echo \ListingManager\Product\ListingProduct::get_location_name(); ?></h4>
                            </div>
                        </div><!-- /.hero-creative-pin -->                  

                        <?php $i++; ?>
                    <?php endwhile; ?>
                </div><!-- /.hero-creative-pins -->
            <?php endif; ?>

            <?php \ListingManager\Utilities::reset_query(); ?>

            <div class="hero-scroll">
                <div class="hero-scroll-mice">
                </div><!-- /.hero-scroll-mice -->
                <span><?php echo esc_html__( 'Scroll Down', 'eve' ); ?></span>
            </div><!-- /.hero-scroll -->    
        </div><!-- /.hero-creative-content -->                  
    </div><!-- /.hero-creative -->
</div><!-- /.hero -->

The page I need help with: [log in to see the link]