Приветствую Вас форумчани !
Дело обстоит так, хочу высвисти цену товара при наведении на товар, точнее на блок <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"> (который снизу под картинкой выводит цену и кнопу купить)
Спасибо !