Создание мобильной версии сайта 1.6

Автор lola, 05 октября 2015, 12:31:27

« назад - далее »

lola

Добрый день.
Никак не могу понять как создать мобильную версию сайта.
Изначально в теме была пустая папка mobile, после того как скопировала все файлы tpl и css сайт на мобильно стал отображаться иначе, но когда я меняю файлы в папке mobile ничего не изменяется, а когда в основной версии шаблона - на мобильном изменяется. Никак не могу разобраться как это работает?
Мобильная версия сайта внешне должна очень отличаться и половина модулей в мобильной версии должно быть отключено, хотя когда я ставлю в свойствах модуля - блокировать на смартфонах, модуль все равно отображается на мобильном устройстве..

Vasiy

#1
Если у Вас стандартная тема то там уже все есть.
Это резиновый шаблон, сделайте ширину экрана 320 px увидите.
Зайдите на свой сайт с телефона или планшетника.
Не боги горшки обжигают, не зачем им такой хренью заниматься.

lola

Цитата: Vasiy от 05 октября 2015, 12:47:32
Это резиновый шаблон, сделайте ширину экрана 320 px увидите.
Зайдите на свой сайт с телефона или планшетника.
Спасибо за ответ.
Если убрать все файлы из папки mobile, то сайт не хочет масштабироваться на телефоне и при этом все стили сохраняются. А если все же перенести копию темы в мобильную версию, то стили пропадают, но сайт можно масштабировать.
Пробовала с разными параметрами тега viewport. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">

Миколас


lola


Миколас

Тогда смотрите на чем сделана тема. Если ваша тема на 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) { ... }


murd0c

#6
а я вот тоже собираюсь редактировать мобильную версию, но у меня вопрос... она нормальная? в плане, может скачать какой нибудь другой мобильный шаблон и уже его переделывать? (если да, то ткните плз). Откуда такой вопрос? просто, например, когда по категориям лазаешь, приходится доходить до последней категории, что бы посмотреть товар... и если сделать в браузере (у меня IOS) "назад" то страница не прогрузится должным образом. А в некоторых категориях товары вообще не прогружаются...

DarinSr

Стандартная мобильная тема требует доводки. Но ее можно использовать как базовую.

murd0c

где и какую скачать не стандартную? с минимум ошибок?

coder

Yandex и google помогут найти где скачать темы prestashop.

murd0c

мда уж... уже третий день ищу... скачал пару тем, они без мобайл версии..
прошу помощи знающих, какую версию вы пользуете? от какой темы? а если покажете где взять бесплатно - большое спасибо

coder

Дефолтная тема бесплатная и поддерживает все мобильные устройства. Если что-то нужно изменить, то меняется без проблем. Сделана на основе bootsrap 3, поэтому легко переделать под себя
http://themes.getbootstrap.com/ 

murd0c

#12
Цитата: coder от 25 октября 2015, 15:04:41
Дефолтная тема бесплатная и поддерживает все мобильные устройства. Если что-то нужно изменить, то меняется без проблем. Сделана на основе bootsrap 3, поэтому легко переделать под себя
http://themes.getbootstrap.com/
хорошо, как тогда изменить то, что при переходе "назад" на экране ничего не появляется (цвет фона)?
а так же когда открываю категорию - нет ни одного товара, приходится обновлять страницу

coder

Фон в стандарной теме белый, его менять не нужно.
Прверял лично на телефоне и планшете все работает, ничего не пропадает. Prestashop 1.6.1 + тема default.

murd0c

еще раз: преста 1.5, тема дефолт. у меня с ios 9 при переходе "НАЗАД" (кнопочка такая в браузере САФАРИ) не грузится ни один блок!!! Только фон!! А так же иногда при загрузке категорий в ней нет товаров!! приходится обновлять!