Плагин miniMarket 0.4.0. Инсайд. Часть первая

1. Плагин miniMarket 0.4.0. Инсайд. Часть первая
2. Плагин miniMarket 0.4.0. Инсайд. Часть вторая

Третье место по популярности среди всех плагинов и второе — среди бесплатных. Более 600 скачиваний с каталога. Лично меня радуют такие результаты, и есть твердое намерение в ближайшее время выпустить miniMarket версии 0.4.0.

Если смотреть в процентном соотношении, то на 90-95% плагин уже готов к публикации. Но, ввиду большого объема нововведений, еще есть над чем работать. Наша команда в текущий момент времени разрабатывает несколько проектов на miniMarket 0.4.0, хоть эта версия еще и не доступна общественности. Данный подход позволил выявить слабые места плагина, на исправление которых уйдет определенный промежуток времени.

Итак, сейчас хочу рассказать про шаблон, которым обзаведется miniMarket 0.4.0. Да-да, у нас будет собственный шаблон, предназначенный для работы именно в связке с плагином miniMarket (трафик: 1.3 МБ). Стилистика дизайна была позаимствована у популярного ресурса GitHub за его лаконичность, простоту в использовании и неперегруженность. Целью было сделать шаблон, который можно использовать в качестве основы при разработке собственного шаблона интернет-магазина. Таким образом, шаблон должен был получиться минималистичным и функциональным. Предлагаю взглянуть на то, что в итоге вышло (все изображения кликабельны, будут открываться в новой вкладке).

Главная страница


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



Список товаров




Страница товара




Страница добавления товара


Пожалуй, самая интересная страница, о которой есть что рассказать. Выглядит она следующим образом:



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

Меню выбора атрибутов выглядит так:



По которому можно осуществить живой поиск с помощью JS:



Можно искать среди категорий атрибутов:



Выберем категорию атрибутов «Процессор»:



Уходит AJAX запрос, сервер нам возвращает необходимые данные, и полученные атрибуты выстраиваются в стройный ряд:



Так как мы выбрали категорию атрибутов, то на страницу подгрузились сразу все атрибуты, принадлежащие данной категории.

Теперь переходим к выбору свойств у только что добавленных атрибутов:



Легкий клик левой клавишей мыши, моментальный ответ от сервера...



и необходимое свойство добавлено:



Наш товар обладает несколькими свойствами одного атрибута? Пожалуйста, распишитесь:



Еще немного картинок


Кнопки в состояниях normal, hover, focus, select:



Фильтр:



Ссылки в состояниях normal, hover:



Сенсации, интриги, расследования


Все вышепоказанное — это не просто наброски в Photoshop, а уже вполне реальные HTML страницы, имеющие под капотом вполне реальный PHP код.

Хочется еще многое рассказать о miniMarket 0.4.0, но чернила иссякают и место в топике подходит к концу.

Похожие статьи

  • Плагин miniMarket 0.4.0. Инсайд. Часть вторая
    1. Плагин miniMarket 0.4.0. Инсайд. Часть первая 2. Плагин miniMarket 0.4.0. Инсайд. Часть вторая В первой статье, посвященной анонсу плагина miniMarket версии 0.4.0, я постарался рассказать о новом шаблоне и его...
  • Обновление плагина miniMarket 0.3.0
    Плагин miniMarket продолжает развиваться, что не может не радовать. В версии 0.3.0 нет серьезных изменений в пользовательском интерфейсе — человек непосвященный может даже не заметить всех новшеств. Серьезной...
  • Что с Alto CMS? Да все нормально! Просто жара
    На дворе лето, жара, деловая активность затихает, делать ничего не хочется... И, видя затянувшееся затишье, кто-то может подумать, что действительно все встало и ничего не делается. Но это обманчивое затишье! Сейчас...
  • Обновление плагина miniMarket (версия 0.2.0)
    В новой версии добавлена корзина и весь функционал, который обычно бывает на нее завязан. Демо можно пощупать здесь Скачать с GitHub Плагин уже доступен в каталоге: Что же из себя представляет текущая версия...

4 комментария

+2
Очень круто!
Ждем продолжения :)
+4
Спасибо. Будем работать.
+1
Плагин разрабатывается спициально под alto, или потребуется еще плагин совместимости?
+1
miniMarket всегда выпускался только под Альто.
На данный момент версия 0.4.0 разрабатывается под последнюю стабильную версию, т.е. AltoCMS 0.9.7.1.
Если случиться так, что AltoCMS версии 1.0 выйдет раньше, чем miniMarket 0.4.0, то есть желание miniMarket 0.4.0 выпустить уже под AltoCMS 1.0.
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.