Перейти к содержанию
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">  (который снизу под картинкой выводит цену и кнопу купить)  

 

Спасибо !

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Сам модуль: (спер на форуме

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

 

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

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.