Уроки Joomla

Изучение CMS. Работа с компонентами, модулями и плагинами.

Урок 3. Работа с товарами и категориями в VirtueMart.

Итак, начинаем работу непосредственно с самим магазином. Допустим, мы хотим добавить какой-то товар. Для этого, прежде должны быть созданы категории, куда мы будем его добавлять. В нашем случае, уже есть существующие категории Hand Tools, Power Tools, Garden Tools. У вас это могут быть любые другие категории – например, автомобили, мотоциклы, катера. Не суть важно. Чтобы посмотреть список всех категорий, с которыми мы будем работать, нужно выбрать в меню слева Товары –> Список категорий. В этом же меню, на пункт ниже есть пункт меню, с помощью которого можно добавить нужную категорию.

Добавление категории

Причем, обратите внимание у категории Power Tools есть две дочерние категории – Outdoor Tools и Indoor Tools. Но давайте сейчас не будем себе забивать этим голову.

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

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

Добавление товара

Рассмотрим все необходимые поля повнимательнее.

Первое поле и оно же самое необходимое это Артикул. Это имя должно быть уникальным, оно является чем-то вроде идентификатора товара. Для примера я введу такое значение – 333-555. Наименование товара – это имя товара, которое впоследствии будет отображаться в категории товара. Допустим я введу – BMW M5.

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

Цена товара – здесь думаю все понятно. Единственное что, надо будет выставить правильную валюту, чтобы по умолчанию уже отображались рубли. Для этого нужно выбрать в левом пункте меню Настройки – Информация о магазине. И настроить все необходимые параметры уже для своей страны.

Настройки валюты

Возвращаемся к нашей форме по добавлению товара.

Поле Краткое описание товара – здесь задается описание, которое будет отображаться в категории товара. Здесь я введу BMW M5, 1985 года выпуска.

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

Идем дальше. Пропустим некоторые вкладки, поскольку на данном этапе они нам пока что не интересны. В том плане, что лучше не забивать себе голову лишней информацией, плюс это скажется не лучшим образом на усвоении. Мы рассмотрим их чуть позже. Сейчас же нам интересна вкладка Изображения товара. Здесь есть две колонки – Большая картинка и маленькая картинка. Нас интересует большая, поскольку указав файл с картинкой, радиокнопка автоматически займет положение на выборе – Автоматически создавать уменьшенные изображения и на основе большой картинки будет создана маленькая. Маленькая картинка будет отображаться на страничке товара и категории, а большая – та, что будет открываться в увеличенном варианте при клике мышью на ней.

Кстати, если вы хотите посмотреть изменения, но при этом не хотите выходить из формы по добавлению товара, достаточно кликнуть по кнопке Применить.

Вот что в итоге получилось у меня.

Это страничка категории товаров:

Просмотр категории

Это страничка категории. Попрошу не путать ее со страничкой товара. На страничке категории, могут быть отображены и другие автомобили, будь то Шевроле, Ауди, Бентли.

Вот еще пример странички категории:

Просмотр товаров на страничке категории

А вот и непосредственно сама страничка товара:

Страничка товара

Это уже страничка с полным описанием товара, где собственно можно уже и осуществить покупку автомобиля.

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

Теперь же рассмотрим некоторые нюансы:

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

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

И щелкнуть по кнопке иконке с изображениями в графе Медиа.

Добавление дополнительных изображений

Далее нажимаем по кнопке Новый и добавляем столько дополнительных изображений, сколько нужно. Здесь есть некоторые нюансы.

Не знаю почему так сделали разработчики, но по умолчанию уже стоят галочки напротив “Изменить размер полной картинки товара”. Лучше эту галочку убрать, потому что в противном случае будет сделан ресайз оригинальной фотографии, что в большинстве случаев не используется. А вот галочка напротив “Автоматически создавать уменьшенные изображения” нам полезна, поскольку можно будет указать ширину и высоту миниатюры.

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

На этом пока что все. До встречи в следующем уроке. Если что будет непонятно, спрашивайте в комментариях. Постараемся разобраться!