Автор Тема: Создание мобильной версии сайта 1.6  (Прочитано 633 раз)

05 Октября 2015, 12:31:27
  • Новичок
  • *
  • Сообщений: 7
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Добрый день.
Никак не могу понять как создать мобильную версию сайта.
Изначально в теме была пустая папка mobile, после того как скопировала все файлы tpl и css сайт на мобильно стал отображаться иначе, но когда я меняю файлы в папке mobile ничего не изменяется, а когда в основной версии шаблона - на мобильном изменяется. Никак не могу разобраться как это работает?
Мобильная версия сайта внешне должна очень отличаться и половина модулей в мобильной версии должно быть отключено, хотя когда я ставлю в свойствах модуля - блокировать на смартфонах, модуль все равно отображается на мобильном устройстве..
05 Октября 2015, 12:47:32
Ответ #1
  • Ветеран
  • *****
  • Сообщений: 967
  • Репутация: +5/-0
  • Иногда заглядываю
    • Просмотр профиля
    • Помощь патентообладателям по продаже патентов.
Если у Вас стандартная тема то там уже все есть.
Это резиновый шаблон, сделайте ширину экрана 320 px увидите.
Зайдите на свой сайт с телефона или планшетника.
Не боги горшки обжигают, не зачем им такой хренью заниматься.
05 Октября 2015, 12:55:07
Ответ #2
  • Новичок
  • *
  • Сообщений: 7
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Это резиновый шаблон, сделайте ширину экрана 320 px увидите.
Зайдите на свой сайт с телефона или планшетника.
Спасибо за ответ.
Если убрать все файлы из папки mobile, то сайт не хочет масштабироваться на телефоне и при этом все стили сохраняются. А если все же перенести копию темы в мобильную версию, то стили пропадают, но сайт можно масштабировать.
Пробовала с разными параметрами тега viewport. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
05 Октября 2015, 13:08:23
Ответ #3
  • Ветеран
  • *****
  • Сообщений: 2156
  • Репутация: +49/-4
  • Сообщество PrestaShop
    • Просмотр профиля
Тема у вас стандартная?
05 Октября 2015, 13:13:18
Ответ #4
  • Новичок
  • *
  • Сообщений: 7
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Нет, но и написано не мной
05 Октября 2015, 13:17:53
Ответ #5
  • Ветеран
  • *****
  • Сообщений: 2156
  • Репутация: +49/-4
  • Сообщество PrestaShop
    • Просмотр профиля
Тогда смотрите на чем сделана тема. Если ваша тема на bootstrap 3, как и стандартная, то отдельно создавать мобильную версию не нужно.
Блоки/модули прячутся стилями, в стилях меняются и размеры блоков. Медиа запросы создают разметку для разных устройств.
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }
24 Октября 2015, 20:09:34
Ответ #6
  • Фрилансер
  • *
  • Сообщений: 220
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
а я вот тоже собираюсь редактировать мобильную версию, но у меня вопрос... она нормальная? в плане, может скачать какой нибудь другой мобильный шаблон и уже его переделывать? (если да, то ткните плз). Откуда такой вопрос? просто, например, когда по категориям лазаешь, приходится доходить до последней категории, что бы посмотреть товар... и если сделать в браузере (у меня IOS) "назад" то страница не прогрузится должным образом. А в некоторых категориях товары вообще не прогружаются...
25 Октября 2015, 11:55:45
Ответ #7
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 85943
  • Репутация: +25399/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Стандартная мобильная тема требует доводки. Но ее можно использовать как базовую.
25 Октября 2015, 13:40:37
Ответ #8
  • Фрилансер
  • *
  • Сообщений: 220
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
где и какую скачать не стандартную? с минимум ошибок?
25 Октября 2015, 13:49:45
Ответ #9
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 32988
  • Репутация: +26759/-0
    • Просмотр профиля
Yandex и google помогут найти где скачать темы prestashop.
25 Октября 2015, 15:00:25
Ответ #10
  • Фрилансер
  • *
  • Сообщений: 220
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
мда уж... уже третий день ищу... скачал пару тем, они без мобайл версии..
прошу помощи знающих, какую версию вы пользуете? от какой темы? а если покажете где взять бесплатно - большое спасибо
25 Октября 2015, 15:04:41
Ответ #11
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 32988
  • Репутация: +26759/-0
    • Просмотр профиля
Дефолтная тема бесплатная и поддерживает все мобильные устройства. Если что-то нужно изменить, то меняется без проблем. Сделана на основе bootsrap 3, поэтому легко переделать под себя
http://themes.getbootstrap.com/ 
25 Октября 2015, 15:17:55
Ответ #12
  • Фрилансер
  • *
  • Сообщений: 220
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Дефолтная тема бесплатная и поддерживает все мобильные устройства. Если что-то нужно изменить, то меняется без проблем. Сделана на основе bootsrap 3, поэтому легко переделать под себя
http://themes.getbootstrap.com/
хорошо, как тогда изменить то, что при переходе "назад" на экране ничего не появляется (цвет фона)?
а так же когда открываю категорию - нет ни одного товара, приходится обновлять страницу
25 Октября 2015, 15:20:57
Ответ #13
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 32988
  • Репутация: +26759/-0
    • Просмотр профиля
Фон в стандарной теме белый, его менять не нужно.
Прверял лично на телефоне и планшете все работает, ничего не пропадает. Prestashop 1.6.1 + тема default.
25 Октября 2015, 15:26:42
Ответ #14
  • Фрилансер
  • *
  • Сообщений: 220
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
еще раз: преста 1.5, тема дефолт. у меня с ios 9 при переходе "НАЗАД" (кнопочка такая в браузере САФАРИ) не грузится ни один блок!!! Только фон!! А так же иногда при загрузке категорий в ней нет товаров!! приходится обновлять!