如何创建定制设计的woocommerce archive-product.php页面

Question

在loop / loop-start.php和loop / loop-end.php中，只有 ul 标签存在。但是我想在该ul标签下编辑 li 标签，但找不到。我已经将div放在了archive-product.php页面中，如下所示：

            <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>  

我原来的div结构是这样的：

$jointure = $JointureRepository->findAll();

Original HTML

After editing archieve-product.php