Как не позволить сайту генерировать два div внутри друг друга - PullRequest
0 голосов
/ 08 мая 2019

У меня проблемы с созданием более 5 продуктов, которые веб-сайт не создает друг под другом.После 3-х продуктов автоматически создается div-обертка, в которой 4-й, 5-й и т. Д. Переходят в 3-й продукт.

Я проверил с помощью консоли Google и смог увидеть проблему.Но, к сожалению, не знаю, где я могу найти код, чтобы это исправить.

<div class="product-wrapper">
        <div class="list-col4 ">
            <div class="product-image">

                <a href="https://ethnicsmalta.com.mt/product/the-belfry-collection-mirrored-media-unit/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">                   <img width="300" height="300" src="https://ethnicsmalta.com.mt/wp-content/uploads/2019/05/18621-300x300.jpg" class="primary_image" alt=""><img width="300" height="300" src="https://ethnicsmalta.com.mt/wp-content/uploads/2019/05/18621-a-300x300.jpg" class="secondary_image" alt="" srcset="https://ethnicsmalta.com.mt/wp-content/uploads/2019/05/18621-a-300x300.jpg 300w, https://ethnicsmalta.com.mt/wp-content/uploads/2019/05/18621-a-150x150.jpg 150w, https://ethnicsmalta.com.mt/wp-content/uploads/2019/05/18621-a-768x768.jpg 768w, https://ethnicsmalta.com.mt/wp-content/uploads/2019/05/18621-a-1024x1024.jpg 1024w, https://ethnicsmalta.com.mt/wp-content/uploads/2019/05/18621-a-1170x1170.jpg 1170w, https://ethnicsmalta.com.mt/wp-content/uploads/2019/05/18621-a-600x600.jpg 600w, https://ethnicsmalta.com.mt/wp-content/uploads/2019/05/18621-a-100x100.jpg 100w" sizes="(max-width: 300px) 100vw, 300px">                   <span class="shadow"></span>
                </a> 
            </div>
        </div>
        <div class="list-col8 ">
            <div class="gridview">
                <div class="count-down">
                                                        </div>
                                        <div class="tag-cate">
                            <a href="https://ethnicsmalta.com.mt/product-category/belfry-furniture/" rel="tag">Belfry Furniture</a>                     </div>
                                                <h3 class="product-name">
                    <a href="https://ethnicsmalta.com.mt/product/the-belfry-collection-mirrored-media-unit/">Mirrored Media Unit</a>
                </h3>  
                <div class="price-box"></div> 
                <div class="box-hover" style="top: -60px;">
                    <div class="product-desc"><div class="description" style="text-align: justify;">This is The Belfry Collect</div> 
                    <div class="actions clearfix"> 
                        <ul class="add-to-links">
                            <li> 

<div class="yith-wcwl-add-to-wishlist add-to-wishlist-10189">
            <div class="yith-wcwl-add-button show" style="display:block">


<a href="/product-category/belfry-furniture/?add_to_wishlist=10189" rel="nofollow" data-product-id="10189" data-product-type="simple" class="add_to_wishlist">
        Add to Wishlist</a>

        </div>

        <div class="yith-wcwl-wishlistaddedbrowse hide" style="display:none;">
            <span class="feedback">Product added!</span>
            <a href="https://ethnicsmalta.com.mt/product/the-belfry-collection-mirrored-media-unit/" rel="nofollow">
                Browse Wishlist         </a>
        </div>

        <div class="yith-wcwl-wishlistexistsbrowse hide" style="display:none">
            <span class="feedback">The product is already in the wishlist!</span>
            <a href="https://ethnicsmalta.com.mt/product/the-belfry-collection-mirrored-media-unit/" rel="nofollow">
                Browse Wishlist         </a>
        </div>

        <div style="clear:both"></div>
        <div class="yith-wcwl-wishlistaddresponse"></div>

</div>

<div class="clear"></div>                           </li> 
                            <li class="add-to-cart">
                                <p class="product woocommerce add_to_cart_inline " style="border:4px solid #ccc; padding: 12px;"><a href="https://ethnicsmalta.com.mt/product/the-belfry-collection-mirrored-media-unit/" data-quantity="1" class="button product_type_simple" data-product_id="10189" data-product_sku="18621" aria-label="Read more about “Mirrored Media Unit”" rel="nofollow">Read more</a></p>                         </li>
                            <li>
                                <div class="woocommerce product compare-button"><a href="https://ethnicsmalta.com.mt?action=yith-woocompare-add-product&amp;id=10189" class="compare button" data-product_id="10189" rel="nofollow">Compare</a></div>                           </li>
                            <li>
                                                            <div class="quickview-inner">
                                    <div class="quickviewbtn">
                                        <a class="detail-link quickview" data-quick-id="10189" href="https://ethnicsmalta.com.mt/product/the-belfry-collection-mirrored-media-unit/" title="Mirrored Media Unit">Quick View</a>
                                    </div>
                                </div>
                                                        </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="listview">
                                        <div class="tag-cate">
                            <a href="https://ethnicsmalta.com.mt/product-category/belfry-furniture/" rel="tag">Belfry Furniture</a>                     </div>
                                <h3 class="product-name">
                    <a href="https://ethnicsmalta.com.mt/product/the-belfry-collection-mirrored-media-unit/">Mirrored Media Unit</a>
                </h3> 
                                <div class="price-box"></div>
                <div class="product-desc"><div class="description" style="text-align: justify;">This is The Belfry Collection Mirrored Media Unit, handcrafted to utmost perfection the Belfry Collection brings world class into any interior. This stunning mirrored piece features champagne detailing adding a timeless luxury to your home. The Belfry Collection Mirrored Media Unit is practical yet ultimately elegant, it would make a perfect storage addition to any space. You can choose to accessorise this piece with home furnishings or leave it to stand alone, whichever option you choose this unit will always look elegant and classy.</div>
<div></div>
<div></div>
<div>
<p class="p1">Height: 68 cm<br>
Width: 140 cm<br>
Depth: 45 cm<br>
Weight: 45.0kg<br>
Colour:&nbsp;Gold.<br>
Material:&nbsp;Mirrored Glass.</p>
</div>
</div> 
                <div class="actions clearfix">
                    <ul class="add-to-links"> 
                        <li class="add-to-cart">
                            <p class="product woocommerce add_to_cart_inline " style="border:4px solid #ccc; padding: 12px;"><a href="https://ethnicsmalta.com.mt/product/the-belfry-collection-mirrored-media-unit/" data-quantity="1" class="button product_type_simple" data-product_id="10189" data-product_sku="18621" aria-label="Read more about “Mirrored Media Unit”" rel="nofollow">Read more</a></p>                     </li>  
                        <li> 

<div class="yith-wcwl-add-to-wishlist add-to-wishlist-10189">
            <div class="yith-wcwl-add-button show" style="display:block">


<a href="/product-category/belfry-furniture/?add_to_wishlist=10189" rel="nofollow" data-product-id="10189" data-product-type="simple" class="add_to_wishlist">
        Add to Wishlist</a>

        </div>

        <div class="yith-wcwl-wishlistaddedbrowse hide" style="display:none;">
            <span class="feedback">Product added!</span>
            <a href="https://ethnicsmalta.com.mt/product/the-belfry-collection-mirrored-media-unit/" rel="nofollow">
                Browse Wishlist         </a>
        </div>

        <div class="yith-wcwl-wishlistexistsbrowse hide" style="display:none">
            <span class="feedback">The product is already in the wishlist!</span>
            <a href="https://ethnicsmalta.com.mt/product/the-belfry-collection-mirrored-media-unit/" rel="nofollow">
                Browse Wishlist         </a>
        </div>

        <div style="clear:both"></div>
        <div class="yith-wcwl-wishlistaddresponse"></div>

</div>

<div class="clear"></div>                       </li> 
                        <li>
                            <div class="woocommerce product compare-button"><a href="https://ethnicsmalta.com.mt?action=yith-woocompare-add-product&amp;id=10189" class="compare button" data-product_id="10189" rel="nofollow">Compare</a></div>                       </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
</div>

<div class="product-wrapper">
        <div class="list-col4 ">
            <div class="product-image">

                <a href="https://ethnicsmalta.com.mt/product/the-belfry-collection-mirrored-media-unit/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">                   <img width="300" height="300" src="https://ethnicsmalta.com.mt/wp-content/uploads/2019/05/18621-300x300.jpg" class="primary_image" alt=""><img width="300" height="300" src="https://ethnicsmalta.com.mt/wp-content/uploads/2019/05/18621-a-300x300.jpg" class="secondary_image" alt="" srcset="https://ethnicsmalta.com.mt/wp-content/uploads/2019/05/18621-a-300x300.jpg 300w, https://ethnicsmalta.com.mt/wp-content/uploads/2019/05/18621-a-150x150.jpg 150w, https://ethnicsmalta.com.mt/wp-content/uploads/2019/05/18621-a-768x768.jpg 768w, https://ethnicsmalta.com.mt/wp-content/uploads/2019/05/18621-a-1024x1024.jpg 1024w, https://ethnicsmalta.com.mt/wp-content/uploads/2019/05/18621-a-1170x1170.jpg 1170w, https://ethnicsmalta.com.mt/wp-content/uploads/2019/05/18621-a-600x600.jpg 600w, https://ethnicsmalta.com.mt/wp-content/uploads/2019/05/18621-a-100x100.jpg 100w" sizes="(max-width: 300px) 100vw, 300px">                   <span class="shadow"></span>
                </a> 
            </div>
        </div>
        <div class="list-col8 ">
            <div class="gridview">
                <div class="count-down">
                                                        </div>
                                        <div class="tag-cate">
                            <a href="https://ethnicsmalta.com.mt/product-category/belfry-furniture/" rel="tag">Belfry Furniture</a>                     </div>
                                                <h3 class="product-name">
                    <a href="https://ethnicsmalta.com.mt/product/the-belfry-collection-mirrored-media-unit/">Mirrored Media Unit</a>
                </h3>  
                <div class="price-box"></div> 
                <div class="box-hover" style="top: -60px;">
                    <div class="product-desc"><div class="description" style="text-align: justify;">This is The Belfry Collect</div> 
                    <div class="actions clearfix"> 
                        <ul class="add-to-links">
                            <li> 

<div class="yith-wcwl-add-to-wishlist add-to-wishlist-10189">
            <div class="yith-wcwl-add-button show" style="display:block">


<a href="/product-category/belfry-furniture/?add_to_wishlist=10189" rel="nofollow" data-product-id="10189" data-product-type="simple" class="add_to_wishlist">
        Add to Wishlist</a>

        </div>

        <div class="yith-wcwl-wishlistaddedbrowse hide" style="display:none;">
            <span class="feedback">Product added!</span>
            <a href="https://ethnicsmalta.com.mt/product/the-belfry-collection-mirrored-media-unit/" rel="nofollow">
                Browse Wishlist         </a>
        </div>

        <div class="yith-wcwl-wishlistexistsbrowse hide" style="display:none">
            <span class="feedback">The product is already in the wishlist!</span>
            <a href="https://ethnicsmalta.com.mt/product/the-belfry-collection-mirrored-media-unit/" rel="nofollow">
                Browse Wishlist         </a>
        </div>

        <div style="clear:both"></div>
        <div class="yith-wcwl-wishlistaddresponse"></div>

</div>

<div class="clear"></div>                           </li> 
                            <li class="add-to-cart">
                                <p class="product woocommerce add_to_cart_inline " style="border:4px solid #ccc; padding: 12px;"><a href="https://ethnicsmalta.com.mt/product/the-belfry-collection-mirrored-media-unit/" data-quantity="1" class="button product_type_simple" data-product_id="10189" data-product_sku="18621" aria-label="Read more about “Mirrored Media Unit”" rel="nofollow">Read more</a></p>                         </li>
                            <li>
                                <div class="woocommerce product compare-button"><a href="https://ethnicsmalta.com.mt?action=yith-woocompare-add-product&amp;id=10189" class="compare button" data-product_id="10189" rel="nofollow">Compare</a></div>                           </li>
                            <li>
                                                            <div class="quickview-inner">
                                    <div class="quickviewbtn">
                                        <a class="detail-link quickview" data-quick-id="10189" href="https://ethnicsmalta.com.mt/product/the-belfry-collection-mirrored-media-unit/" title="Mirrored Media Unit">Quick View</a>
                                    </div>
                                </div>
                                                        </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="listview">
                                        <div class="tag-cate">
                            <a href="https://ethnicsmalta.com.mt/product-category/belfry-furniture/" rel="tag">Belfry Furniture</a>                     </div>
                                <h3 class="product-name">
                    <a href="https://ethnicsmalta.com.mt/product/the-belfry-collection-mirrored-media-unit/">Mirrored Media Unit</a>
                </h3> 
                                <div class="price-box"></div>
                <div class="product-desc"><div class="description" style="text-align: justify;">This is The Belfry Collection Mirrored Media Unit, handcrafted to utmost perfection the Belfry Collection brings world class into any interior. This stunning mirrored piece features champagne detailing adding a timeless luxury to your home. The Belfry Collection Mirrored Media Unit is practical yet ultimately elegant, it would make a perfect storage addition to any space. You can choose to accessorise this piece with home furnishings or leave it to stand alone, whichever option you choose this unit will always look elegant and classy.</div>
<div></div>
<div></div>
<div>
<p class="p1">Height: 68 cm<br>
Width: 140 cm<br>
Depth: 45 cm<br>
Weight: 45.0kg<br>
Colour:&nbsp;Gold.<br>
Material:&nbsp;Mirrored Glass.</p>
</div>
</div> 
                <div class="actions clearfix">
                    <ul class="add-to-links"> 
                        <li class="add-to-cart">
                            <p class="product woocommerce add_to_cart_inline " style="border:4px solid #ccc; padding: 12px;"><a href="https://ethnicsmalta.com.mt/product/the-belfry-collection-mirrored-media-unit/" data-quantity="1" class="button product_type_simple" data-product_id="10189" data-product_sku="18621" aria-label="Read more about “Mirrored Media Unit”" rel="nofollow">Read more</a></p>                     </li>  
                        <li> 

<div class="yith-wcwl-add-to-wishlist add-to-wishlist-10189">
            <div class="yith-wcwl-add-button show" style="display:block">


<a href="/product-category/belfry-furniture/?add_to_wishlist=10189" rel="nofollow" data-product-id="10189" data-product-type="simple" class="add_to_wishlist">
        Add to Wishlist</a>

        </div>

        <div class="yith-wcwl-wishlistaddedbrowse hide" style="display:none;">
            <span class="feedback">Product added!</span>
            <a href="https://ethnicsmalta.com.mt/product/the-belfry-collection-mirrored-media-unit/" rel="nofollow">
                Browse Wishlist         </a>
        </div>

        <div class="yith-wcwl-wishlistexistsbrowse hide" style="display:none">
            <span class="feedback">The product is already in the wishlist!</span>
            <a href="https://ethnicsmalta.com.mt/product/the-belfry-collection-mirrored-media-unit/" rel="nofollow">
                Browse Wishlist         </a>
        </div>

        <div style="clear:both"></div>
        <div class="yith-wcwl-wishlistaddresponse"></div>

</div>

<div class="clear"></div>                       </li> 
                        <li>
                            <div class="woocommerce product compare-button"><a href="https://ethnicsmalta.com.mt?action=yith-woocompare-add-product&amp;id=10189" class="compare button" data-product_id="10189" rel="nofollow">Compare</a></div>                       </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
<div class=" item-col col-12 col-sm-6 col-md-4 col-xl-3 post-9698 product type-product status-publish has-post-thumbnail product_cat-belfry-furniture last instock featured shipping-taxable purchasable product-type-simple">
    <div class="product-wrapper">
        <div class="list-col4 ">
            <div class="product-image">

                <a href="https://ethnicsmalta.com.mt/product/mirrored-sideboard/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">                  <img width="300" height="300" src="https://ethnicsmalta.com.mt/wp-content/uploads/2018/07/18623-300x300.jpg" class="primary_image" alt=""><img width="300" height="300" src="https://ethnicsmalta.com.mt/wp-content/uploads/2018/07/18623-a-300x300.jpg" class="secondary_image" alt="" srcset="https://ethnicsmalta.com.mt/wp-content/uploads/2018/07/18623-a-300x300.jpg 300w, https://ethnicsmalta.com.mt/wp-content/uploads/2018/07/18623-a-150x150.jpg 150w, https://ethnicsmalta.com.mt/wp-content/uploads/2018/07/18623-a-768x768.jpg 768w, https://ethnicsmalta.com.mt/wp-content/uploads/2018/07/18623-a-1024x1024.jpg 1024w, https://ethnicsmalta.com.mt/wp-content/uploads/2018/07/18623-a-1170x1170.jpg 1170w, https://ethnicsmalta.com.mt/wp-content/uploads/2018/07/18623-a-600x600.jpg 600w, https://ethnicsmalta.com.mt/wp-content/uploads/2018/07/18623-a-100x100.jpg 100w" sizes="(max-width: 300px) 100vw, 300px">                   <span class="shadow"></span>
                </a> 
            </div>
        </div>
        <div class="list-col8 ">
            <div class="gridview">
                <div class="count-down">
                                                        </div>
                                        <div class="tag-cate">
                            <a href="https://ethnicsmalta.com.mt/product-category/belfry-furniture/" rel="tag">Belfry Furniture</a>                     </div>
                                                <h3 class="product-name">
                    <a href="https://ethnicsmalta.com.mt/product/mirrored-sideboard/">Mirrored Sideboard</a>
                </h3>  
                <div class="price-box"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">€</span>80.00</span></div> 
                <div class="box-hover" style="top: -100px;">
                    <div class="product-desc"><p style="text-align: justify;">This is the Belfry Collection Mirrored Sideboard</p></div> 
                    <div class="actions clearfix"> 
                        <ul class="add-to-links">
                            <li> 

<div class="yith-wcwl-add-to-wishlist add-to-wishlist-9698">
            <div class="yith-wcwl-add-button show" style="display:block">


<a href="/product-category/belfry-furniture/?add_to_wishlist=9698" rel="nofollow" data-product-id="9698" data-product-type="simple" class="add_to_wishlist">
        Add to Wishlist</a>

        </div>

        <div class="yith-wcwl-wishlistaddedbrowse hide" style="display:none;">
            <span class="feedback">Product added!</span>
            <a href="https://ethnicsmalta.com.mt/product/mirrored-sideboard/" rel="nofollow">
                Browse Wishlist         </a>
        </div>

        <div class="yith-wcwl-wishlistexistsbrowse hide" style="display:none">
            <span class="feedback">The product is already in the wishlist!</span>
            <a href="https://ethnicsmalta.com.mt/product/mirrored-sideboard/" rel="nofollow">
                Browse Wishlist         </a>
        </div>

        <div style="clear:both"></div>
        <div class="yith-wcwl-wishlistaddresponse"></div>

</div>

<div class="clear"></div>                           </li> 
                            <li class="add-to-cart">
                                <p class="product woocommerce add_to_cart_inline " style="border:4px solid #ccc; padding: 12px;"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">€</span>80.00</span><a href="/product-category/belfry-furniture/?add-to-cart=9698" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="9698" data-product_sku="18623" aria-label="Add “Mirrored Sideboard” to your cart" rel="nofollow">Add to cart</a></p>                         </li>
                            <li>
                                <div class="woocommerce product compare-button"><a href="https://ethnicsmalta.com.mt?action=yith-woocompare-add-product&amp;id=9698" class="compare button" data-product_id="9698" rel="nofollow">Compare</a></div>                         </li>
                            <li>
                                                            <div class="quickview-inner">
                                    <div class="quickviewbtn">
                                        <a class="detail-link quickview" data-quick-id="9698" href="https://ethnicsmalta.com.mt/product/mirrored-sideboard/" title="Mirrored Sideboard">Quick View</a>
                                    </div>
                                </div>
                                                        </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="listview">
                                        <div class="tag-cate">
                            <a href="https://ethnicsmalta.com.mt/product-category/belfry-furniture/" rel="tag">Belfry Furniture</a>                     </div>
                                <h3 class="product-name">
                    <a href="https://ethnicsmalta.com.mt/product/mirrored-sideboard/">Mirrored Sideboard</a>
                </h3> 
                                <div class="price-box"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">€</span>80.00</span></div>
                <div class="product-desc"><p style="text-align: justify;">This is the Belfry Collection Mirrored Sideboard, handcrafted to utmost perfection the Belfry Collection brings world class into any interior. This stunning mirrored range features champagne detailing adding a timeless luxury to any space. The Belfry Collection Mirrored Sideboard would make the perfect addition to a living room, bedroom, hallway or any room you wish. With it’s champagne detailing and mirrored features, this range is sure to catch the attention of anyone who enters and makes a stunning focal point.</p>
<p>&nbsp;</p>
<p class="p1">Height: 90 cm<br>
Width: 160 cm<br>
Depth: 40 cm<br>
Weight: 50.0kg<br>
Colour:&nbsp;Gold,<br>
Material:&nbsp;Mirrored Glass,</p>
</div> 
                <div class="actions clearfix">
                    <ul class="add-to-links"> 
                        <li class="add-to-cart">
                            <p class="product woocommerce add_to_cart_inline " style="border:4px solid #ccc; padding: 12px;"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">€</span>80.00</span><a href="/product-category/belfry-furniture/?add-to-cart=9698" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="9698" data-product_sku="18623" aria-label="Add “Mirrored Sideboard” to your cart" rel="nofollow">Add to cart</a></p>                     </li>  
                        <li> 

<div class="yith-wcwl-add-to-wishlist add-to-wishlist-9698">
            <div class="yith-wcwl-add-button show" style="display:block">


<a href="/product-category/belfry-furniture/?add_to_wishlist=9698" rel="nofollow" data-product-id="9698" data-product-type="simple" class="add_to_wishlist">
        Add to Wishlist</a>

        </div>

        <div class="yith-wcwl-wishlistaddedbrowse hide" style="display:none;">
            <span class="feedback">Product added!</span>
            <a href="https://ethnicsmalta.com.mt/product/mirrored-sideboard/" rel="nofollow">
                Browse Wishlist         </a>
        </div>

        <div class="yith-wcwl-wishlistexistsbrowse hide" style="display:none">
            <span class="feedback">The product is already in the wishlist!</span>
            <a href="https://ethnicsmalta.com.mt/product/mirrored-sideboard/" rel="nofollow">
                Browse Wishlist         </a>
        </div>

        <div style="clear:both"></div>
        <div class="yith-wcwl-wishlistaddresponse"></div>

</div>

<div class="clear"></div>                       </li> 
                        <li>
                            <div class="woocommerce product compare-button"><a href="https://ethnicsmalta.com.mt?action=yith-woocompare-add-product&amp;id=9698" class="compare button" data-product_id="9698" rel="nofollow">Compare</a></div>                     </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
</div>

Прикрепленный снимок экрана с фиксированным кодом на Chrome. https://i.stack.imgur.com/2CAn2.png

Второе изображение показывает, как страница показывает

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...