Задание типа товара и его параметров в VirtueMart, для последующей организации поиска с фильтрами в интернет магазине

17 Май, 2010

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. В любом интернет магазине (на базе VirtueMart тоже не является исключением), кроме наличия большого ассортимента и приемлемых цен, важно иметь возможность расширенного поиска по характеристикам.

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

Зачем нужен расширенный поиск в VirtueMart


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

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

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

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

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

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

Например, можно будет создать тип товара под названием «Процессор», затем уже для типа создать параметр, например, «Количество ядер» и задать возможные значения для него: «одноядерный», «двуядерный», «четырехъядерный» и т.д.

Потом в админке VirtueMart на странице настройки каждого продукта, который мы отнесем к типу «Процессор», нужно будет выбрать какое-либо конкретное значение параметра, определяющего количество ядер в процессоре (допустим, «одноядерный», для процессора серии Atom от Intel).

Кроме параметра «Количество ядер» для типа «Процессор» можно задать еще ряд параметров со всевозможными значениями (например, еще один «Производитель» с возможными значениями «AMD» и «Intel»). Посетитель вашего магазина сможет, используя расширенный поиск, выбрать «Процессор» и то значение количества ядер, которое ему нужно.

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

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

Посетитель, зайдя в расширенный поиск по характеристикам, сначала увидит список всех созданных вами типов, а уже потом, открыв один из них (например, «видеокарты»), увидит список параметров, которые вы задали именно для него.

Рядом с названием параметра появится выпадающий список, где покупатель вашего магазина на VirtueMart сможет выбрать конкретное значение для каждого из них (например, рядом с параметром «производитель» для типа товара «видеокарта», из выпадающего списка можно будет выбрать AMD или Nvidia).

Теперь давайте перейдем от теории к практике. Чтобы в VirtueMart добавить товару какой-либо тип, его сначала нужно будет создать.

Для этого вам нужно будет в админке этого компонента Джумлы выбрать из меню пункты «Товары» — «Список». На открывшейся странице для его создания нужно нажать на кнопку «Новый», расположенную вверху окна.

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

Создание в VirtueMart параметров и типов товара


Окно добавления типа закроется, но нам опять нужно будет выбрать из меню панели управления «Товары» — «Список». В открывшемся окне появится строчка с только что созданным нами. Нажмите по ссылке «Показать», расположенной в столбце «Параметры», напротив названия нужного нам.

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

В открывшемся окне поле «Название» нужно обязательно заполнять латинскими буквами и цифрами, без использования пробелов. Дело в том, что так будет называться таблица в базе данных MySql и, следовательно, название должно соответствовать требования.

В настройках VirtueMart в поле «Подпись параметра» вы вводите то название, которое будет видеть пользователь, зайдя при расширенном поиске по характеристикам в этот тип товара. Например, для «видеокарта» поле «Подпись параметра» может содержать слово «производитель».

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

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

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

Все возможные значения (при выборе типа параметра «Выпадающий список») нужно будет ввести в поле «Допустимые значения», разделяя их точкой с запятой без пробела. Например, для параметра «производитель» («видеокарта») нудно будет ввести в поле «допустимые значения»:

AMD;Nvidia

Если вы поставите галочку в поле «Показывать допустимые значения для выпадающего списка», то пункты этого списка все будут видны одновременно, что не очень здорово. В поле «Значение по умолчанию» можно ввести то значение, которое будет видно по умолчанию в выпадающем списке (в нашем случае это можете быть, например, «amd»).

Для сохранения всех сделанных настроек нужно нажать на кнопку «Сохранить», расположенную вверху окна.

Точно таким же образом задаются остальные параметры для типа товара в VirtueMart. Создаете еще один тип, по аналогии с описанным выше, переходите к нему, выбрав из меню «Товары» — «Список». Точно так же, как и было описано выше про создание нового параметра, нажимаете по ссылке «Показать» напротив названия нужного вам.

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

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

Присваиваем уже существующим товарам тип и параметры


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

Для этого заходим в админку и два раза выбираем Товары, а затем щелкаем мышью по названию того, которому нужно будет добавить тип.

В открывшемся окне нужно нажать на кнопку «Добавить», расположенную вверху этого окна.

На открывшейся страницы из выпадающего списка выбираете тот, которому принадлежит редактируемый в данный момент продукт вашего магазина. Затем нажимаете на кнопку «Сохранить», расположенную вверху окна.

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

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

На открывшейся странице сможете выбрать параметры, соответствующие данному изделию (характеризующие его). Какие именно параметры будут отображаться на этой вкладке, зависит от того, к какому типу вы его отнесли на предыдущем шаге.

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

Если тип для данного товара был выбран не верно, то можете разорвать с ним связь, нажав на кнопку «Удалить», расположенную под его названием. После произведения всех настроек на этой вкладке нажмите на кнопку «Сохранить», расположенную вверху окна.

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

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

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

Создаем новые товары в VirtueMart, уже связанные с нужным типом

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

Вам нужно зайти в админку и выбрать"Товары" — «Список». Откроется страница со всеми типами, которые вы уже создали. Если этот список еще не полный, то дополните его по аналогии с описанным выше.

Для того, чтобы создавать изделия сразу же связанные с определенным типом, нужно на странице «Список», в строке с нужным, нажать на ссылку «Показать» в колонке «Товары».

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

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

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

Добавляем на сайт интернет-магазина расширенный поиск


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

В его настройках вам нужно поставить галочку напротив поля «Show Product Search Field». Теперь в том месте шаблона Joomla, где у вас выводится главный модуль VirtueMart, будет отображаться ссылка «Расширенный поиск по характеристикам».

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

Посетитель магазина на базе нашего любимого и ненаглядного VirtueMart, щелкнув по одному из интересующих его типов, попадет на страницу с перечнем параметров для него. Из выпадающих списков, рядом с названием каждого параметра, посетитель магазина сможет выбрать нужные ему их значения, а затем нажать на кнопку «Поиск», расположенную ниже.

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

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

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

После создания интернет-магазина встает вопрос о привлечении в него посетителей. Одним из вариантов может быть использование рекламных возможностей Яндекс Маркета и Директа. Хочу предложить обзорное видео по этим способам:

Для увеличения числа посетителей из органической выдачи Яндекса вы можете создать остров для своего интернет-магазина:

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

Еще:

Рубрики :Как создать интернет-магазин

Комментарии и отзывы

Alexander

Здравствуйте.

Статья хорошая. Доходчиво написано про работу в VirtueMart, читал об этом раньше, но здесь узнал зачем это нужно.

Юрий

А как сделать в магазине VirtueMart такой-же выбор по параметрам, как на предложенном сайте для демонстрации? Что-бы тоже постоянно присутствовал для каждой категории

Fortran1

Впечатляет)

Дмитрий

Сергей: изменить можно через правку базы данных ... найдите нужную таблицу и параметр ... 255 я заменил на 5000, теперь любой список влезает, делов на пару минут)))

Seo sat

Скажите а как сделать поиск по цене «от — до» , а не как здесь — больше меньше

Василий

Спасибо за статья, а можно как то через csv сразу задавать типы у товаров?

Мир

Уважаемый админ. Что если на сайте будет характеристик на 1 товар примерно 40-50. А количество товаров будет менее 1000. посещаемость в ориентире 1000—4000 в день. хостинг VPS. сайт не будет ли тормозить? было ли в опыте такое. и вообще, нормально ли выдавать по 50 характеристик на товар. Просто нужно как тут: http://www.mvideo.ru/paramsearch.php?lvl=12&class=316&full=1

Благодарю за внимание, С уважением Мир.

Дмитрий

Мир: извините, но такого опыта у меня нет.

Роман

Спасибо очень помогло

Евгений

В настройках модуля марта: Show Product Parameter Search Field? — Расширенный поиск по характеристикам — нам надо это 6-) — долго ж я искал)) а Show Product Search Field? — просто расширенный поиск.

Вопрос: у меня в форме не выбираются автоматически «значения по-умолчанию».

Есть и цифры и слова (русские), но в форме расширенного поиска по характеристикам во всех полях стоит: «Выбрать». Что можете подсказать, чтобы выбиралось автоматически значения по-умолчанию?

Евгений

В поле «Значение по умолчанию» можно ввести то значение создаваемого параметра, которое будет показано в выпадающем списке по умолчанию (в нашем случае это можете быть, например, «amd»).

Значение по умолчанию — это то значение, которое будет автоматом забиваться в админке для уже созданных товаров и для новых. У меня так.

mcgrifin

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

Сергей Полик

СПА-СИ-БО!!!

Очень помогла ваша статья!!!

Юрий

Здравствуйте Дмитрий! я пожалуй повторюсь. Но у меня вопрос аналогичный заданному (не нашел ответа): А как сделать в магазине VirtueMart такой-же выбор по параметрам, как на предложенном сайте для демонстрации? Что-бы тоже постоянно присутствовал для каждой категории

Евгений

Подскажите, при добавлении типа к товару в списке товаров категории не отображается кнопка добавить в корзину, только если перейти к карточке товара, можно это как-то исправить?

Станислав

Я подумал, что Вам это будет крайне интересно:

Есть сайт через который можно заливать и обновлять товары в магазин на Virtuemart 1.x или 2.x прям из Microsoft Excel .XLS документы.

http://import.torokh.ru

Андрей

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

ArtIrinka

У меня вопрос аналогичный тому, что задал Геннадий: как исключить ненужные типы товаров в карточке поиска?

ArtIrinka

У меня вопрос, аналогичный тому, что писал Геннадий: как убрать лишние типы товара и параметры в карточке поиска и оставить только нужные?

Stanislav

Меня тоже интересует вопрос как сделать выборку, например дисков для автомобиля по критериям: радиус, ширина, вылет литья, количеству болтов и т.д.

А зачем вообще пользоваться CSVI если есть http://torokh.ru/novosti/2-xls2virtuemart

Геннадий

Дабы не геморойничать с неудобствами вирта освоил opencart

alex

Как можно исправить что бы добавленный тип товара отображался во всех вариантах стиля карточки товара, так как он у меня не отображается в plypage-ask.tpl

Cпасибо!

Дмитрий

Добрый день.

Статья, однозначно, полезная!

Но вот, то ли у меня другая версия Vertue Mart, то ли перевод ее кривой (хотя языковые пакеты скачены с указанного Вами сайта). Дело в том, что во вкладке «Товары» компонента Vertue Mart просто отсутствует описанный Вами пункт «Список типов товара»...

Там есть:

-Категории

-Товары

-Настраиваемые поля

-На складе

-Налоги и правила расчета

-Отзывы и рейтинги

В общем, выглядит это так http://s57.radikal.ru/i157/1302/f0/b1c7633ff616.jpg

Подскажите, где искать описанные Вами параметры?

Заранее спасибо за оперативный ответ.

Дмитрий

Да, забыл уточнить:

— версия Vertue Mart 2.0.18a

— версия Joomla 2.5.3

Дима

Здравствуйте помогите пожалуйста не отображаются цена на сайте(а описание присутсвует ),но Virtuemart в товарах показывается цена.

-Версия Virtuemart 2.0.18a

-Версия Joomla! 2.5.8

Александр

При нажатии на кнопку поиск выкидывает на главную страницу сайта. Все создано правильно, у товаром типы прописаны и стоят, спискы выпадают, а нажал на поиск и вот она главная. Что может быть?

Michael

вы бы хоть обозначили версии магазина и джумлы.

нахожу вас через поиск, а не читаю все подряд.

Владимир

Скажите, для какой версии VM Вы это описываете? Первый или второй?

Подписаться не комментируя