avralexx
@avralexx
Пытаюсь разобраться в мистическом мире WP

Как сделать hover эффект для товара?

Делаю интернет магазин на woocomerce, тема storefront: chainayanomer1.ru

Подскажите пожалуйста, как можно реализовать подобный hover эффект, чтобы изначально кнопка добавить в корзину не подсвечивалась и краткое описание было видно частично, но при наведении появлялось?
Пример:
5a834e655f92c537689156.jpeg

Взято отсюда https://101tea.ru/catalog/chay/
  • Вопрос задан
  • 100 просмотров
Пригласить эксперта
Ответы на вопрос 2
  • @antoshadrobyshev
    css
    У ваших товаров есть класс products ul.products li.product .button. Делаете visibility:hidden
    js
    $( "ul.products li.product" ).hover(function() {
        $( this ).find('ul.products li.product .button').css('visibility', 'visible');
    });

    Примерно так
    Ответ написан
  • avralexx
    @avralexx
    Пытаюсь разобраться в мистическом мире WP
    Здравствуйте, спасибо большое, к сожалению, с изменением js ранее не имел дела, только php и css через дочернюю тему, не могли бы Вы подсказать, где вносить данные изменения и нет ли возможности через css класс hover добиться аналогичного эффекта?
    Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы