WordPress как на ладони
Недорогой хостинг для сайтов на WordPress: wordpress.jino.ru Шаблоны сайтов на русском

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

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

0
sasha007
6 месяцев назад
  • 1
    el-lable200 cайт: el-lable.ru

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

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

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

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

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

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

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

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