Всплывающих кнопка в корзину

Тема в разделе "OpenCart", создана пользователем etens1212, 29 сен 2015.

  1. etens1212

    etens1212

    Регистрация:
    1 май 2013
    Сообщения:
    320
    Симпатии:
    16
    Всем привет, задам очень интересный вопрос
    многим пригодится ответ
    как сделать в категориях при наведении на товра, чтобы вспливала кнопка в корзину (+ подробнее)
     
  2. etens1212

    etens1212

    Регистрация:
    1 май 2013
    Сообщения:
    320
    Симпатии:
    16
    да css

    вот пример

    [​IMG]
     
  3. Shket

    Shket

    Регистрация:
    21 сен 2015
    Сообщения:
    58
    Симпатии:
    11
    Где код примера ? Только картинку вижу ..
     
  4. etens1212

    etens1212

    Регистрация:
    1 май 2013
    Сообщения:
    320
    Симпатии:
    16
    так кода нету(
    надо как на картинке сделать
    при наведении, чтоб появлялись кнопки
     
  5. max6002

    max6002

    Регистрация:
    11 ноя 2013
    Сообщения:
    75
    Симпатии:
    64
    сначала сверстайте кнопки как Вам нужно, потом скройте их (display:none), а при наведении отображайте (:hover{display:block})
     
  6. Shket

    Shket

    Регистрация:
    21 сен 2015
    Сообщения:
    58
    Симпатии:
    11
    Если правильно понимаю, то таким образом кнопки будут всплывать каждая отдельно, и только при наведении непосредственно на саму кнопку.
    А нужно, чтобы при наведении курсора на картинку в любом ее месте, на ней появлялись сразу обе кнопки ..
     
  7. etens1212

    etens1212

    Регистрация:
    1 май 2013
    Сообщения:
    320
    Симпатии:
    16
    А нужно, чтобы при наведении курсора на картинку в любом ее месте, на ней появлялись сразу обе кнопки .. --- да
     
  8. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    2.042
    Симпатии:
    774
    Неправильно вы понимаете. У скрытой кнопки не может наступить события hover вообще, потому нужно это правила писать для всего блока с товаром, а в таком случае кнопки будут появляться вместе.

    Код:
    .product-block:hover .button{
        display:block;
    }
    Названия классов условные.
     
  9. etens1212

    etens1212

    Регистрация:
    1 май 2013
    Сообщения:
    320
    Симпатии:
    16
    смотрите
    по стандарту есть кнопка
    купить
    ее нужно скрыть
    и при наведении на тварь она должна появляться по середине товара
     
  10. max6002

    max6002

    Регистрация:
    11 ноя 2013
    Сообщения:
    75
    Симпатии:
    64
    выше Вам все правильно написали, разместите кнопку в нужном месте, скройте ее и при наведении на блок с товаром отображайте. :hover пропишите для блока.
    сбросьте ссылку на сайт, так точнее можно будет помочь