Обзор Opencart 2.0

категория: , Полезности


Опубликовано: 27.04.2015 Обновлено: 07.10.2015 Просмотров: 6821 Комментарии: 4


Обзор Opencart 2.0

Обзор нового Opencart 2.0 внешний вид, функциональность и код - все это было пощупано


Настало время долгожданного выхода бета версии opencart 2.0 которые все так долго ждали. И я как истинный поклонник конечно же скачал его и установил для тестирования и колупания :)

Внизу стратьи можно скачать Opencart 2.1.0.1

Первое что заметил еще при закачке так это увеличенный вес дистрибутива (архив 10 мб., распакованная версия 25 мб.) что как мне показалось раза в два больше за предыдущие версии. Ну что же, будем надеется, что изменений будет также в два раза больше и лучше.

Скачали, залили на сервер, создали базу данных, начинаем установку.

Установка Opencart 2.0Установка Opencart 2.0

Первое что кинулось в глаза это изменения установщика, косметический редизайн, весь остальной функционал тот же.

Название config файла в OpencartНазвание config файла в Opencart

Также, как и начиная из 1.5 версии, файлы config изначально имеют название config-dist и их перед установкой надо переименовать т.к. выдаст ошибку (один я не понимаю зачем такое делают? :)

Opencart ошибка config_distOpencart ошибка config_dist

Перейдя на этап ввода данных я сразу увидел в поле "драйвер базы данных" выбор MySQLi либо mPDO. Яндекс и Гугл мне не дал ответа что это такое (mPDO), но спустя время я нашел информацию что это драйвер MySQL PDO.

Установка и выбор драйвера базы данных mPDOУстановка и выбор драйвера базы данных mPDO

Не зная о преимуществах и поддерживает ли мой сервер его, я решил выбрать первый вариант MySQLi. Остальные поля, такие как логины, пароли, префиксы и почта остались прежними. По завершении установки нас ожидает страница перехода в админку или же на сайт, и что мы видим :) – внизу у нас идет реклама модулей!

Завершение установки Opencart 2.0Завершение установки Opencart 2.0

Придумано неплохо, я сказал бы даже что сделана лендинг страница по продаже модулей. База данных прибавила к себе две таблицы api и modification и имеет на борту 121 таблицу с общим первоначальным весом 1,53 мб. что немного больше за предшественников.

И так установив свеженький opencart 2.0 переходим на сайт для просмотра изменений.

Внешний вид и функциональность интернет магазина

Первое что бросилось в глаза – это измененный слайдер на главной странице. Он теперь не nivoslider а flexslider. Зачем было менять старый не могу понять т.к. он очень удобный и легок в настройке. Тут я могу ошибаться т.к. не юзал flexslider – может он лучше. Во всяком случае мне по внешнему виду он более современный, но это дело лишь стилей, настройки и кнопок управления.

Верх страницы особо скажем без изменений, но да, стили и верстка другие это заметно, но расположение очень похожее на старые версии. Опускаясь ниже видим блок рекомендованные, который выглядит современно и красиво, и в трендовом стиле метро (без скруглений и градиентов) - порадовало. Ниже идет карусель брендов, и тут вижу первый недостаток – работу самой карусели.

Баг в карусели производителейБаг в карусели производителей

При переключении на последний слайд, у нас появляется пустое поле и нет зацикленности, в старой же версии мне больше нравилась работа этого блока. Футер страницы не поменялся, все те же 4 колонки. И еще забыл упомянуть. В верхнее меню добавилась ссылка смотреть все в категории, которая бессмысленна т.к. можно перейти кликнув по ссылке родителя, однако кликнуть по ней не удастся, если в ней есть подкатегории. Сделано это судя по всему для адаптивности, но это можно достичь другим способом. Кому интересно каким – пишите в комментариях, дам ответ.

Посмотрим исходный код главной страницы. Сразу заметно что дизайн адаптивный т.к. добавлен тег <meta name='viewport' content='width=device-width, initial-scale=1'> и идет подключение фреймворка bootstrap который конечно же responsive. Также видим, что используется jquery 2.1.1 и подключается шрифт Open Sans с репозитория google. Приятно удивило то, что наконец-то удалили скрытый тег h1 ура :)

Исходный код главной страницы Opencart 2.0Исходный код главной страницы Opencart 2.0

Просматривая далее код я увидел много чего старого и неправильного, например, ссылка добавления в корзину, в сравнения или закладки все так же работает по onclick – что не рекомендуется с точки зрения чистоты кода. Опять же ссылка на главную имеет хвост index.php?route=common/home – тут думаю не стоит объяснять почему это плохо.

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

Размещение опций в Opencart 2.0Размещение опций в Opencart 2.0

Анализируя новый дизайн, мне понравилось размещение блока с опциями – справа, очень удобно и красиво. Скрипт увеличения товара поменяли на magnific popup – он мне больше нравится, чем морально устаревший colorbox. Хотя все дело повторюсь в стилях.

Внешний вид и функциональность админки

Новое меню в админкеНовое меню в админке

Это же wordpress где мой opencart? :) Шутка конечно, но если сравнить боковое меню вордпресса и опенкарта, то последний его нагло слизал. Это я конечно же утрирую. Что касается админки – вот тут то изменений как мне кажется на первый взгляд больше. Меню – полностью поменяли концепцию, по удобству скажу, что мне и старое нравилось, да и это хорошее, так что тут дело вкуса, но неплохо, во всяком случае красивее и современней.

На главной странице админки мы видим статистику, сколько продаж, сколько в онлайне, количество покупателей и заказов, график, и нововведение - карта покупок в виде карты земли. Красиво, но нужна она только для магазинов которые продают в разные страны. Появилась удобная функция активности на сайте, которая показывает кто зарегистрировался, комментарии и т.д. Вверху страницы мы можем увидеть иконку информатора, отзывов, возвратов, товары которые закончились и т.д. – очень удобно.

Главная страница админки Opencart 2.0Главная страница админки Opencart 2.0

В списках (категории, продукты и т.д.) ничего нового. При редактировании или добавлении я увидел новый текстовый редактор summernote, он более лаконичен и надеюсь лучше работает чем ckeditor.

Улучшенный autocompleteУлучшенный autocomplete

При добавлении категории мне понравилось, как работает autocomplete при клике на поле ввода у нас сразу доступен выбор, что очень удобно и не хватало после замены обычного select начиная из версии 1.5.

Выбор изображения в новом OpencartВыбор изображения в новом Opencart

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

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

Хотел бы отметить новый функционал расширений. Дело в том, что в версии 2.0 нет привычного нам vqmod, который костыль еще тот. Вместо него идет OCmod –это по сути те же грабли, но упрощенные. Структура xml отличается от vqmod поэтому все модули надо переписывать. С коробки в админке уже добавлен интерфейс для управления расширениями что неоспоримо удобно.

Поля для настройки размеров изображенийПоля для настройки размеров изображений

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

Выводы

Скажу в заключение то, что версия opencart 2.0 качественно отличается от версий 1.х где в каждом новом релизе практически ничего нового не было. В этом же мы видим новый дизайн, адаптивность и улучшения, увы и ухудшения в некоторых местах по функционалу. Огорчило то, что многие модули надо будет переписывать под OCMod, многие детские болезни такие как дубли страниц также остались, есть много недоработок по мелочам. Но в целом, мне релиз понравился. Русский перевод я постараюсь скоро сделать, т.к. на просторах интернета я его не нашел.

Исходя из всего вышесказанного можно подбить преимущества и недостатки версии 2.0:

Преимущества

  • Добавлены очередные модули оплаты;
  • Добавлен с коробки функционал управления расширениями;
  • Адаптивность и дизайн как фронта, так и админки (освежило);
  • Заменены все функциональные скрипты на более лаконичные и новые (как в админке, так и на сайте);
  • Удобство поля ввода autocomplete;
  • Добавлена карта покупок, уведомления и панель активности на сайте;

Недостатки

  • Все тот же по большой степени функционал;
  • Необходимость переписывать все модули с vqmod на OCMod;
  • Во многом неудобные поля ввода и выбора изображений в админке;

Демо Opencart 2.0

Логин и пароль в демо админку admin, ограничение не ставил, надеюсь на вашу адекватность ;)


Комментарии:


Фото комментатора

Ваня 27.04.2015

Хорошая статья, все доступно и понятно=)
Фото комментатора

Дмитрий 27.04.2015

Прокоментируйте пожалуйста более подробно: Просматривая далее код я увидел много чего старого и неправильного, например, ссылка добавления в корзину, в сравнения или закладки все так же работает по onclick – что не рекомендуется с точки зрения чистоты кода.
Администратор

Ответ for-opencart.com 27.04.2015

В opencart ссылки добавления в корзину, комментирования и т.п. имеют вид <a onclick="AddToCart('26')">Купить</a> (26 - id продукта).

Рекомендуется делать так: <a data-id="26" class="add-to-cart">Купить</a> а сам обработчик сделать таким:

$('.add-to-cart').click(function(){
  //Обработчик клика
})

Таких примеров очень много как в старом, так и в новом Opencart 2.0

Фото комментатора

Станислав 27.04.2015

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

Ответ for-opencart.com 27.04.2015

Дело в том что обзор делался для русскоязычных пользователей. который зачастую используют сборку ocStore где добавлена возможность ввода title h1 и т.п. по этому это не описал. А что еще там есть нового? Подскажите может и упустил, т.к. пока с ним не работал.

Фото комментатора

Vika 10.10.2016

Скажите, при проверке версии Opencart-2.1.0.1-rs у Вас тоже глучило на странице "Оформление заказа"? Там появляется такое: "Оформление заказа Шаг 1: Способ оформления заказа Шаг 2: Профиль & Платежная информация Шаг 5: Способ оплаты Шаг 6: Подтверждение заказа" Но нет никаких активных кнопок. На этом всё оформление и заканчивается. Хочу понять, только у меня так, что-то не так делаю, или это стандартно? Проверялось локально на Denwerе
Администратор

Ответ for-opencart.com 10.10.2016

Поставьте модуль успрощенного заказа simple https://opencartforum.com/files/file/324-модуль-simple-упрощенная-регистрация-и-заказ/ стандартный вообще лучше не трогать.

Быстрый поиск

Похожее

Новое на сайте