Следите за новостями любимого конструктора сайтов uCoz в социальных сетях!
Сделайте вот так:
<a href="ссылка на товар"><img src="ссылка на фото товара"></a>
<div class="item" data-animated="fadeInUp" data-date="$ADD_DATE$"> <a href="$ENTRY_URL$"><img class="item-image" src="$THUMB$" alt="$NAME$" class="gphoto" id="$BLOCK_PREF$-gphoto-$ID$"></a> <span class="item-new">new</span> <?if($PRICE_OLD$)?><span class="item-sale">sale</span><?endif?> <div class="item-breif"> $BRIEF$ </div> <div class="item-info"> <div class="item-info-body"> <?if($RATING$)?><div class="item-rating"><span style="display: inline-block"><?$RSTARS$('21','/img/rate.png','0','float')?></span></div><?endif?> <b class="item-price">$PRICE$</b> <?if($PRICE_OLD$)?><s class="item-price-old">$PRICE_OLD$</s><?endif?> <?if($PRICE_OLD$)?><s class="item-price-old">$PRICE_OLD$</s><?endif?> </a> </a> </div> </div> <div class="item-bottom"> <h3 class="item-title"><a href="$ENTRY_URL$">$NAME$</a></h3> <?if($OPTIONS$)?> <h5 class="item-title"><a href="$ENTRY_URL$">$PRICE$</a></h5> <a class="button button-1" href="$ENTRY_URL$">Подробнее</a> <?else?> <a class="button button-1" href="javascript:void(0)" onclick="javascript:add2Basket('$ID$','$BLOCK_PREF$');">В корзину</a> <?endif?> </div> </div>
Проблема в том, что у вас при наведении на фото отображается цена и рейтинг, если сделать фото кликабельным, тогда вы не сможете оценить товар при наведении на него и не увидите цену товара при наведении на фото. В стилях найдите строку номер 671:
.item-image { width: 100%; z-index: 10; position: relative; }
добавьте выделенное красным.