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

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

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

    Alekskol135 Постоялец

    Регистр.:
    15 апр 2013
    Сообщения:
    63
    Симпатии:
    10
    Подскажите пжл, кто сталкивался с созданием мобильной версии вашего сайта на Opencarte.
    Смотрю есть много шаблонов уже с моб. версией.
    Кто в курсе как это делается. Или как можно вытянуть из тех же шаблонов(неохота ставить уже готовые шаблоны).
    Нашел вот такой конвектор http://www.opencart.com/index.php?route=extension/extension/info&extension_id=4168
    Но интересней сделать самому... Кто сталкивался подскажите...
     
  2. shoma

    shoma Постоялец

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

    puagardian One Love

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

    Alekskol135 Постоялец

    Регистр.:
    15 апр 2013
    Сообщения:
    63
    Симпатии:
    10
    Тоже вот нашел интересную статейку по адаптивному дизайну -http://naikom.ru/blog/archives/5566
    А где можно найти "резиновый " макет?
     
  5. puagardian

    puagardian One Love

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

    stwild Постоялец

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

    UPDATE
    А так вообще, если верстать шаблон собираешься с нуля, то есть смысл применить bootstrap. вот квикгайд по нему http://ruseller.com/lessons.php?rub=2&id=1662
     
  7. stsepelin

    stsepelin Постоялец

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

    Drazor Создатель

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

    Arcvi Постоялец

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

    sitecreator

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