Обзор Dependent Custom Fields For All. Зависимые поля VirtueMart

• Видео обзор.
• Основные возможности и особенности.
• Настройки плагина.
• Создание зависимых полей.
• Русификатор Dependent Custom Fields For All.

Dependent Custom Fields For All – русскоязычный платный плагин для создания зависимых настраиваемых полей VirtueMart.

Видео обзор

Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки можете найти на каналах сайта Aleksius.com в YouTube и Mail.ru.

Ссылки из видео:

• «Обзор Custom Fields For All. Настраиваемые поля VirtueMart 3».
• Пример работы плагина.
• Русификатор Dependent Custom Fields For All.

Пример использования плагина. у Вас есть товар «Футболка» в белом, чёрном и красном цвете. При этом для белого цвета есть только размер 48, для чёрного – 50, а для красного ­– 46, 48, 50. При помощи данного плагина можно настроить зависимость вида:

• если пользователь выбирает белый цвет, то появляется поле «Размер» со значением «48».
• Если пользователь выбирает чёрный цвет, то появляется поле «Размер» со значением «50».
• Если пользователь выбирает красный цвет, то появляется поле «Размер» со значениями «46», «48», «50».

При этом, поле «Размер» не появляется до тех пор, пока в поле «Цвет» не будет выбран какой-то вариант.

Так же как и плагин Custom Fields For All, Dependent Custom Fields For All позволяет создавать поля разных типов: кнопки, цветные кнопки, радио кнопки и раскрывающийся список. Есть поддержка мультиязычности, более удобная чем в родных полях VirtueMart, возможность создавать поля, влияющие на цену, а также более удобное/быстрое добавление полей к товарам, чем предусмотрено обычным «механизмом» VirtueMart.

Пример работы плагина показан на сайте разработчика.

В обзоре участвует последняя, на момент написания статьи (18.09.2020), русскоязычная версия Dependent Custom Fields For All 1.0.8 в Joomla 3.9.21 и VirtueMart 3.6.2.10159, PHP 7.4.5.

В VirtueMart 3.8.4.10335 плагин не захотел работать. Проблема была в том, что в родительском поле для опции Родительское настраиваемое поле нельзя было оставить вариант Выбрать.

Расширение платное. Отдельно не продаётся, но можно купить в составе пакета всех расширений разработчика за 24,9 € (на 18.09.2020). Техническая поддержка и обновление в течение 4-х месяцев. Без ограничения по домену.

Основные возможности и особенности

• Создание зависимых полей (рисукнок ниже). Можно создавать несколько «вложенностей» зависимых полей. Например, «Цвет – Размер – Печать на футболке». При тестировании для 3-го уровня зависимого поля была задано такая последовательность (значения размеров указаны исключительно для примера): Цвет «Красный» – Размер «58», Цвет «Красный» – Размер «59», Цвет «Красный» – Размер «60» – Печать на футболке «Да/Нет». Если выбрать «58» или «59», то поле «Печать на футболке» не появлялось – это правильно. Если выбрать «60», то оно появлялось, но при выборе «58» или «59» поле «Печать на футболке» не исчезало – это неправильно.

• Позволяет создавать поля разных типов: кнопки, цветные кнопки, радио кнопки и раскрывающийся список. Цветные кнопки могут быть одноцветными или многоцветными.
• При редактировании поля можно изменять, добавлять, удалять и менять порядок следования его значений. Изменив значение поля в настройках поля, Вы измените его во всех товарах, где оно встречается.
• Есть поддержка мультиязычности, более удобная чем в родных полях VirtueMart (рисунок ниже).

• Возможность создавать поля, влияющие на цену.
• Для полей, влияющих на цену можно скрыть/показать наценку возле вариантов полей или во всплывающих подсказках.
• Можно сделать поле обязательным для заполнения.
• Более удобный процесс добавления полей к товарам (рисунок ниже). По сравнению со штатными настраиваемыми полями VirtueMart Вы просто выбираете ранее заданные значения в настраиваемом поле. Есть возможность добавить новое значение прямо при заполнении карточки товара. Можно нажатием одной кнопки добавить или удалить все значения поля.

• Можно задать отображение поля только на странице описания товара или отображать его и в категории товаров.
• Интеграция с фильтром товаров Custom Filters PRO.
• Плагин переведён на русский и английский языки.
• Документация и техническая поддержка на английском языке.

Кроме этого, полям, сделанным при помощи Dependent Custom Fields For All присущи возможности, доступные для обычных настраиваемых полей VirtueMart: возможность объединения в настраиваемые группы, возможность отображения в определённой позиции макета, возможность скрывать поля, отображать их только для администраторов и т.д.

Настройки плагина

Рассмотрим основные опции плагина (рисунок ниже).

• Родительское настраиваемое поле. До сохранения поля Вы можете указать, будет ли это поле дочерним или родительским. Если поле дочернее, укажите в спадающем списке родительское поле. Если поле родительское, то не меняйте значение данной опции (оставьте по умолчанию – Выбрать).
• Тип данных. От выбора значения данной опции зависит опция Тип отображения. Например, для создания одноцветных кнопок нужно выбрать Строка/Текст, а для создания многоцветных – Цвет в шестнадцатеричном формате.
• Тип отображения. Позволяет выбрать тип отображения настраиваемого поля во фронтальной части сайта.
• Обязательно. Если данная опция включена, то покупатель не сможет добавить товар в корзину, если не выберет значение поля.
• Вариант цены. Позволяет создать поле, значения которого будут влиять на стоимость товара.
• Отображать только на странице описания товара. Можно отображать поле на странице категории товара и на странице описания товара или только на странице описания.
• Отображаемая цена. Если поле влияет на стоимость товара, можно указать, как будет отображаться добавочная стоимость: никак, в виде всплывающей подсказки или как в обычных полях VirtueMart – рядом со значением поля. Не для всех типов отображения доступны все варианты отображения цены.

Создание зависимых полей

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

Процесс состоит из трёх шагов:

1. Создать родительское поле.
2. Создать дочернее поле.
3. Добавить дочернее поле в товар.

Для примера рассмотрим такую ситуацию: есть товар «Футболка» в белом, чёрном и красном цвете. При этом для белого цвета есть только размер 56, для чёрного – 57, а для красного ­– 58, 59, 60. Значения размеров указаны исключительно для примера.

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

• Тип поля – для создания поля на основании плагина Dependent Custom Fields For All выберите Плагин.
• Заголовок – укажите заголовок поля, который будут видеть пользователи на сайте.
• Название поля – если не хотите показывать название поля на сайте, выберите Нет.
• Опубликовано – укажите Да.
• Атрибут корзины (первый) – если надо отобразить это поле при заказе и в корзине, то активируйте эту опцию.
• Атрибут корзины (второй) – выберите Да.
• Позиция макета – укажите позицию макета страницы товара, в которой должно отображаться поле. По умолчанию, «addtocart» – это позиция в области с кнопкой добавления в корзину.
• Только администратор – если поле надо отображать на сайте, а не только в админке, выберите Нет.
• Скрыто – укажите Да.
• Дополнительные параметры – из спадающего списка выберите Dependent Custom Fields For All.

Что бы создать родительское поле (например, «Цвет»):

1. для опции Родительское настраиваемое поле ничего не выбирайте. Оставьте как есть – Выбрать.
2. Выберите тип данных, например, Строка/Текст.
3. Выберите тип отображения, например, Кнопки.
4. Для опции Обязательно выберите Да.
5. Для остальных опций выберите подходящие Вам варианты.
6. Укажите значения полей.
7. Сохраните поле.

Чтобы создать дочернее поле (например, «Размер»):

1. для опции Родительское настраиваемое поле выберите заголовок созданного Вами родительского поля.
2. Выберите тип данных, например, Строка/Текст.
3. Выберите тип отображения, например, Кнопки.
4. Для опции Обязательно выберите Да.
5. Для остальных опций выберите подходящие Вам варианты.
6. Укажите значения полей и их соответствие с родительскими полями. В моём примере на рисунке ниже видно, что для значения родительского поля «Белый» указан размер «56», для «Чёрный» – «57», а для «Красный» – «58», «59», «60». Таким образом происходит связь цвета товара с размером. Значения размеров указаны исключительно для примера.
7. Сохраните поле.

Чтобы добавить поле к товару:

1. Перейдите в настройки товара на вкладку Настраиваемые поля и в области Тип поля в спадающем списке укажите только дочернее поле и выберите его значения – в моём примере это «Размер»
2. Сохраните товар. Родительское поле появится автоматически.
3. При необходимости выберите значения родительского поля.

Может быть более сложная ситуация с несколькими «вложенными» зависимыми полями. Например, «Цвет – Размер – Печать на футболке». В таком случае, всё равно в настройках товара надо указывать последнее дочернее поле – «Печать на футболке».

Как видите, при помощи плагина Dependent Custom Fields For All Вы сможете создать зависимые поля, чего нельзя сделать в рамках штатных возможностей VirtueMart. К тому же, создание и добавление полей, сделанных при помощи данного расширения, намного удобнее, чем это заложено в VirtueMart. Особенно, если сайт мультиязычный.

Автор статьи – Хорошевский Алексей

Кандидат технических наук, преподаватель Харьковского национального университета радиоэлектроники, веб-мастер и SEO-оптимизатор с опытом более 15 лет. Специалист по созданию сайтов на Joomla и WebSite X5. Автор научных публикаций, видеокурсов и обучающего контента по веб-разработке и SEO. Ведёт блог и YouTube-канал, где делится своими знаниями и практическим опытом. Предоставляет услуги по созданию, доработке, сопровождению и продвижению сайтов. Подробнее об авторе… Контакты: +38 095 840 24 29 +38 095 840 24 29 +38 095 840 24 29 email@aleksius.com Социальные сети: LinkedIn Facebook YouTube (Twitter) Публикации и работа: Google Академия Scopus Upwork Freelance.ua

Полезные ссылки:

• Официальный сайт (на англ.).