Геотаргетинг. Адаптация под мобильные устройства.
#1
Отправлено 14 July 2014 - 08:16 AM
Поискал по форуму, ничего не нашел на темы геотаргетинга и адаптивного дизайна под различные мобильные устройства.
Подскажите, существуют уже готовые решения для ShopCMS?
#2
Отправлено 14 July 2014 - 09:03 AM
также можно верстать с помощью @media не знаю как это точно обзывается
#3
Отправлено 14 July 2014 - 01:22 PM
тут ещё конечно от шаблона зависит, ну а если с дефолтного - то думаю верстальщик и сам разберется!
#4
Отправлено 15 July 2014 - 08:10 AM
http://d-sell.net/product_71.html
также можно верстать с помощью @media не знаю как это точно обзывается
Мобильная версия конечно хорошо, но у основного магазина и мобильного - разные БД. Не хочется мучиться с синхронизацией. Плюс в обсуждениях говорили, о не дружелюбных настройках данного скрипта.
В чем принципиальное отличие от обычной версии скрипта??
да, именно через @media под размеры мобильных устройств правится css.
тут ещё конечно от шаблона зависит, ну а если с дефолтного - то думаю верстальщик и сам разберется!
подскажите пожалуйста что значит @media? где можно почитать?
Про геотаргетинг подскажите что-нибудь??
#6
Отправлено 15 July 2014 - 12:15 PM
http://w3layouts.com/ шаблоны под разные устройства
И как этот шаблон связан с ShopCMS?? Как я его привяжу, как в зависимости от устройства шаблоны будут переключаться? Я же писал выше - готовые решения для ShopCMS.
#7
Отправлено 15 July 2014 - 04:29 PM
тут надо попарится. если не знаете не сделает. Я лично питался, бросил идею на пол пути. очень надо повозитсяКак я его привяжу
автоматом исходя из размеров экранакак в зависимости от устройства шаблоны будут переключаться?
#8
Отправлено 15 July 2014 - 05:55 PM
тут надо попарится. если не знаете не сделает. Я лично питался, бросил идею на пол пути. очень надо повозитсяКак я его привяжу
автоматом исходя из размеров экранакак в зависимости от устройства шаблоны будут переключаться?
Почему не получилось и пришлось бросить? В чем загвоздка?
Как сделать так, чтоб автоматом переключались?
Может у кого еще есть какие идеи??? Есть уже готовые решения (исключая мобильную версию предложенную выше)??
#9
Отправлено 15 July 2014 - 08:38 PM
это делается индивидуально под каждый сайтЕсть уже готовые решения (исключая мобильную версию предложенную выше)??
Включите любой шаблон в демо через планшет либо планшет, и увидите что оно автоматом переключает.
вот кусок цсс под девайсы
/*--end reset--*/ .device{ text-align: center; margin: 3em auto; } .ipad-frame-ver{ width: 768px; padding: 5em 4.5em; background: #333; margin: 0 auto; -webkit-border-radius: 3em; -moz-border-radius: 3em; border-radius: 3em; padding: 5em; text-align: center; } .ipad-frame-land{ width: 1024px; padding: 3em 6em; background: #333; margin: 0 auto; -webkit-border-radius: 3em; -moz-border-radius: 3em; border-radius: 3em; padding: 5em; background: #333; } .smart-frame-land{ width: 600px; height: 320px; padding: 2em 5em 2em 5em; background: #333; margin: 0 auto; -webkit-border-radius: 3em; -moz-border-radius: 3em; border-radius: 3em; } .smart-frame-var{ width: 320px; height: 580px; padding: 5em 3em; background: #333; margin: 0 auto; -webkit-border-radius: 3em; -moz-border-radius: 3em; border-radius: 3em; } #mobile-frame{ width: 240px; height: 500px; padding: 3.5em 1.8em; background: #333; margin: 0 auto; -webkit-border-radius: 3em; -moz-border-radius: 3em; border-radius: 3em; } .adpack{ left: 25px; top: 130px; width:160px; overflow:auto; position:fixed; margin:200px 0 0 20px; float:left; z-index: 1; padding: 7px 0; } @media only screen and (max-width:800px) { .wrap{ width:95%; } .devices{ padding:5px 0 0 9%; } a.closeMe{ margin:9px 0 0 5px; } .closeMe{ padding-right:18px; } }
#10
Отправлено 16 July 2014 - 06:47 AM
это делается индивидуально под каждый сайтЕсть уже готовые решения (исключая мобильную версию предложенную выше)??
Включите любой шаблон в демо через планшет либо планшет, и увидите что оно автоматом переключает.
вот кусок цсс под девайсы/*--end reset--*/ .device{ .....................
Спасибо за ответ.
Что значит включить любой шаблон в демо?? Не очень понятна эта фраза.
Не могли бы Вы привести кусок кода разметки под данную CSS?? На сколько я сейчас понимаю, мне в каждый блок необходимо вставить несколько названий классов
<div class="style1 style2 ... styleN"> content </div>
, или нужно делать вот так:
<span class="style1"> <span class="style2"> <span class="style3"> ................ <span class="styleN"> content </span> ................. </span> </span> </span>
И еще вопрос:
С Ваших слов получается, что браузер автоматически передает информацию о разрешении устройства. Я правильно понял?
#12
Отправлено 17 July 2014 - 11:59 AM
сам шаблон
view-source:http://w3layouts.com/brand-logo-flat-ecommerce-bootstrap-responsive-web-template
код
http://w3layouts.com....css?2014-07-17
цсс файл
извините пока нет времени подробно описывать
пробуйте.
#13
Отправлено 18 July 2014 - 08:22 PM
или в css секциях, или подключая разные файлы стилей в снипетах.
http://frontender.co.../media-queries/
"готовых" универсальных решений имхо быть не может, ну разве что кто-то захочет безвоздмездно подарить уникальный шаблон, в чем я лично сомневаюсь.
#14
Отправлено 19 July 2014 - 11:49 AM
#15
Отправлено 19 July 2014 - 12:01 PM
Это его личные половые проблемы. Старый браузер пусть видит одну версию сайта и делов.Как быть, если у пользователя браузер устарел, и CSS3 не поддерживается???
Поддерживать малый процент даунов, которые не могут обновить браузер, при этом многократно усложняя код и увеличивая время и стоимость разработки - путь или мазохиста или перфекциониста, в любом слузае ССЗБ.
#16
Отправлено 20 July 2014 - 09:54 AM
Это его личные половые проблемы. Старый браузер пусть видит одну версию сайта и делов.Как быть, если у пользователя браузер устарел, и CSS3 не поддерживается???
Поддерживать малый процент даунов, которые не могут обновить браузер, при этом многократно усложняя код и увеличивая время и стоимость разработки - путь или мазохиста или перфекциониста, в любом слузае ССЗБ.
Ну как бы это клиент, и он всегда прав.
#17
Отправлено 20 July 2014 - 12:18 PM
это делается для новых гаджетов а не для старых браузеров.Как быть, если у пользователя браузер устарел, и CSS3 не поддерживается???
#18
Отправлено 30 July 2014 - 04:39 PM
сейчас маюсь, чтоб перегнать шаблон на 3 бутстрап и избавиться от табличной верстки
а то уже мозг ломается от этих таблиц в таблицах на таблицах
#19
Отправлено 30 July 2014 - 05:48 PM
Если мозг ломается от таблиц, где структура довольно четкая, очевидная (table-tr-td) и почти независящая от CSS, то что же тогда происходит с мозгом при использовании куда менее простых и "читабельных" способов построения сетки шаблона?а то уже мозг ломается от этих таблиц в таблицах на таблицах
Как будто "div на div-е сидит и div-ом погоняет" со вложенностями в стопицот div-ов и своим классом на каждый тэг сильно проще табличного шаблона. Тэг div позволяет сделать то, что не позволяет сделать table, в этом его преимущество. Но не надо рассказывать сказки, что шаблон на div-ах проще.
Как я понимаю, бутстрап как раз и уменьшает эту сложность заранее задав четкую сетку шаблона, а HTML-кодеру остается только выбрать нужные "ячейки" сетки при написании шаблона.
#20
Отправлено 31 July 2014 - 09:59 AM
раньше когда начинал на таблицах делал, а сейчас как-то поудобней стало на дивах лепить
ну и прописи бутсраповские радуют) прописал классы xs12 md6 и блок готов и для мобил и для настольных)