Opencart мобильная версия: Как сделать мобильную версию OpenCart?

Как сделать мобильную версию OpenCart?

У всех на слуху так называемые адаптивные шаблоны на OpenCart , благодаря им отдельно создавать мобильную версию магазина не нужно. Однако возникает иногда необходимость реализовать как раз мобильную версию интернет-магазина с переходом на m.domain.com поддомен. Например, так функционирует lamoda.ru (только с мобильными устройствами работает m.lamoda.ru).

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

Как сделать мобильную версию OpenCart?

Способ 1.

Для определения устройства, с которого был выполнен вход на сайт, используют php class Mobile_Detect.php.

  1. Добавляем библиотеку.

— копируем в папку system/library файл mobile_detect.php

— подключаем mobile_detect. php в файле system/startup.php после строки library/config.php 

isMobile, isTablet – отвечает за определения типа устройства (телефон, планшет)
isBlackBerryOS, isiOS, isWindowsPhoneOS, isAndroindOS и т.д. — определяют ОС посетителя.

  1. Определяем устройство пользователя и редирект на поддомен.

Дальше используем константы (isMobile…) для переадресации на мобильную версию. После protected function index(){ в контроллере header.php пишем:

Этот код, собственно, и перенаправляет пользователя  на мобильную версию сайта, если он с него зашел. Над условиями тоже можно поработать:

  • detect->isMobile() — для моб. устройства
  • $detect->isTablet() — для планшета
  • $detect->isMobile() || $detect->isTablet() – для всех.

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

Как это исправить? Отредактировать это условие поможет запись COOKIE.

Вместо указанного выше кода после protected function index() { в контроллере header.php вставляем:

Где _mobile является префиксом шаблона, установленного по умолчанию.  Это значит, что если по умолчанию папка с шаблоном для полной версии ‘default’, то для мобильной будет ‘default_mobile’.

Можно разместить на мобильной версии ссылку на полную страницу:

где ?ver=full – параметр, записанный нами в куки.

Способ 2.

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

Данный метод подойдет тем, кому необходимо менять шаблон (дизайн) в зависимости от устройства без поддомена.

  1. Добавляем MobileDetect библиотеку как в п.1.
  2. Далее в файле index.php(в корне сайта) перед

 набираем

Этим мы определяем устройство, с которого зашел пользователь. Если он воспользовался телефоном, проверяем наличие ver куки и ее значение. Если оно не Full, то загружаем default_mobile шаблон, если нет, то default шаблон.

  1. В шаблоне следует прописать куки.

В header.tpl  файле всех шаблонов перед

вставляем запись mobile куки для мобильного шаблона
вставляем запись full куки для обычного шаблона

  1. Если хотите предоставить пользователю возможность переходить с одной версии на другую и наоборот, то в footer.php контроллере следует добавить запись:

В footer. tpl файле  всех шаблонов, где удобно:
— добавляем кнопки перехода в полную версию для шаблона mobile:

— добавляем кнопки перехода в мобильную версию для шаблона default:

— в common.js файле после

вставляем

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

Итог

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

Доработка мобильной версии сайта на opencart • фриланс-работа для специалиста • категория Сопровождение сайтов ≡ Заказчик Дмитрий Лев

6 из 6

проект завершен

  1. публикация

  2. прием ставок

  3. утверждение условий

  4. резервирование

  5. выполнение проекта

  6. проект завершен

Добрый день! 

Необходимо доработка мобильной версии интернет-магазина на платформе Opencart шаблон UltraStore. Сам магазин уже работает, но нужно его оптимизировать для пользователей. Что необходимо сделать:

1.  Сделать приложение по улучшению интерфейса мобильной версии магазина на Opencart. Мобильная версия является основной для сайта, так как на нее приходится 85% траффика. Предложение должно быть построено вокруг легкости нахождение и покупки товаров. Необходимо будет убрать ненужные элементы с мобильной версии на главной странице, а также добавить пункты меню (стена), что бы пользователе легко переходили на каждый из разделов.  

2. Поменять приоритезацию элементов на главной странице, что бы сразу потребитель выдел доступные товары. 

3. На станице товаров нужно убрать лишнее элементы и сделать и реализовать предложение по расположению кнопки покупки. 

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

5. Прогнать обновленную версию мобильного сайта через Speed Test (https://pagespeed. web.dev/) и провести оптимизацию, что бы сайт был в зеленой Зоне 

6. Цветовое и графическое решение менять не нужно. 

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

Спасибо, Д 

Отзыв заказчика о сотрудничестве с Сергеем Драгуном

Доработка мобильной версии сайта на opencart

Качество

Профессионализм

Стоимость

Контактность

Сроки

Спасибо за сотрудничество. Качественно выполнена работа в срок. Сергей также на связи и готов проконсультировать по моментам, которые возникают во время сотрудничества.

Отзыв фрилансера о сотрудничестве с Дмитрием Львом

Доработка мобильной версии сайта на opencart

Оплата

Постановка задачи

Четкость требований

Контактность

  • Ставки

    2

дата
онлайн
рейтинг
стоимость
время выполнения

  1. 2 дня600 UAH

    2 дня600 UAH

    У меня есть опыт более 5 лет — обращайтесь . …………………
    Доброго дня , маю досвід більше 5 років — звертайтесь ………………….

    Показать оригинал

    Перевести

  2. ставка скрыта фрилансером

3 месяца 14 дней назад

79 просмотров

‎Мобильное приложение OpenCart в App Store

Описание

Если у вас есть работающий интернет-магазин Opencart и вы хотите увеличить продажи, продавая товары через мобильное приложение. Тогда Opencart Mobikul сделает это за вас.

Opencart Mobikul предоставит вашим клиентам максимальные возможности, которые они используют в Интернете, от списка рекомендуемых продуктов до учетной записи клиента и до оформления заказа, корзины и т. д.

В настоящее время все продукты, клиенты, категории и т. д. (включая все данные, видимые на мобильных )
синхронизируются с сайтом https://oc.webkul.com/mobikul/Network/index.php
Вы можете авторизоваться здесь, чтобы увидеть панель администратора https://oc.webkul.com/mobikul/Network/admin/
Ссылка на магазин: https://store.webkul.com/Opencart-Mobile-App.html

Вы можете проверить синхронизацию между приложением и сайтом:
1. Создание учетной записи клиента.
2. Добавьте товар в корзину и продолжите оформление заказа.
3. Список желаний и многие другие активности.

Для настройки этого приложения напишите нам по адресу [email protected]

Версия 1.54

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

Эта версия включает в себя:

— приложение перенесено на платформу флаттера
— обновления пользовательского интерфейса
— исправление мелких ошибок
— улучшение приложения

Рейтинги и обзоры

5 оценок

Легко использовать

Более удобный и полезный для меня, мой магазин всегда на кончиках пальцев.

Разработчик, Mobikul, указал, что политика конфиденциальности приложения может включать обработку данных, как описано ниже. Для получения дополнительной информации см. политику конфиденциальности разработчика.

Данные не собираются

Разработчик не собирает никаких данных из этого приложения.

Методы обеспечения конфиденциальности могут различаться в зависимости, например, от используемых вами функций или вашего возраста. Узнать больше

Информация

Поставщик
WEBKUL SOFTWARE PRIVATE LIMITED

Размер
130,1 МБ

Категория

Покупка

Возрастной рейтинг
4+

Авторское право
© 2010-2022 Webkul Software Pvt Ltd. Все права защищены.

Цена
Бесплатно

  • Сайт разработчика

  • Тех. поддержка

  • Политика конфиденциальности

Еще от этого разработчика

Вам также может понравиться

Мобильное приложение Opencart | Андроид | iOS | eCommerce

Мобильное приложение Opencart от Purpletree предоставляет простой способ запуска собственных мобильных приложений для Android и iOS, если у вас уже есть работающий интернет-магазин на базе Opencart 3. В этом приложении доступны все основные функции для Покупателя и Продавца с возможностью настройки цветов, ползунков и других данных.

Примечание: Вы можете приобрести только приложение для Android или приложения для Android и iOS вместе.
Если вы хотите приобрести только приложение для iOS, свяжитесь с нами.

Поддержка способов оплаты и доставки: Это приложение полностью поддерживает все способы оплаты и доставки, доступные в вашей установке Opencart.

Технология: Мобильное приложение на основе технологии Cordova/Ionic/Angular. Это не простое веб-приложение.

Многоязычный: Это мобильное приложение доступно на 11 встроенных языках.

Поддержка мультивендоров: Поддерживает основные функции Расширения мультивендоров Opencart .

Поддерживаемые платформы: Android, iOS

(Предложение заканчивается 4 ноября 2022 г. )

  • Загрузить руководство пользователя
  • Демонстрация мобильного приложения
  • Бесплатная поддержка в течение 6 месяцев

 

Поддерживаемые версии Opencart

3.x (Все версии для Opencart 3)

См. Документацию Приложения.

Проверьте демонстрационное приложение .

 

Функции мобильного приложения

  • Поддержка расширения Opencart Multi-Vendor Extension , основные функции продавца и покупателя доступны в мобильном приложении.
  • Уведомления о заказе и настраиваемые уведомления с использованием технологии Firebase.
  • Полностью белое приложение, имеющее только ваш бренд, логотип и имя.
  • Все данные поступают с вашего существующего веб-сайта OpenCart, и приложение также добавляет свои собственные данные (например, баннеры и т. д.) с помощью раздела администратора OpenCart.
  • Это гибридное мобильное приложение. Если у вас есть исходный код, его можно запустить на всех платформах, таких как Google Play Store, Apple Store, Windows Store и т. д.
  • Домашняя страница с несколькими блоками баннеров
  • Рекомендуемые товары на главной странице
  • Специальные продукты на главной странице
  • Значки категорий на главной странице
  • Индивидуальный логотип в соответствии с бизнесом
  • Доступны пользовательские неограниченные цветовые схемы
  • Пользовательские страницы для политики
  • Пользовательский нижний колонтитул
  • Страница со списком категорий
  • Страница сведений о продукте
  • Страница корзины
  • Страница поиска
  • Страница оформления заказа
  • Панель управления пользователя
  • Профиль пользователя
  • Страница входа
  • Забыли пароль

 

    Доступно несколько языков

    В это приложение встроено 11 языков.

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

    Все языки доступны из коробки. Приложение поддерживает следующие языки:

    • английский
    • немецкий
    • Французский
    • Русский
    • Арабский
    • Португальский
    • китайский
    • Испанский
    • Голландский
    • Румынский
    • Турецкий

     

    Совместимость с ОС и устройствами

    Мы тестируем каждое приложение с тремя последними основными версиями Android и iOS, доступными на рынке. Например, если последняя основная версия Android — 11, мы проверим и гарантируем совместимость со всеми устройствами с Android версии 11, 10 или 9.. То же самое относится и к основным версиям iOS.

     

    Публикация приложения

    Мы создадим приложение для вас, а также опубликуем его в Play / iOS Store за дополнительную плату.

    Ответственность за предоставление всего контента, такого как текст, изображения и т.  д. лежит на клиенте, покупающем это приложение.

    Ниже приведены необходимые данные, которые клиент должен отправить нам:

    • Нажмите, чтобы узнать о Изображения и другие конфигурации для магазина приложений.
    • Для push-уведомлений: нам нужно файлов конфигурации Google Firebase .

     

      Для публикации требуется учетная запись разработчика Google/Apple . Ответственность за предоставление учетной записи разработчика Google/Apple лежит на покупателе этого приложения.

      После покупки откройте тикет в нашей службе поддержки и мы предоставим ваше фирменное мобильное приложение.

      У вас должен быть уже существующий веб-сайт на основе OpenCart 3. Если у вас его нет, его можно настроить как дополнительную задачу.

       

      Исходный код с Руководством разработчика также доступен за дополнительную плату.

      Обратите внимание, что исходный код можно использовать для одного мобильного приложения.