Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

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


ocdev_pro
 Поделиться

Рекомендованные сообщения

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

 

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

ЗЫ

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

Изменено пользователем mmicha
Ссылка на комментарий
Поделиться на других сайтах


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

 

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

Изменено пользователем mmicha
Ссылка на комментарий
Поделиться на других сайтах



добавляем

    $('#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();
		}
    });

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

Ссылка на комментарий
Поделиться на других сайтах


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


 

Ссылка на комментарий
Поделиться на других сайтах

  • 3 недели спустя...

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

 

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

Ссылка на комментарий
Поделиться на других сайтах


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

 

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

 

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

Итак:

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

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

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

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

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

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

Ссылка на комментарий
Поделиться на других сайтах


 

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

 

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

Изменено пользователем mmicha
Ссылка на комментарий
Поделиться на других сайтах


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

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

Занавес.

Изменено пользователем Helloween
Ссылка на комментарий
Поделиться на других сайтах


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

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

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

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

Ссылка на комментарий
Поделиться на других сайтах


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

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

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

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

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

Изменено пользователем Waha
Ссылка на комментарий
Поделиться на других сайтах

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

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

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

 

 

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

 

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

Ссылка на комментарий
Поделиться на других сайтах


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

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

 

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

 

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

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

 

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

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

 

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

 

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

Изменено пользователем bezzubtsev
Ссылка на комментарий
Поделиться на других сайтах


  • 3 недели спустя...

Добрый день!

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

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

 

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

 

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

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

 

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

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

 

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

 

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

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

Ссылка на комментарий
Поделиться на других сайтах

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

Ссылка на комментарий
Поделиться на других сайтах


  • 2 недели спустя...

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

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

 

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

1.jpg

Ссылка на комментарий
Поделиться на других сайтах


  • 1 месяц спустя...

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

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

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

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

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

Ссылка на комментарий
Поделиться на других сайтах


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

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

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

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

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

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

Ссылка на комментарий
Поделиться на других сайтах

  • 1 месяц спустя...

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

Ссылка на комментарий
Поделиться на других сайтах


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

 

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

Ссылка на комментарий
Поделиться на других сайтах

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

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

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

Ссылка на комментарий
Поделиться на других сайтах


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

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

 

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

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

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

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

Ссылка на комментарий
Поделиться на других сайтах

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

Ссылка на комментарий
Поделиться на других сайтах


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

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

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

Изменено пользователем Waha
Ссылка на комментарий
Поделиться на других сайтах

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

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

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

 

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

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

26GDD9j.png

Ссылка на комментарий
Поделиться на других сайтах


Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.