Практическая работа 16 Тема 8/5. Создание Интернет-магазина на базе Joomla! МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ

МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ
INTERNATIONAL BANKING INSTITUTE
Практическая работа 16
Тема 8/5. Создание Интернет-магазина на базе
Joomla!
Цель — освоить
Интернет-магазина.
установку
и конфигурирование
сомпонента
и модулей
Задание:
1. Установить русифицированные компонент и главный модуль Интернетмагазина на учебный портал.
2. Настроить магазин и расширить каталог товаров.
Технология выполнения
16.1. Установка компонента и главного модуля
Интернет-магазина
Полнофункциональный электронный магазин VirtueMart используется как
дополнительный компонент Joomla!. Проект русской локализации магазина
вначале назывался Virtuemart RE (http://virtuemart.ru). В кириллице этот проект
пишется как «Виртуемарт РЕ», произносится также. Сокращенно проект называют
по первым буквам VMRE, или в кириллице — ВМРЕ. По состоянию на ноябрь
2007 г. стабильная версия ВМРЕ 1.0.12.
Базовый состав магазина включает два дистрибутивных архивных файла
(рис. 16.1) — собственно компонента и основного модуля, обеспечивающего
доступ к компоненту во внешнем интерфейсе портала.
Рис. 16.1. Состав дистрибутивных файлов ВМРЕ 1.0.12
Установка базового комплекта магазина выполняется в следующем порядке.
1. Открыть административный интерфейс портала. При помощи панели
управления
(пункт
меню
Установка/удаление —
Компоненты)
установить компонент com_virtuemart_20070819[1].tar.gz из каталога
Free_Access/Разработка
электронного
портала/Материалы
по работе с Joomla!/Расширения Joomla!/Русифицир Магазин/.
После загрузки файлов компонента появится диалоговое окно (рис. 16.2)
для продолжения установки магазина — создания необходимых таблиц
1
МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ
INTERNATIONAL BANKING INSTITUTE
в базе данных. Однако не торопитесь нажимать на кнопки в данном окне!
Вначале выполните пункты 2 и 3.
Рис. 16.2. Диалоговое окно продолжения установки магазина
2. Устанавливаемый компонент содержит две части — для внешнего
и внутреннего интерфейсов портала, которые в свою очередь также
заархивированы и при установке компонента не всегда распаковываются.
Поэтому необходимо проверить их и при необходимости дораспаковать.
Компонент магазина для внешнего интерфейса размещен в каталоге
components/com_virtuemart (рис. 16.3). Если компонент оказался
в архивированном виде, то следует распаковать его в текущую папку
(рис. 16.4), а исходный архивный файл удалить.
Рис. 16.3. Компонент магазина для внешнего интерфейса портала в архивированном виде
2
МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ
INTERNATIONAL BANKING INSTITUTE
Рис. 16.4. Компонент магазина для внешнего интерфейса портала в распакованном виде
Аналогично необходимо проверить, как установился компонент магазина для
внутреннего административного интерфейса, который располагается в каталоге
administrator/components/com_virtuemart (рис. 16.5). Если в составе файлов
компонента оказался нераспакованный архив, то его также следует распаковать
в текущую папку, приведя тем самым к виду рис. 16.6.
Рис. 16.5. Состав компонента магазина для внутреннего интерфейса с нераспакованным
архивом некоторых файлов
3
МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ
INTERNATIONAL BANKING INSTITUTE
Рис. 16.6. Состав компонента магазина для внутреннего интерфейса с полностью распакованным
архивом файлов
3. Перейти в панель управления внутреннего административного интерфейса
портала (см. рис. 16.2). Если это окно по какой-то причине было закрыто,
то следует открыть его через меню в разделе Компоненты, выбрав
появившийся пункт VirtueMart RE. При установке магазина вместо панели
управления магазином откроется диалоговое окно (см. рис. 16.2), при
помощи которого можно продолжить установку магазина — сформировать
таблицы базы данных. При этом возможны два варианта: первый —
4
МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ
INTERNATIONAL BANKING INSTITUTE
создание пустых таблиц, а второй — создание таблиц с дампом
демонстрационных данных в таблицах каталога товаров. Первый вариант
реализуется при помощи кнопки Зайти в магазин, второй — Установить
ДЕМОДАННЫЕ.
В обоих
случаях
запускается
скрипт
administrator/components/com_virtuemart/install.php, в котором есть
ошибка, не позволяющая установить демоданные. Так как в учебных целях
нам полезно иметь демонстрационные данные, то следует исправить эту
ошибку. Ошибка содержится в строке 151 — отсутствует символ / в пути
к файлу с дампом данных sql/sql.sampledata.php (рис. 16.7).
Рис. 16.7. Исправленная строка с именем файла дампа демонстрационных данных
После устранения ошибки сохранить исправленный файл и в диалоговом окне
продолжения установки магазина (см. рис. 16.2) нажать на кнопку Установить
ДЕМОДАННЫЕ — база данных портала будет дополнена таблицами магазина
и в таблицы каталога будут внесены демонстрационные данные. После этого
откроется панель управления магазином (рис. 16.8), которая в дальнейшем будет
доступна через пункт меню панели управления Компоненты — VirtueMart
RE (рис. 16.9).
5
МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ
INTERNATIONAL BANKING INSTITUTE
Рис. 16.8. Панель управления Интернет-магазина
Рис. 16.9. Меню Компоненты с новым пунктом VirtueMart RE
Установить главный модуль магазина для внешнего интерфейса (при помощи
меню Установка/удаление — модули) из файла mod_virtuemart_1[1].0.7.tar.gz,
расположенного
в каталоге
Free_Access/Разработка
электронного
портала/Материалы по работе с Joomla!/Расширения Joomla!/Русифицир
Магазин/. Главный модуль показывает:





категории RusVirtueMart;
корзину;
поле для поиска по товарам;
поле для авторизации пользователей;
ссылку для регистрации.
4. Найти установленный модуль (Главный модуль RusVirtueMart) в списке
модулей портала (рис. 16.10), разместить его в желаемой позиции,
6
МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ
INTERNATIONAL BANKING INSTITUTE
например вторым в позиции left, и опубликовать его, потому что вся
навигация по категориям во внешнем интерфейсе сделана через этот
модуль (рис. 16.11).
Рис. 16.10. Панель управления модулями портала с выделенной строкой управления Главным
модулем RusVirtueMart
Рис. 16.11. Пример демонстрационного каталога магазина во внешнем интерфейсе портала
5. Познакомиться с системой навигации магазина во внешнем интерфейсе,
используя демонстрационный каталог товаров. Сформировать корзину
покупок (рис. 16.12) и оформить заказ на покупку товаров.
7
МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ
INTERNATIONAL BANKING INSTITUTE
Рис. 16.12. Пример состава корзины в учебном магазине
6. Исследовать административные возможности по настройке параметров
главного модуля (рис. 16.13), попробовать все варианты отображения
категорий.
Рис. 16.13. Форма с параметрами главного модуля магазина
8
МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ
INTERNATIONAL BANKING INSTITUTE
16.2. Настройка магазина и управление каталогом
товаров
1. В административном интерфейсе портала открыть панель управления
магазина (Компоненты — VirtueMart RE, см. рис. 16.8) и исследовать
общие
настройки
магазина
(Магазин —
Настройки
магазина)
(рис. 16.14) — придумать название создаваемого магазина, логотип и т. п.,
убедиться, что пользователи портала стали пользователями магазина
(Настройки — Пользователи) (рис. 16.15).
Рис. 16.14. Настройки магазина
Рис. 16.15. Список пользователей магазина
9
МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ
INTERNATIONAL BANKING INSTITUTE
2. Используя руководство пользователя RusVirtuemart (в отдельным файле),
изучить возможности по администрированию магазина.
3. Создать новую категорию товаров Мебель (Товары — Добавить
категорию) и перенести в нее все категории демонстрационных товаров,
сделав их подкатегориями этой категории. Для этого необходимо в списке
категорий (Товары — Список категорий) по очереди открыть каждую
категорию и в информации о категории указать в качестве родительской
категории Мебель (рис. 16.16).
Рис. 16.16. Форма с информацией о категории
4. Создать новую произвольную категорию (верхнего уровня — Top Level),
например Картинки, а в ней две подкатегории (например, Вокруг МБИ
и Студенты МБИ) с набором из нескольких товаров-картинок с описанием.
При формировании информации о создаваемом товаре (Товары —
Добавить товар) обязательно заполнять поле Артикул, так как оно
является идентификатором товара. Результаты просмотреть в каталоге
и показать преподавателю (рис. 16.17 и 16.18)).
Рис. 16.17. Пример списка категорий и подкатегорий каталога товаров
10
МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ
INTERNATIONAL BANKING INSTITUTE
Рис. 16.18. Пример товара в каталоге товаров
5. Так как такой товар (фотографии) предполагает скачивание покупателем
файлов изображений с высоким качеством, в корне портала необходимо
создать каталог для скачиваемых файлов, например files, и указать его
на вкладке
Скачивание
в Глобальной
конфигурации
магазина
(рис. 16.19). Затем для каждого товара-файла на вкладке Габариты, вес
добавить файл для скачивания покупателем (рис. 16.20). Новый файл
загружается с использованием кнопки Обзор.
Рис. 16.19. Форма установки параметров скачивая товаров-файлов из магазина
11
МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ
INTERNATIONAL BANKING INSTITUTE
Рис. 16.20. Форма параметров товара
Задание на самостоятельную работу
Установить дополнительные модули для внешнего интерфейса магазина,
изучить их назначение и правила конфигурирования:
mos_productsnap_1.0.7.tar.gzhot — плагин Joomla! CMS, показывает товары
внутри содержимого.
mod_virtuemart_top_ten_1.0.7.tar.gzhot,
показывает
десять
лучших
по продажам товаров. Для работы требуется установленный главный модуль.
mod_virtuemart_randomprod_1.0.7.tar.gzhot,
выбранные случайным образом.
показывает
товары,
mod_virtuemart_manufacturers_1.0.7.tar.gzhot,
показывает
список
Производителей, вы можете просмотреть товары выбранного вами производителя.
mod_virtuemart_latestprod_1.0.7.tar.gzhot,
поступления в вашем магазине.
показывает
mod_virtuemart_feutureprod_1.0.7.tar.gzhot,
со спецпредложением.
последние
показывает
товары
mod_virtuemart_cart_1.0.7.tar.gzhot, показывает корзину покупателя.
mod_virtuemart_allinone_1.0.7.tar.gzhot
показывает:




—
новинки (новые товары);
лучший выбор (спецпредложения);
бестселлеры (лучшие по продажам);
случайным образом товары из RusVirtueMart.
12
модуль
Joomla!
CMS,
МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ
INTERNATIONAL BANKING INSTITUTE
mod_productscroller_1.0.7.tar.gzhot — модуль Joomla! CMS для отображения
прокрутки товаров из определенной категории. Можно задавать такие параметры,
как количество товаров, скорость прокрутки и т. д.
13