Автор Тема: Блок Категорий в мобильной версии  (Прочитано 1513 раз)

16 Июль 2016, 15:59:00
Ответ #15
  • Ветеран
  • *****
  • Сообщений: 16667
  • Репутация: +14630/-5
  • Сообщество PrestaShop
    • Просмотр профиля
Шаблоны должны быть разные. Поэтому нужно переделать блок категорий для top, поменять id и соотвествено функцию javascript. Места в hedear может не хватать для развертывания блока, тоже нужно проверить.
16 Июль 2016, 18:23:04
Ответ #16
  • Новичок
  • *
  • Сообщений: 13
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Шаблоны должны быть разные. Поэтому нужно переделать блок категорий для top, поменять id и соотвествено функцию javascript. Места в hedear может не хватать для развертывания блока, тоже нужно проверить.
это уже сложновато для меня кажется.. (( Вы имеете ввиду скопировать модуль блока категорий и поменять в нем id?
16 Июль 2016, 19:11:33
Ответ #17
  • Фрилансер
  • *
  • Сообщений: 237
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Плодить темы не будут, подскажите, из престы 1.5 делаю адаптивный шаблон.. как сделать что бы блок контактов был картинкой с возможностью, нажав на нее, позвонить?
нужно сделать два блока? один виден будет при разрешении большом, а другой под маленьким? или как через css сделать ссылку.. ведь ссылка стоит на номере телефона (tel:+7888 888 88 88), а номер надо заменить картинкой
16 Июль 2016, 20:02:38
Ответ #18
  • Ветеран
  • *****
  • Сообщений: 3419
  • Репутация: +79/-6
  • Сообщество PrestaShop
    • Просмотр профиля
это уже сложновато для меня кажется.. (( Вы имеете ввиду скопировать модуль блока категорий и поменять в нем id?
Id конечно же менять, на странице может быть только один id.
Раз id заменил, то и в js этот id меняй.
16 Июль 2016, 20:07:31
Ответ #19
  • Ветеран
  • *****
  • Сообщений: 3419
  • Репутация: +79/-6
  • Сообщество PrestaShop
    • Просмотр профиля
Плодить темы не будут, подскажите, из престы 1.5 делаю адаптивный шаблон.. как сделать что бы блок контактов был картинкой с возможностью, нажав на нее, позвонить?
нужно сделать два блока? один виден будет при разрешении большом, а другой под маленьким? или как через css сделать ссылку.. ведь ссылка стоит на номере телефона (tel:+7888 888 88 88), а номер надо заменить картинкой
Один блок делаешь, внутри ссылки вставляешь картинку, у img класс адаптации под разные разрешения, ширину высоту не указываешь.
16 Июль 2016, 20:43:02
Ответ #20
  • Фрилансер
  • *
  • Сообщений: 237
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Немного не понял, как внутри ссылки вставить картинку?
16 Июль 2016, 21:44:37
Ответ #21
  • Ветеран
  • *****
  • Сообщений: 1807
  • Репутация: +49/-1
  • Сообщество PrestaShop
    • Просмотр профиля
<a href=""><img src="..." class="img-responsive" alt="Responsive image"></a>
17 Июль 2016, 13:20:30
Ответ #22
  • Фрилансер
  • *
  • Сообщений: 237
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
<a class="img-responsive" href="tel:+74993901982">
<span style="border-right: 1px solid #a0a7b1; color: #a0a7b1;">
    <img class="img-responsive" src=".../mobimg/itel.png" alt="Responsive image">+7
</span>
<span style="border-right: 1px solid #a0a7b1; padding-right: 4px; margin-right: -7px; color: #a0a7b1;">&nbsp;499
</span> &nbsp;
<span style="color: #333333;">390 19 82
</span>
</a>

вставил, а как теперь сделать что бы при разрешении экрана менее 720 пикселей убиралась строчка с номером, а оставалась картинка?
17 Июль 2016, 13:30:23
Ответ #23
  • Ветеран
  • *****
  • Сообщений: 1807
  • Репутация: +49/-1
  • Сообщество PrestaShop
    • Просмотр профиля
Класс добавить к элементу, который нужно спрятать или показать.
Описание классов - http://bootstrap-ru.com/303/css/#responsive-utilities
Менее 768 - Extra small devices Phones (<768px)
Для <720px свой создайте, такие же правила css, только медиа измените на 720.