Помощь Мобильная версия вашего сайта

Тема в разделе "Opencart", создана пользователем Alekskol135, 2 июл 2013.

Информация :
Внимание форумчане! При создании тем, или выкладывании какой-либо информации проверьте в какой ветке форума вы находитесь! Не путайте Opencart и Opencart2. При несоблюдении данного условия выносится соответствующее наказание! И потом не говорите что вас НЕ ПРЕДУПРЕЖДАЛИ! По возможности используйте обменники mail, yandex, google, dropbox, rghost Дабы избежать просьб перезалить и проблем с рекламой!
Модераторы: ZiX
  1. Alekskol135

    Alekskol135 Постоялец

    Регистр.:
    15 апр 2013
    Сообщения:
    65
    Симпатии:
    10
    Подскажите пжл, кто сталкивался с созданием мобильной версии вашего сайта на Opencarte.
    Смотрю есть много шаблонов уже с моб. версией.
    Кто в курсе как это делается. Или как можно вытянуть из тех же шаблонов(неохота ставить уже готовые шаблоны).
    Нашел вот такой конвектор Перейти по ссылке
    Но интересней сделать самому... Кто сталкивался подскажите...
     
  2. shoma

    shoma Постоялец

    Регистр.:
    16 авг 2006
    Сообщения:
    63
    Симпатии:
    8
    за денежку можно все что угодно сделать. прописывается в стилях под разрешение экрана, тут тока смотреть конкретный шаблон и его адаптировать.
     
  3. puagardian

    puagardian One Love

    Moderator
    Регистр.:
    16 июл 2012
    Сообщения:
    433
    Симпатии:
    567
    Это через медиазапросы и "резиновый макет" делается. Все довольно несложно для тех кто в верстке разбирается.
    Если есть неплохие знания в верстке и охота сделать самому то рекомендую книгу Итана Маркотта "Отзывчивый веб-дизайн" (есть в открытом доступе), читается за несколько часов, все предельно понятно.
     
  4. Alekskol135

    Alekskol135 Постоялец

    Регистр.:
    15 апр 2013
    Сообщения:
    65
    Симпатии:
    10
    Тоже вот нашел интересную статейку по адаптивному дизайну -Перейти по ссылке
    А где можно найти "резиновый " макет?
     
  5. puagardian

    puagardian One Love

    Moderator
    Регистр.:
    16 июл 2012
    Сообщения:
    433
    Симпатии:
    567
    Искать ничего не нужно, его нужно делать. В выше представленной книге также рассказывается как из обычного макета сделать "резиновый".
     
  6. stwild

    stwild Постоялец

    Регистр.:
    30 июл 2007
    Сообщения:
    56
    Симпатии:
    14
    Ну самое простое, это сверстать на плавающих блоках, т.е. так, чтоб на маленьком экране блоки уплывали влево, так как не помещаются на ширину экрана.
    Дополнительно можно воспользоваться css правилом @media (Перейти по ссылке), оно позволит задать свою таблицу стилей для маленького экрана.
    Настоятельно рекомендую прочитать ранее уже озвученную книгу "Отзывчивый веб-дизайн", если не хватает опыта для самостоятельной responsive-вёрстки, полезно и в целом для прокачки собственных скилов вёрстки и для детального понимания как верстать мобильную версию ))

    UPDATE
    А так вообще, если верстать шаблон собираешься с нуля, то есть смысл применить bootstrap. вот квикгайд по нему Перейти по ссылке
     
  7. stsepelin

    stsepelin Постоялец

    Регистр.:
    8 сен 2011
    Сообщения:
    56
    Симпатии:
    12
    Если посмотреть, больше половины новых шаблонов написаны с применением bootstrap и все без проблем работают.
    На мой взгляд лучший вариант.
     
  8. Drazor

    Drazor Создатель

    Регистр.:
    27 июл 2011
    Сообщения:
    21
    Симпатии:
    5
    Раз уже создана такая тема, то напишу сюда - какой способ наиболее оптимальный для определения мобильного браузера? Чтобы при заходе с мобильного устройства переадресовывалось на сайт типа mobile.site.ru?
     
  9. Arcvi

    Arcvi Постоялец

    Регистр.:
    10 май 2013
    Сообщения:
    74
    Симпатии:
    33
    разве это уже не прошлый век. лучше использовать резиновый дизайн. responsive. на themeforest практически все такие идут
     
  10. sitecreator

    sitecreator

    Регистр.:
    1 май 2013
    Сообщения:
    209
    Симпатии:
    17
    не прошлый век. это просто другой подход, и во многих случаях весьма разумный.
    у Яндекса же ведь есть специальная мобильная версия: Перейти по ссылке