Автор Тема: Страница продукта, кнопка в корзину на смартфоне  (Прочитано 103 раз)

23 Май 2019, 08:25:09
  • Пользователь
  • **
  • Сообщений: 91
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Доброго времени суток!

Такой вопрос...

Изменил изображение кнопки В корзину для вывода на смартфонах.
Для отображения значка корзинки на кнопке В product.css поставил...

@media (max-width: 991px) {
        .box-info-product .exclusive:before {

font-family: "FontAwesome";
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      color: white;
      font-size: 25px;
      line-height: 47px;
      text-shadow: 0 1px #015883;
      content: "\f07a";
      z-index: 2;
      width: 36px;
      text-align: center;
      border: 1px solid #06b2e6;
      -webkit-border-radius: 5px 0 0 5px;
      -moz-border-radius: 5px 0 0 5px;
      -ms-border-radius: 5px 0 0 5px;
      -o-border-radius: 5px 0 0 5px;
      border-radius: 5px 0 0 5px;       

        } }

При проверке на компе при разрешении ширины экрана 360 все нормально, см. изображение №1

При просмотре на смартфоне, значка корзинки нет, ну и соответственно при отправки в корзину
не отмечается галочкой.

Почему?

Или, как можно еще сделать так, что-бы видно было при нажатии кнопки на смартфоне что товар ушел в корзину.
Например изменить цвет, поставить галку на кнопке и т.д
Посоветуйте.

Спасибо!
23 Май 2019, 10:15:47
Ответ #1
  • Ветеран
  • *****
  • Сообщений: 15601
  • Репутация: +14597/-5
  • Сообщество PrestaShop
    • Просмотр профиля
В product.css есть такое правило
@media (max-width: 991px) {
        .box-info-product .exclusive:after {
          display: none; } }
Удалить его нужно.
23 Май 2019, 21:24:39
Ответ #2
  • Пользователь
  • **
  • Сообщений: 91
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Спасибо за ответ!
Будем смотреть..
Удачи вам!
24 Май 2019, 13:51:51
Ответ #3
  • Пользователь
  • **
  • Сообщений: 91
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Добрый день!
Предыдущий совет не действует.
На смартфоне все без изменений...
Может еще совет есть?

При наведении курсора на кнопку в корзину на компе временно меняется цвет, установка фокуса.
Может при разрешении до 991 на смартфоне просто временно поменять цвет кнопки на другой.
Что-бы клиент видел что кнопка нажата и товар ушел в корзину.
Только подскажите где изменения цвета фокуса кнопки в корзину.

Спасибо!
24 Май 2019, 18:09:34
Ответ #4
  • Ветеран
  • *****
  • Сообщений: 15601
  • Репутация: +14597/-5
  • Сообщество PrestaShop
    • Просмотр профиля
25 Май 2019, 05:26:25
Ответ #5
  • Пользователь
  • **
  • Сообщений: 91
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
25 Май 2019, 11:17:24
Ответ #6
  • Ветеран
  • *****
  • Сообщений: 21666
  • Репутация: +25290/-1
  • Prestashop - просто и эффективно
    • Просмотр профиля
Посмотрите в консоле какие стили у кнопки при смене разрешения экрана. Стили замещайте с полным описание названия элемента.
Эксперт Prestashop - решения всех проблем, написание модулей, создание тем для интернет-магазинов под Prestashop.
Эксперт Magento - создам сайт на Magento, программирование кастомных модулей для Magento, кастомизация тем Magento.
Лучшие цены!!!