• Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!
  • Темы озаглавленные с маленькой буквы или капсом удаляются без предупреждения!

Появление атрибута при наведении на изображение

Zalkid

Форумчанин
Добрый день, бьюсь уже второй день. Идея такая, чтобы изначально размеры товара были скрыты, а появлялись только тогда, когда наведешь мышью на картинку. Сайт - ссылка.
Пробовал через родительский див, по примеру:

#parent:hover #child {
display:block

результата это не дало.
 

tuxfighter

Гуру
Местный
как-то так можно попробовать
CSS:
.content-product  .et_st-default-holder{
    display: none;
}
.content-product:hover .et_st-default-holder{
    display: block;
}
 

tuxfighter

Гуру
Местный
тогда так:
CSS:
.content-product  .et_st-default-holder .type-label{
    visibility: hidden;
}
.content-product:hover .et_st-default-holder .type-label{
   visibility: visible;
}
 

Zalkid

Форумчанин
тогда так:
CSS:
.content-product  .et_st-default-holder .type-label{
    visibility: hidden;
}
.content-product:hover .et_st-default-holder .type-label{
   visibility: visible;
}
неа, с этим не хочет появляться вообще, попробовал вот так:

.content-product ul.st-swatch-size-normal.st-swatch-shape-square{
display: none;
}
.content-product:hover ul.st-swatch-size-normal.st-swatch-shape-square{
transition-property: all;
transition-duration: 0.7s;
transition-timing-function: ease-out;
transition-delay: 0s;
display: block;
}

Но ньюанс в том, что при появлении и исчезновении скачет заголовок (наименование товара)
 

tuxfighter

Гуру
Местный
неа, с этим не хочет появляться вообще
вы предидущие правила убрали? кэш сбросили, в том числе и в браузере?
Но ньюанс в том, что при появлении и исчезновении скачет заголовок (наименование товара)
именно по этому вместо display я применил visibility
 

Zalkid

Форумчанин
вы предидущие правила убрали? кэш сбросили, в том числе и в браузере?

именно по этому вместо display я применил visibility
Точно, про кеш совсем забыл. Действительно все ок. Еще вопрос, возможно как-то удерживать ярлычек "в корзину", пока мышка не отведена от блока с изображением. Когда начинаешь выбирать размеры иконка с корзиной пропадает.
ps - прошу прощение за наглость)
 

tuxfighter

Гуру
Местный
возможно как-то удерживать ярлычек "в корзину", пока мышка не отведена от блока с изображением. Когда начинаешь выбирать размеры иконка с корзиной пропадает.
CSS:
.content-product:hover .footer-product {
    opacity: 1;
}

Так же хочу напомнить, что все это не относится к тематике форума и является офтопом.
 

Zalkid

Форумчанин
CSS:
.content-product:hover .footer-product {
    opacity: 1;
}

Так же хочу напомнить, что все это не относится к тематике форума и является офтопом.
прошу прощения, за оффтоп, но при выборе (наведении) мышки всё равно иконка корзины пропадает, кеш чистил
 

tuxfighter

Гуру
Местный
я не вижу, что бы она пропадала. более того сейчас она на всю ширину картинки
 
Сверху Снизу