Как создать индивидуально разработанную страницу woocommerce archive-product.php

Question

В loop / loop-start.php и loop / loop-end.php есть только тег ul .Но я хочу изменить тег li под этим тегом ul, но не могу найти.Я поместил мой div в страницу archive-product.php:

            <div class="row">
                <div class="col-md-8">
                    <!--=======  grid view product  =======-->
                    <div class="my-custom-div-style">
                        <?php

                        if ( woocommerce_product_loop() ) {
                            do_action( 'woocommerce_before_shop_loop' );
                            woocommerce_product_loop_start();

                            if ( wc_get_loop_prop( 'total' ) ) {
                                while ( have_posts() ) {
                                    the_post();
                                    do_action( 'woocommerce_shop_loop' );
                                    wc_get_template_part( 'content', 'product' );
                                }
                            }

                            woocommerce_product_loop_end();
                            do_action( 'woocommerce_after_shop_loop' );
                        } else {
                                do_action( 'woocommerce_no_products_found' );
                        }

                        ?>
                    </div>
                </div>
            </div>

И моя оригинальная структура div выглядит так:

            <div class="row">
                <div class="col-md-8">
                    <!--=======  grid view product  =======-->
                    <div class="my-custom-div-style">

                        <!--Product Image-->    
                        <div class="single-slider-product__image">
                            <a href="single-product.html">
                                <img src="<?php echo get_template_directory_uri(); ?>/assets/img/products/medium10.jpg" class="img-fluid" alt="">
                            </a>
                            <span class="discount-label discount-label--green">-10%</span>   
                        </div>


                        <div class="single-slider-product__content">
                            <!--Product name-->
                            <p class="product-title"><a href="single-product.html">Cillum dolore garden lorem ipsum plant</a></p>

                            <!--Product rating-->
                            <div class="rating">
                                <i class="ion-android-star active"></i>
                                <i class="ion-android-star active"></i>
                                <i class="ion-android-star active"></i>
                                <i class="ion-android-star active"></i>
                                <i class="ion-android-star"></i>
                            </div>

                            <!--Product price-->
                            <p class="product-price"><span class="discounted-price">$50.00</span> <span class="main-price discounted">$120.00</span></p>

                            <span class="cart-icon"><a href="javascript:void(0)"><i class="icon-shopping-cart"></i></a></span>
                        </div>

                    </div>
                </div>
            </div>  

Оригинальный HTML

После редактирования archieve-product.php