Всплывающая цена в карточке товара

[ArtemPitov]

Приветствую Вас форумчани !

Дело обстоит так, хочу высвисти цену товара при наведении на товар, точнее на блок <div> в модуле

 

Сам модуль: (спер на форуме, модуль выводит товар на главной странице магазина блоком "Витрина")

 

<div class="box">
<div class="box-heading"><?php echo $heading_title; ?></div>
<div class="box-content">
<div class= "product-grid randprod">
<?php foreach ($products as $product) : ?>
<div class="produkt-kart">
<?php if ($product['thumb']) : ?>


                <div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>"/></a></div>
<?php endif; ?>
                <div class="name"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></div>
               
               
<div class="price">
<?php if (!$product['special']) { ?>
<?php echo $product['price']; ?>
<?php } else { ?>
<span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>
<?php } ?>
</div>


<div class="cart"><a onclick="addToCart('<?php echo $product['product_id']; ?>');"><span><?php echo $button_cart; ?></span></a></div>
         
</div>
<?php endforeach;?>
</div>


</div></div> 

Пробовал иную "схему" добавил див с классом в код  и прикрутил в сss opacity 0 и 1

<div class="summ">
<div class="price">
<?php if (!$product['special']) { ?>
<?php echo $product['price']; ?>
<?php } else { ?>
<span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>
<?php } ?>
</div>

<div class="cart"><a onclick="addToCart('<?php echo $product['product_id']; ?>');"><span><?php echo $button_cart; ?></span></a></div>
</div>
</div>  

Css: 
.summ: {opacity:0;} 
.summ: {hover opacity:1}

Подскажите может кто то делал, как сделать что бы при наведении на  <div class ="produkt-kart">  (вся карточки одного блока товара) появлялась цена , а не при наведении на блок <div class="summ">  (который снизу под картинкой выводит цену и кнопу купить)  

 

Спасибо !

[deim]

Сам модуль: (спер на форуме

А ты, я гляжу, — рисковый парень  :mrgreen:

 

Ну и по теме: зачем вообще скрывать цену? Чтобы пользователи седели не сразу, а лишь при hover/mouseover?  :o

[ArtemPitov]

А ты, я гляжу, — рисковый парень  :mrgreen:

 

Ну и по теме: зачем вообще скрывать цену? Чтобы пользователи седели не сразу, а лишь при hover/mouseover?  :o

резковатый прям не то слово  :ugeek:

 

задумка у меня такая, вот и морочу себе голову