Как вывести настраиваемые поля virtuemart

Содержание

Обзор Custom Fields For All. Настраиваемые поля VirtueMart 3
Видео обзор
Основные возможности и особенности
Добавление полей VirtueMart 3
Автор статьи – Хорошевский Алексей
Работаем с настраиваемыми полями VirtueMart 3

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

Тип – расширение для Джумла.

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

Товары с полями Custom Fields For All можно будет фильтровать при помощи Custom Filters PRO. Также возможен импорт/экспорт настраиваемых полей, сделанных при помощи данного плагина в компоненте импорта и экспорта товаров VirtueMart из Excel, YML, CSV, XML. А для Virtuemart excel-like product manager поддержка Custom Fields For All не заявлена. Также, к сожалению, VirtueMart Wishlists component (Vm2wishlists) 3.0.3 не захотел отображать поля этого плагина на странице сравнения товаров.

На официальном сайте расширений Joomla 20 отзывов, расширение добавлено 19 ноября 2014 года.

Общий рейтинг – 5 из 5.
Функциональность – 5 из 5.
Простота использования – 5 из 5.
Поддержка – 5 из 5.
Документация – 5 из 5.

В обзоре участвует последняя, на момент написания статьи (05.09.2020), русскоязычная версия Custom Fields For All 4.1.0 в Joomla 3.9.21 и VirtueMart 3.8.4.10335. Шаблон сайта TrendShop 1.4.1.

Расширение платное – 29,9 € (на 05.09.2020). Техническая поддержка и обновление в течение 4-х месяцев. Без ограничения по домену.

Видео обзор

Цветные кнопки – 00:00:00.
Цветные кнопки (многоцветные) – 00:00:00.
Спадающий список с зависимой ценой – 00:00:00.

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

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

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

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

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

При редактировании поля можно изменять, добавлять, удалять и менять порядок следования его значений. Изменив значение поля в настройках поля, Вы измените его во всех товарах, где оно встречается.
Значения настраиваемых полей могут влиять на цену товара. Например, выбрав размер «XXL» к цене товара будет добавлено «10», а «XXXL» – «50». При этом добавляемая сумма может быть показана в виде всплывающей подсказки, рядом со значением (как в обычных настраиваемых полях VirtueMart) или вовсе может быть скрыта.
Возможность создания разных типов полей (рисунок ниже): цветные кнопки/цветные палитры (одиночный или множественный выбор), чекбоксы, кнопки (одиночный или множественный выбор), спадающие списки, радио кнопки и статический текст.

Поля VirtueMart

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

Custom Fields For All

Интеграция с фильтром товаров Custom Filters PRO.
Интеграция с компонентом импорта и экспорта товаров VirtueMart из Excel, YML, CSV, XML.
Интеграция с компонентом импорта и экспорта товаров RO CSVI.
Интеграция с плагином Stockable Custom Fields.
Плагин переведён на русский, английский, немецкий, французский и другие языки.
Документация и техническая поддержка на английском языке.

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

Добавление полей VirtueMart 3

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

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

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

Пример №1 – Цветные кнопки. В настройках поля (рисунок ниже) укажите такие параметры (помимо одинаковых для всех параметров):

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

VirtueMart custom fields

Добавление данного поля в товар происходит точно также, как и добавление обычного настраиваемого поля VirtueMart 3. Перейдите в Товары, найдите нужный Вам товар и на вкладке Настраиваемые поля в спадающем списке верхней части области Тип поля выберите созданное Вами поле. У меня это «Пример 1» (рисунок ниже). При помощи кнопок Выбрать все и Очистить выбор можно добавить/удалить все значения поля. Если Вы добавили все значения, то при помощи крестика возле каждого можно удалить ненужные значения. Также возможно добавить один или несколько вариантов из списка.

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

Добавление настраиваемого поля

В результате на сайте появится такое поле (внешний вид зависит от шаблона).

Пример 1

Пример №2 – Цветные кнопки тип Цвет в шестнадц. формате (многоцветные кнопки). В настройках поля (рисунок ниже) укажите такие параметры (помимо одинаковых для всех параметров):

Тип данных – Цвет в шестнадц. формате.
Показывать тип – Цветные кнопки. Тип Цвет кнопок мульти-выбор позволит посетителям выбирать один или несколько кнопок.
Обязательны – если выбрать для этой опции Да, то пользователь обязательно должен будет указать какой-то вариант.
Вариант цены – если выбрано Нет, то значение поля не влияет на цену товара. В 3-й м примере рассмотрим эту опцию и опцию Показывать цену.

Настройки поля (пример 2)

Сохраните поле и начните добавлять новые значения (рисунок ниже). Нажав на поле цвета (по умолчанию в нём указан белый цвет – FFFFFF), откроется цветовая палитра. В ней Вы сможете выбрать цвет. Его можно ввести и вручную (в шестнадцатиричном формате).

Новые значения

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

Я указал такие значения (рисунок ниже).

Значения цветов

Добавил поле в товар (рисунок ниже).

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

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

Пример 2

Пример №3 – Выпадающий список с зависимой ценой. В настройках поля (рисунок ниже) укажите такие параметры (помимо одинаковых для всех параметров):

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

Настройки поля (пример 3)

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

Добавление в товар поля с изменением цены

В результате, на сайте, получим то, что показано на рисунке ниже (внешний вид зависит от шаблона). Выбирая Вариант 2, Вариант 3, Вариант 4 изменяется цена товара.

Спадающий список

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

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

Примерно с 2008 года и по сегодняшний день создаю сайты «под ключ» на Joomla и WebSite X5. Также занимаюсь их доработкой, SEO-продвижением, контекстной рекламой, защитой от взлома и оптимизацией скорости загрузки сайта.

Кандидат технических наук по специальности «Информационные технологии».

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

Источник

Работаем с настраиваемыми полями VirtueMart 3

или же можно сделать вывод customfields, указав позицию макета вот так

Зато работа на странице категорий может доставить ряд серьезных затруднений. Держите реально работающие способы показа настраиваемых полей!
3 типа полей. Создаем и настраиваем
Вам понадобится сделать Строку, Изображение и Атрибут корзины.

Алгоритм действий следующий: открываем в VM вкладку “Настраиваемые поля” и ищем кнопку Создать (см. картинку).

Это поле позволяет показать наличие товара.

Вот как проводится его настройка (см. картинку ниже):

После настройки этого поля (см. картинку ниже) оно сможет показывать нужные вам картинки.

Все нужные вам изображения заливайте сюда — /images/stories/virtuemart/product. Их синхронизацию можно сделать в разделе “Медиа файлы”.

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

Атрибут корзины

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

Чтобы прикрепить результаты нашей работы к выбранному товару, зайдите в его шаблоне в раздел “Настраиваемые поля” и добавьте созданные вами поля.

Как проще всего показать настраиваемые поля на странице категории
Сейчас мы с вами выведем на страницу категории Атрибут корзины. Легче всего это сделать путем установки кнопки “Купить”. В итоге настраиваемое поле будет отображено. Более того, стоимость товара станет изменяться в соответствии с выбором различных вариантов. Это наиболее простой способ настроить динамическое изменение стоимости.

Вот пошаговый алгоритм добавления кнопки “Купить”:

Шаг 1. Копируем файл
default_addtocart.php, который находится по адресу components/com_virtuemart/views/productdetails/tmpl/ и вставляем его в папку components/com_virtuemart/views/category/tmpl.

Шаг 2. Редактируем файл default.php, который лежит тут -> components/com_virtuemart/views/category/tmpl/

В нем после этого кода

Нужно поставить