Возможности фронта ImageCMS Shop на все случаи жизни

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

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

Для начала приведу список всего того, что можно создать, не меняя код и шаблон базовой сборки и базового шаблона ImageCMS Shop:

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

• Отображение виджета корзины, который показывает количество товаров и общую сумму покупки
• Отображение виджета валют, которые позволяет переключать основную валюту, в которой отображаются все цены Интернет-магазина
• Отображение главного меню со всеми необходимыми статьями о работе Интернет-магазина
• Отображение строки поиска, которая ищет по названию товара
• Отображение дерева всех опубликованых категорий-подкатегорий товаров Интернет-магазина
• Отображение виджета всех брендов Интернет-магазина
• Отображение виджета последних новостей на сайте
• Отображение слайдера, в котором размещены главные акценты сайта
• Отображение виджета, который содержит 6 товаров, у которых указан атрибут «хит»
• Отображение виджета, который 6 последних добавленных в Интернет-магазин товаров

2. Страница отображения категории товаров

• Отображение названия категории
• Отображение «пазвея» — пути к категории
• Отображение ссылки «изменить параметры», которая позволяет сортировать товары по цене и по названию, предоставляет возможность поиска по цене, а также поиска по свойствах товара.
• Отображение списка всех брендов, которые относятся к выбранной категории
• Список всех товаров категории, который содержит: изображение товара, название товара, стоимость товара
• Кнопка сравнения выбранных товаров.
• Возможность перехода между страницами товаров.

3. Страница отображения отдельного товара

• Отображение названия товара
• Отображение «пазвея» — пути к товару
• Отображение «старрейтига» — рейтинга товара, который может изменить любой пользователь Интернет-магазина
• Главное изображение и дополнительные изображения, которые при нажатии увеличиваются
• Описание товара
• Характеристики товара – выводят все свойства товара.
• Стоимость товара
• «Старую цену» товара
• Варианты товара, если указаны
• Скидку на товар, если присвоена
• Кнопку «добавить в корзину», которая при перезагрузке страницы добавляет товар в корзину и показывает соответствующее уведомление
• Виджет, который содержит указанные сопутствующие товары
• Комментарии и форму, с помощью которой можно оставить комментарий.

4. Корзина

• Корзина содержит список всех добавленных товаров в таблице со следующими столбцами: Фото, Название, Цена, Количество, Всего, Кнопка удалить с корзины
• Выбор способа доставки
• Итоговую сумму покупки
• Форму для заполнения пользователем, которая содержит следующие поля: Имя, Email, Телефон, Адрес доставки, Комментарий к заказу

5. Оформление и просмотр заказа

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

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

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

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

• Отображение виджета с формой для голосавания – сейчас практически не нужна опция, но все же в некоторых случаях может понадобиться.
• Отображение формы для авторизации пользователей с дальнейшей возможностью входа в личный кабинет, просмотра своих заказов, получения персональной скидки, возможности изменения своих данных – для современных магазинов также далеко не важная часть, поскольку добавляет дополнительный шаг к созданию и управлению заказами, но в некоторых случаях для составления партнерской сетки данный модуль необходим.
• Подписка на рассылку новостей – хотя в данный момент мало кто подписывается на рассылку новостей сайта, но все же многие заказчики Интернет-магазинов требуют установки на своем сайте.
• Отображение виджетов, которые выводят группы товаров по различным параметрам, к примеру хит с определенной категории
• Отображение списка категорий на главной странице
• Отображение расширенного поиска на главной странице, который позволяет выбрать из какой категории искать, ценовой диапазон и указать название.
• Возможность дополнительной настройки дерева категорий – запрет к отображению определенной группы категорий, отображение в определенном формате.
• Отображение виджета с тегами Интернет-магазина, возможности прикрепления тегов к каждому товару
• Отображение более одного виджета отображения статей на сайте, к примеру: «последние статьи», «последние акции»
• Отображение последних сообщений с форума

2. Страница отображения категории товаров

• Отображение изображения и описания категории
• Отображение списка подкатегорий
• Возможность выбора по сколько товаров выводить на странице
• Отображение возле каждого товара в списке количества комментариев
• Отображение свойств товара, краткого описания в списке товаров
• Возможность без перехода на полное описание товара, добавить тот или иной товар в корзину
• Отображение списка тегов для каждого товара в списке
• Отображение зачеркнутой «старой цены» в списке товара
• Возможность отображения акционных, хитов сверху над списком остальных товаров в категории.
• Отображение специальных виджетов для каждой категории, к примеру для категории «телевизоры» отображать в левом сайдбаре хиты только из этой категории.

3. Страница отображения отдельного товара

• Отображения количества товара в наличии на складе
• Возможность добавления товара в корзину без перезагрузки страницы с помощью Ajax
• Возможность помимо варинатов товара ввести калькулятор цены по нескольким параметрам, к примеру выбрать длину, цвет, модификацию и получить новую конфигурабельную цену.
• Возможность добавить к сравнению на странице товара
• Отображение тегов товара
• Отображение других товаров из этой же категории
• Отображение стрелочек – «следующий товар», «предыдущий товар»
• Отображение похожит товаров – товаров, которые имеют те же теги
• Возможность «отложить товар», после чего все отложенные товары будут доступны в списке отложенных товаров в кабинете пользователя.

4. Страница отображения корзины

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

5. Оформление и заказ товара

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

В ходе проверки были проанализированы демо-сайты 6 самых популярных в СНГ систем управления Интернет-магазинами, а также около 20 Интернет-магазинов различных направлений. Каждый демо-сайт имел свои недостатки и некоторые достоинства. Но, конечно, хочется, чтобы в ImageCMS Shop таких недостатков не было.

Надеюсь на Ваш анализ данного материала и комментарии, с понедельника будет еще одна статья посвященная административной части CMS для Интернет-магазина. После чего пойдет цикл статей, в котором будут выкладываться все недостающие возможности в виде дополнений, а также инструкции, как реализовать те или иные возможности (поскольку 80% описанных выше возможностей можно реализовать существующими инструментами ImageCMS Shop).

Дополнительное обсуждение поста здесь: http://forum.imagecms.net/viewtopic.php?pid=1571#p1571