Мобильная версия сайта Opencart

[kpk17]

сделайте пожалуйста мне такое за вознаграждение.

[mmicha]

1. в тексте опечатка.

 

Спасибо, исправлю в сообщении.Просто тестовый магазин был в папке /cart/.

ЗЫ

 (оказывается тут нельзя править старые мессаджи).

Змінено 16 липня 2015 користувачем mmicha

[mmicha]

сделайте пожалуйста мне такое за вознаграждение.

 

А что вам нужно? Только переключалку?

Змінено 16 липня 2015 користувачем mmicha

[ARAmiss]

добавляем

    $('#gofull').on('tap click touchstart', function(){
        $.cookie('ver', 'mobile', { expires: 1, path: '/' });
        location.reload();
    });

При клике на элемент с id="gofull" будет срабатывать на всех устройствах переход либо в полную версию либо обратно.

 

 

 

У меня этот кода всегда перебрасывает на мобильную версию.

Если немножко дописать, вот так:

$('#gofull').on('tap click touchstart', function(){
        if ($.cookie('ver') == 'mobile') {
			$.cookie('ver', 'full', { expires: 1, path: '/' });
			location.reload();
		} else if ($.cookie('ver') == 'full') {
			$.cookie('ver', 'mobile', { expires: 1, path: '/' });
			location.reload();
		}
    });

То ссылка работает правильно. Может кому-то пригодится.

[ocdev_pro]

Прошу прощение, совсем вылетело с головы...
При переключении с мобильной версии на полную и обратно в файле common.js мы перезадаем параметр cookie
Для работы с куки в jquery нужно  дополнительно подключить плагин jquery.cookie.min.js


 

[azbukait]

Всем доброго дня !

 

Готов заплатить за переключатель между шаблонами А и Б (в системе стоят 2 шаблона), так как не совсем понял как реализовать переключение как у вас - видать не хватает знания ))  Хотелось бы чтобы любой гостевой пользователь мог переключать шаблоны. 

[Helloween]

Внесу свои 5 копеек.

 

Автор, бесспорно, молодец. Плюсую!

 

Никого из местных не хочу обидеть, но я имею право на собственное мнение и им пользуюсь!

Итак:

1. Мобильные версии, резину и адаптивные верстки не люблю, но так кактегорично, как Леб/\ядев не говорю. Если клиенту надо - то она должна быть. Хотя предлагаю вместо мобильной версии приложения. В пример привожу Декатлон - удобно и практично.

2. На Леб/\ядева, как вы уже могли заметить, не дрочу. Я ненавижу нарциссов, а он - ярчайший представитель этой болезни.

3. С яблоком тоже не дружу. Я помню времена, когда Apple была серьезная компания, ориентированная на профессионалов. Тогда я уважал ее и ее продукцию. Сейчас Яблоко производит китайский ширпотреб, но провело такую рекламную кампанию, что миллионы долбоящеров стали ярыми фанатами этой хрени и носятся с ними как с писаной торбой. И даже поклоняются как идолу...

4. Андроид тоже долго не воспринимал, но в связи с необходимостью, приобрел в 13 году смарт на андроиде. (До этого пользовался Nokia, которая меня во всем устраивала, особенно радовали карты Nokia, которые работают во всем мире и даже без сим-карты. Очень удобно за границей, особенно на автомобиле). Итак, я начал пользоваться смартом на андроиде и обнаружил, что мне на нем удобнее просматривать полные версии сайтов, а не мобильные. И все отлично видно, отлично читается и редко приходится что-то увеличивать, тогда как мобильные версии кривые даже если за них заплачено несколько миллионов. Например, мобильная версия сайта Transaero - корявая и бронь не работает. Так что - я за грамотные и качественные сайты фиксированной ширины для обычных браузеров на ПК.

5. Каждая сфера деятельности имеет свои особенности. Для одной нужен только сайт для ПК, для другой - наоборот важнее мобильные сайты. Для какой-то вообще, может быть, не нужен обычный web сайт. В любом случае, необходимость любой версии сайта определяет маркетолог, или сам заказчик. А мы, как исполнители, должны либо делать эти версии качественно, либо не браться за это вообще, чтобы не плодить говноверсии, из-за которых столько негатива.

6. Всем добра :)

[mmicha]

 

Сейчас Яблоко производит китайский ширпотреб,

 

Китайцы уже запустили свою ось? Уже есть SDK сходное с Cocoa Touch? 

Змінено 7 серпня 2015 користувачем mmicha

[Helloween]

Китайцы уже запустили свою ось? Уже есть SDK сходное с Cocoa Touch? 

Для общего развития: Продукция Appleс брендом i* производится ТОЛЬКО в Китае.

Занавес.

Змінено 7 серпня 2015 користувачем Helloween

[mmicha]

крутить гайки можно хоть в Новой Гвинеи. Вопрос в том, кто и где разработал, кто поставил линию и кто осуществляет контроль, разрабатывает ОС, софт и т.д.

Для "общего развития" таким знатокам как вы, отчет Apple по Form -10K (можно конечно и это назвать враньем, но тогда может и мавзолея нет :) )

http://www.sec.gov/Archives/edgar/data/320193/000119312513416534/d590790d10k.htm

Ищите в доке по слову Research, смотрите затраты, и не забудьте посмотреть единицу измерения.

[ocdev_pro]

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

Есть требование гугла которое говорить "Fix mobile usability issues found on site.ru", который заставляет уже делать мобильную версию.

С учетом аналитики можно посмотреть сколько посетителей заходят с планшетов и мобильных и если их число больше 30% то моб. адаптацию делать просто необходимо.

Если подвести итог. То мобильная (адаптивная) версия сайта нужна далеко не каждому сайту, тут уже нужно четко понимать тематику и специфику сайта.

И делать мобильную версию (адаптивную) только таким образом, что бы информация на сайте становилась более доступной для пользователя и тем более сайт должен быть в это же время удобным.

Змінено 7 серпня 2015 користувачем Waha

[Helloween]

Да, если хотите, динозавр.  Если выражаться вернее - консерватор.

Да, я предпочитаю проверенные надежные вещи и технологии.

А если бы вы читали внимательнее, а не через абзац, могли бы прочитать и это:

 

 

5. Каждая сфера деятельности имеет свои особенности. Для одной нужен только сайт для ПК, для другой - наоборот важнее мобильные сайты. Для какой-то вообще, может быть, не нужен обычный web сайт. В любом случае, необходимость любой версии сайта определяет маркетолог, или сам заказчик. А мы, как исполнители, должны либо делать эти версии качественно, либо не браться за это вообще, чтобы не плодить говноверсии, из-за которых столько негатива.

 

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

[bezzubtsev]

Добрый день!
Во-первых, спасибо большое за эту тему и за инструкцию. Очень помогла.

Сделали мобильную версию через папку шаблона а-ля catalog/view/theme/mobile/

 

Оформление заказа сделано через модуль Simplecheckout.

 

А сегодня столкнулись с проблемой - с обычной версии заказ формируется. Всё работает.

С мобильной версией затык после нажатия кнопки формирования заказа. Получаем "Подождите... Происходит переход к оплате" и на это всё. Заказ не формируется. Всё зависает.

 

Может быть у кого-то тоже была такая же проблема?

Копаю, не могу понять в чём дело, хоть убей.

 

Заранее спасибо за помощь.

 

UDP: Этот же модуль, этот же магазин. Жмакаем " перейти на полную версию", заполняем ещё раз поля, жмём и .... заказ ушел, всё отлично. А с мобильной версией затык и всё...

Змінено 11 серпня 2015 користувачем bezzubtsev

[ocdev_pro]

Добрый день!

Во-первых, спасибо большое за эту тему и за инструкцию. Очень помогла.

Сделали мобильную версию через папку шаблона а-ля catalog/view/theme/mobile/

 

Оформление заказа сделано через модуль Simplecheckout.

 

А сегодня столкнулись с проблемой - с обычной версии заказ формируется. Всё работает.

С мобильной версией затык после нажатия кнопки формирования заказа. Получаем "Подождите... Происходит переход к оплате" и на это всё. Заказ не формируется. Всё зависает.

 

Может быть у кого-то тоже была такая же проблема?

Копаю, не могу понять в чём дело, хоть убей.

 

Заранее спасибо за помощь.

 

UDP: Этот же модуль, этот же магазин. Жмакаем " перейти на полную версию", заполняем ещё раз поля, жмём и .... заказ ушел, всё отлично. А с мобильной версией затык и всё...

Скорее всего с мобильной версии у Вас модуль Simple подгружаеться криво. Надо смотреть, но что-то подобное я уже исправлял

[LDPS]

День добрый. Назрел такой вопрос. Если я использую данный метод для переключения версий шаблона сайта (моб и дестоп) + включаю кэширование. Человек зашел с мобильного, переключился на полную версию, теперь у всех кто заходит с мобильного будет грузиться полная версия?

[Faking]

Спасибо большое за решение. При проверке в гугле выдает ошибку

https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fucase.in.ua%2F&tab=mobile

 

Хотя на телефонах норм отображается и mobile friendly сайт прошел. Скажите я что-то сделал нетак или забить на эти ошибки?:)

[DAN]

А как можно этот класс использовать в javascript?

смысл в следующем:

нужно что бы корзина в шапке при клике

на десктопах работала как в default (открывалась в шапке),

а на мобилках и планшетах перебрасывала сразу на оформление заказа.

[ocdev_pro]

А как можно этот класс использовать в javascript?

смысл в следующем:

нужно что бы корзина в шапке при клике

на десктопах работала как в default (открывалась в шапке),

а на мобилках и планшетах перебрасывала сразу на оформление заказа.

Просто в контроллер модуля корзины подключить его и в шаблоне условие вставить если PC один вид else ссылка на оформление... да и все

[Denys]

Переключатель это хорошо и мобильная версия тоже, но например мне нет необходимости добавлять второй шаб, так как шаб адаптивный (bootstrap3). По этому было бы круто разработать принудительный переключатель между сетками bootstrap с возможностью привязки к доменам/поддоменам.

[ocdev_pro]

Переключатель это хорошо и мобильная версия тоже, но например мне нет необходимости добавлять второй шаб, так как шаб адаптивный (bootstrap3). По этому было бы круто разработать принудительный переключатель между сетками bootstrap с возможностью привязки к доменам/поддоменам.

 

Вам не кажеться, что это бред. Если у Вас Bootstrap, то создайте основной шаблон без него, а bootstrap шаблон используйте как мобильную версию.

[Denys]

Вам не кажеться, что это бред. Если у Вас Bootstrap, то создайте основной шаблон без него, а bootstrap шаблон используйте как мобильную версию.

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

Тот бред о котором я говорю уже давно реализован на джумла http://www.shape5.com/demo/index.php?charlestown (измените размер окна браузера до ~500px и прокрутите вниз страницу) и увидете принудительный переключатель виевпорта бутстрап, клацнув на который можно лицезреть сие творение, но без привязки поддомена.

[ocdev_pro]

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

Тот бред о котором я говорю уже давно реализован на джумла http://www.shape5.com/demo/index.php?charlestown (измените размер окна браузера до ~500px и прокрутите вниз страницу) и увидете принудительный переключатель виевпорта бутстрап, клацнув на который можно лицезреть сие творение, но без привязки поддомена.

 

В вашем примере смена версии на уровне php происходит и Bootstrap'а и близко нету, там свой css который отдается php файлом в зависимости от полученного GET запроса при нажатии на кнопку смены версии.

Так что по сути происходит таже подмена CSS кода, но верстка уже заточенная под это. А имея готовый bootstrap шаблон Вы никак его не сможете сделаете не адаптивным без изменения верстки и подключения другого css!

И вы пришли сюда тыкаете своей джумлой вонючей, которую я вдоль и в поперек знаю. Но элементарно не можете отличить мобильную версию сайта от адаптивной. Bootstrap это вспомагательный элемент реализации адаптивной версии страницы, но не мобильной мать его.

Bootstrap не различает планшет это или телефон или MacBook, он видит только размер экрана устройства. А мобильная версия понимает с какого физически устройства зашел пользователь и отдает ему принудительно заданную версию страницы с возможностью перехода на обычную версию и обратно

[Denys]

Да не кипятитесь вы так, сразу видно что вы не компетентны в этом вопросе, одна вода и ни единого факта.

[ocdev_pro]

Да не кипятитесь вы так, сразу видно что вы не компетентны в этом вопросе, одна вода и ни единого факта.

Очень агрументировано с вашей стороны, с учетом того, что на Opencart я сам этот способ смены версии придумал, имея 7 лет опыта front-end разработки

Так что нечего приходить на форум и говорить что здесь не компетентные специалисты, если Вы сами ничего не понимаете.

Змінено 10 грудня 2015 користувачем Waha

[Denys]

Очень агрументировано с вашей стороны, с учетом того, что на Opencart я сам этот способ смены и придумал. Имея 7 лет опыта front-end разработки

Так что нечего приходить на форум и говорить что здесь не компетентные специалисты, если Вы сами ничего не понимаете.

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

 

В вашем примере смена версии на уровне php происходит и Bootstrap'а и близко нету, там свой css который отдается php файлом в зависимости от полученного GET запроса при нажатии на кнопку смены версии.

Кажись вы застряли в технологиях 20 века, но сейчас уже 21 и без бутсрапа никак