Ссылки на товар
На сайте сделать кликабельные картинки товара, что бы при нажатии на картинку была ссылка на сам товар, сейчас при наведении на картинки товаров ничего не происходит
https://brgshtory.kiev.ua
sasha007
7.8 лет назад
На вопросы могут отвечать только зарегистрированные пользователи. Вход . Регистрация
Добавьте в стилях
.woocommerce-page ul.products li.product > a:after{ content:""; position:absolute; left:0; right:0; top:0; bottom:0; }Картинки все равно не кликабельны,нужно привязать все картинки к ссылкам на сам товар,все просто,сейчас при наведении на фото товара нельзя нажать на него и провалиться в товар
я не вижу что бы вы добавили стили которые я написал
Так у вас картинки и не являются ссылками на страницу продукта. Да еще оверлей их закрывает... Вот написал костыль, добавьте в футер.
<script> jQuery(document).ready(function($) { $('img.attachment-woocommerce_thumbnail').each(function(){ var product_url = $(this).parent().next().attr('href'); $(this).wrap('<a href='+product_url+'></a>'); }) $('div.product-overlay').each(function(){ $(this).remove(); }) }) </script>Рас пошла такая пьянка со скриптами, то можно тогда вот так
<script> jQuery(function($){ $('.styledstore-woocomerce-product-thumb').click(function(){ $(this).siblings('[class*="Product-link"]:has(h3):first').click(); }); }) </script>