Помощь Цена товара только при наведении мыши

[Dmitri123]

Ребята, как можно вывести цену товара на фото товара без наведения мышки на товар?

Я так понимаю нужно менять span.price.product-price но display:block; и другие не помогли в решении задачи.

Адрес сайта: Для просмотра ссылки Войди или Зарегистрируйся

Заранее спасибо!

 

[warza]

В css

Ребята, как можно вывести цену товара на фото товара без наведения мышки на товар?

Удали в css
opacity: 0;
visibility: hidden;
В районе .product_list li
Если не разберешься поможем

 

[Dmitri123]

Спасибо, теперь почти как хотел. Завтра продолжу в поисках того как убрать кнопки чтобы только цена была без hovera.

 

[olegdenega]

Спасибо, теперь почти как хотел. Завтра продолжу в поисках того как убрать кнопки чтобы только цена была без hovera.

Если нужно именно средствами css, то в product_list.css:185 есть строча

.product_list li .content .content_price .old-price {font-weight: normal; font-size: 0.9em; padding: 0;}

замените на

.product_list li .content .content_price .old-price {/*font-weight: normal; font-size: 0.9em; padding: 0;*/display:none}

 

[Dmitri123]

Если нужно именно средствами css, то в product_list.css:185 есть строча

.product_list li .content .content_price .old-price {font-weight: normal; font-size: 0.9em; padding: 0;}
замените на
.product_list li .content .content_price .old-price {/*font-weight: normal; font-size: 0.9em; padding: 0;*/display:none}

Заменил но от этого пропала старая(зачеркнутая) цена на совсем, даже когда навожу на товар её нет.

.fontface .product_list li .button-container .button, .fontface .product_list li .button-container .addToWishlist

Поидее надо с этим элементом работать

 

[olegdenega]

Вы сформулируйте четко по пунктам что именно вы бы хотели и кто-нибудь может напишет.

 

[olegdenega]

.product_list li .content .content_price .old-price {display:none}
.product_list li:hover .content .content_price .old-price {font-weight: normal; font-size: 0.9em; padding: 0;display: inline}

 

[Dmitri123]

Вы сформулируйте четко по пунктам что именно вы бы хотели и кто-нибудь может напишет.

1.Когда загрузился сайт - картинка товара только с ценой
2.Навожу на товар все появляется и название товара и кнопки

На данный момент удалось сделать чтобы название товара пропадало. Скоро сделаю что когда наводишь на товар еще и размеры показывает.

 

[olegdenega]

Вы добавьте все поля (размеры и тд) на картинку и если не разберетесь сами - вечеом поправлю свойства если буду не занят)

 

[Dmitri123]

Вы добавьте все поля (размеры и тд) на картинку и если не разберетесь сами - вечеом поправлю свойства если буду не занят)

Изменил это

.fontface .product_list li .button-container .addToWishlist {
  line-height: 20px;
  text-indent: -999em;
  text-align: left;
  font-size: inherit;
  width: 20px;
  height: 20px;
  display: inline-block;
}

На

.fontface .product_list li .button-container .addToWishlist {display:none}
.fontface .product_list li:hover .button-container .addToWishlist {
  line-height: 20px;
  text-indent: -999em;
  text-align: left;
  font-size: inherit;
  width: 20px;
  height: 20px;
  display: inline-block;
}

И добавить в избранное кнопочка начала работать как надо(когда наводишь появлятся) но зато пропала кнопка Добавить в корзину