WordPress как на ладони
Черная пятница на хостинге fornex.com! Хостинг, VPS/VDS и отдельные сервера только на SSD дисках. 7 дней бесплатного тестирования.

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

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

0
sasha007
2 месяца назад
  • 0
    el-lable105 cайт: el-lable.ru

    Здравствуйте.
    Добавьте в стилях

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

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

    el-lable 2 месяца назад

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

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

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

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