WordPress как на ладони
Недорогой хостинг для сайтов на WordPress: wordpress.jino.ru Купить персональные IPV4 и IPV6 прокси

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

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

0
sasha007
11 месяцев назад
  • 1
    el-lable235 el-lable.ru

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

    .woocommerce-page ul.products li.product > a:after{
    	content:"";
    	position:absolute;
    	left:0;
    	right:0;
    	top:0;
    	bottom:0;
    }
    sasha007 11 мес назад

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

    el-lable 11 мес назад

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

    Комментировать
  • 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>
    el-lable 11 мес назад

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

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