Ссылка покрыта оберткой

Question

Ссылки на изображения скрыты или закрыты, и я не могу понять, почему. Первый <a href.. ниже пример этого .. Живая версия может быть найдена here .. В принципе любое из изображений продукта должны быть интерактивными ..

<div class="image-wrap"> 
    <a href="http://fundraisingfountain.pixelworklab.com/product/bull-dog/" title="Bull Dog"> 
     <img width="150" height="150" src="http://fundraisingfountain.pixelworklab.com/wp-content/uploads/2013/06/Pillow-Pets-Bulldog-2-150x150.png" class="attachment-shop_catalog wp-post-image" alt="Pillow Pets - Bulldog (2)">   
    </a> 

    <ul class="product-details"> 
     <li class="details"> 
      <a class="button details" href="http://fundraisingfountain.pixelworklab.com/product/bull-dog/" title="Bull Dog">View Details</a> 
     </li> 
     <li class="price-wrap"> 
      <a href="http://fundraisingfountain.pixelworklab.com/product/bull-dog/" title="Bull Dog"><span class="price"><strong><span class="amount">$25</span></strong></span></a> 
     </li> 
     <li class="cart"> 
      <a href="/product-category/pillow-pets/?add-to-cart=164" rel="nofollow" data-product_id="164" data-product_sku="003" class="add_to_cart_button button product_type_simple">Add to cart</a> 
     </li> 
    </ul> 
</div> 

Answer 1

Он отлично работает на моей машине.

Вам нужно будет проверить свой CSS и убедиться, что нет тегов div, которые накладываются поверх него (или имеют более высокий индекс z, чем он).

Answer 2

Это потому, что вы установили ulheight:100%, поэтому он перекрывает изображение.

Изменение height для ul к чему-то меньше, и он будет работать нормально

woocommerce.css Line # 634

ul.products li.product .product-details{ 
    height:25px; 
} 

Answer 3

Кстати, если вы дать

border="0" 

к вашим ссылкам изображения там Виль нет серый (или любой другой цвет) вокруг него

Answer 4

Вот что вам нужно исправить

ul.products li.product .product-details { 
    height: auto; 
    top: 108%; 
} 

ul.products li.product .product-details li { 
    vertical-align: middle; 
}