eurobyte.ru - мощные сервера с Дата-центрами в Нидерландах и Москве. От 159 ₽/мес.

Ссылки на товар

На сайте сделать кликабельные картинки товара, что бы при нажатии на картинку была ссылка на сам товар, сейчас при наведении на картинки товаров ничего не происходит
https://brgshtory.kiev.ua

0
sasha007
6.2 года назад
woocommerceWordPress (Вордпресс)
  • 1
    el-lable620 el-lable.ru

    Добавьте в стилях

    .woocommerce-page ul.products li.product > a:after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
    6.2 года назад #
    sasha007 6.2 года назад

    Картинки все равно не кликабельны,нужно привязать все картинки к ссылкам на сам товар,все просто,сейчас при наведении на фото товара нельзя нажать на него и провалиться в товар

    el-lable 6.2 года назад

    я не вижу что бы вы добавили стили которые я написал

    Комментировать
  • 0
    Yurets41

    Так у вас картинки и не являются ссылками на страницу продукта. Да еще оверлей их закрывает... Вот написал костыль, добавьте в футер.

    <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>
    6.2 года назад #
    el-lable 6.2 года назад

    Рас пошла такая пьянка со скриптами, то можно тогда вот так

    <script>
jQuery(function($){
	$('.styledstore-woocomerce-product-thumb').click(function(){
		$(this).siblings('[class*="Product-link"]:has(h3):first').click();
	});
})
</script>
    Комментировать
На вопросы могут отвечать только зарегистрированные пользователи. Вход . Регистрация