Настраиваемые поля virtuemart 3: плагины textinput и textarea (часть 4)

Опубликовано: 6 Февраль, 2016
Обновлено: 23 Июнь, 2016
Категория: Настройка VirtueMart
Комментариев: 8

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

В этой статье поговорим об особом типе полей под названием Плагины.

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

Все пользовательские плагины, установленные в virtuemart, можно посмотреть в Расширения > Менеджере плагинов, выбрав тип vmcustom.

vmcustom

 

По умолчанию доступно два плагина:

  • VMCustom - Customer text input
  • VMCustom - Product specification

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

add-vmcustom

 

Например, нам нужно добавить в карточку товара поле, в которое пользователь при желании может ввести какое-то сообщение и оно будет добавлено к его заказу.

textarea

Задачу можно решить в помощью простого текстового поля (для небольшого текста) или текстовой области(для большого текста).

Плагин textinput

Для добавления в карточку товара строки, в которую пользователь может добавить свой текст, создадим новое настраиваемое поле с типом Плагины и выберем стандартный плагин VMCustom - Customer text input. Так же активируем параметр Атрибут корзины, чтобы данные поля передавались в корзину при заказе.

После сохранения поля появятся его настройки. В дальнейшем их можно поменять при добавлении поля к конкретному товару.

textinput-plugin

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

add-textinput

В итоге в карточке товара появится пустое текстовое поле, данные которого будут передаваться в корзину

textinput-product

Плагин textarea

Для ввода большого текста в несколько строк нужно вывести текстовую область textarea.

Для этого нужно установить дополнительный плагин Virtuemart textarea custom field.

Скачать

После стандартной установки через Менеджер расширений и активации плагина VMCustom - textareainput так же создаем новое поле с типом Плагины, активируем Атрибут корзины и в списке доступных плагинов выбираем VMCustom - textareainput.

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

textarea-field

На выходе получаем следующее.

textarea-product

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

Скачать

Порядок установки тот же. Настройки плагина на скрине ниже.

customtext-add

В следующей статье рассмотрим поле с типом Настраиваемая группа.

8 комментариев

    Александр

    Не подскажите можно ли вывести Customer text input на странице корзины. Чтобы уже в корзине можно было заполнить это поле. Спасибо

      admin

      admin

      По этому вопросу не смогу подсказать.
      Если найдете решение, пожалуйста, поделитесь.

    Эдуард

    Что и где нужно прописать чтобы в virtuamart 2 вывести placeholder для настраеваемых полей inputtext чтобы в нем выводился заголовок названия поля

      admin

      admin

      Пришлите ссылку на страницу с этим полем.

        Эдуард

        Вот на странице производителя свадебных платьев http://licor.com.ua/vechernie-platiya/2016-vecherniy-naryad/vechernie-platie-16-401-model
        поля где нужно ввоить цвет и размер, я скрыл вывод заголовка, и приходится наводить на знак вопросика что прочитать посказку было бы хорошо если бы там был прописан плесхолдер, чтобы было понятно что нужно вводить

          admin

          admin

          Попробуйте такой вариант.
          Для каждого поля задайте описание в настройках в поле Описание.
          В css файл шаблона добавьте

          В конец шаблона карточки товара добавьте этот скрипт

          В результате текст из описания будет выводиться в placeholder поля.

    Максим

    Здравствуйте!
    Можно ли добавить поле с загрузкой картинки для товара? Может есть плагин

      admin

      admin

      Здравствуйте!
      Посмотрите этот плагин. Но перед покупкой уточните у разработчиков работает ли плагин с последней версией vm.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*
Для вставки кода заключите его в теги [php] [/php]
*