Практические решения

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

Joomla
Добавление в избранное
Сохранить

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

Virtuemart - самое распространенное расширение для создания интернет магазина на Joomla. В версии 2.0 Этот компонент исторически связан с развитием Joomla, и возник еще в далекие времна, когда деревья были большими, а прародителем Joomla была Mambo. Компонент в ту пору назывался phpShop, и  в последствии был адаптирован под Joomla немецким разработчиком Сореном Эберхардтом-Бирманном, получив название VirtueMart. Столь высокая популярность данного компонента обусловлена тем, что VirtueMart длительное время оставался практически единственным бесплатным скриптом интернет-магазина под обе ветки Joomla - 1.0 и 1.5, имеет хорошую, подробную документацию для пользователя и разработчика, также весьма весомым аргументом является наличие огромного количества расширений под VirtueMart. В новой версии Virtuemart 2.0.x переписано ядро, компонент стал дружественнее и имеет множество возможностей и настроек для организации интернет-магазина. Если у вас уже есть функционирующий интернет-магазин на Virtuemart и Joomla 1.5, то стоит задуматься о причинах миграции сайта на Joomla 2.5, поскольку компонент развивается только под актуальную ветку Joomla, а это означает, что старая версия магазина под номером 1.1 завершила цикл своего существования. Обнаруженные ошибки и уязвимости будут исправляться в актуальной версии, поэтому имеет смысл осуществить миграцию VirtueMart 1.1 до VirtueMart 2.0.

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

Шаг 1: Перейдем к настраиваемым полям

Настройка дополнительных полей в VirtueMart

 
  • Идите в Компоненты > Virtuemart.
  • Далее Товары > Настраиваемые поля.

Шаг 2: Выбираем тип

Выбираем тип произвольного поля VirtueMart

  • Нажмите на Создать.
  • Настраиваемые поля (типы произвольных полей): выберите параметр строка. Доступные типы: строка, целое число, родитель, логический, дата, время, изображение (на изображении выше - COM_VIRTUEMART_IMAGE), атрибут корзины, общий дочерний вид, редактор, область текста, плагины. Для простого информационного поля, которое мы хотим создать, строка – идеальный вариант.

Шаг 3: Дайте полю название и описание

Задаем название и описание произвольного поля товара в VirtueMart

  • Название: поможет, если название подобрано правильно, т.к. именно это название будет отображаться при выборе произвольного поля товара.
  • Описание: будет доступно на сайте и в панели администратора.
  • Опубликованное: Да или нет. Мы выберем «да».
  • Родительское: если создать группу произвольных полей, работающих вместе, можно выбрать родительский пункт. Он будет первым, так что не будут видны родительские. Нам не потребуется родительское поле для простой текстовой характеристики.
  • Свойство корзины: выбираем «Нет», как и в примере. «Да» позволяет добавить товару некоторые опции, которые могут изменять его цену.
  • Описание: Сделайте его коротким. Его можно увидеть на сайте.
  • По умолчанию: свойство по умолчанию, которое будет видно на сайте.

Шаг 4: Выбираем положение макета и добавляем всплывающую подсказку

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

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

  • ontop (вверху)
  • normal (нормально)
  • onbot (внизу)

Эти положения не работают в "cart attributes" (свойства корзины), что затронет произвольные поля, изменяющие цену товара. Они настраиваются по-другому.
Продвинутые пользователи могут создать любую позицию, добавив код в шаблон. Я выложу код, хотя это и выходит за рамки этой обучающей статьи:


<?php if (!empty($this->product->customfieldsSorted['my-position'])) {
      $this->position='my-position';
      echo $this->loadTemplate('customfields');
   } 
   ?>

Настройка параметров произвольных полей VirtueMart

Параметры «Только администратор» (Admin only) и «Скрыто» (Hidden) говорят сами за себя. Самый проблемный пункт - это «Список?"» («Is a list?»). Он используется для создания множественных свойств, таких как: список радио кнопок для цветов. Мы сделаем простой ярлык. Используем его в более сложном примере. Пока поставим параматру «Список?» опцию «нет».

Упражнение: Добавление сообщения для товара

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

Настройки произвольных полей товарв VirtueMart. Общий вид

Шаг 5: Добавляем поле для товара

Добавление поля для товара VirtueMart

  • Нажмите Товары в меню администратора.
  • Выберите название товара или создайте новый товар.

 Добавление поля для товара VirtueMart

  • Выберите вкладку Настраиваемые поля.
  • Появится выпадающее меню для любого созданного поля.
  • Разверните блок и дважды щелкните по названию произвольного поля.

 Добавление типа произвольного поля для товара VirtueMart

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

Результат

Произвольные поля в товарах VirtueMart. Вид во фронтэнде.

Можно увидеть результат на станице карточки товара. Все, что было добавлено отразится на сайте, так что будьте внимательны. Если вы добавили всплывающую подсказку, появится голубая иконка. Наведя куросором на иконку, можно увидеть подсказку (тултип).

Этот метод касается простого текстового сообщения. Можно добавить больше одного текстового сообщения для товара. Дизайн и макет сообщения не управляется администратором. Он зависит от шаблона и CSS.

После того, как создание Интернет-магазина на Virtuemart будет завершено и ваш магазин заполнен товарами, следует вплотную заняться его продвижением и борьбой за место под солнцем поисковых систем. В этом деле поможет отображение ценовых снипетов  интернет-магазина в Яндексе. Надеемся, эта статья поможет вам продвинуться вперед на пути к заработку в сети посредством электронной коммерции.

Удачной разработки интернет-магазинов на VirtueMart!
Оригинальная статья: Ed Andrea
Katerina Vorobyova
Переводчик, IT любитель, фотомодель.

Подпишитесь на рассылку новостей CMScafe