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

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

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

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

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

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

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

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

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

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

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

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