WordPress как на ладони
Недорогой хостинг для сайтов на WordPress: wordpress.jino.ru Черная пятница на сайте Template Monster

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

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

0
sasha007
23 августа 2018
  • 1
    el-lable260 el-lable.ru

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

    .woocommerce-page ul.products li.product > a:after{
    	content:"";
    	position:absolute;
    	left:0;
    	right:0;
    	top:0;
    	bottom:0;
    }
    sasha007 23 Авг. 2018

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

    el-lable 23 Авг. 2018

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

    Комментировать
  • 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 24 Авг. 2018

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

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