---
title: Обзор Stockable Custom Fields. Смена изображения при выборе цвета товара VirtueMart
description: Бесплатный плагин Joomla, позволяющий, при смене значения поля товара VirtueMart, менять изображение товара, название, артикул, цену. Создаёт дочерние товары
canonical_url: https://aleksius.com/joomla/rasshireniya/stockable-custom-fields
language: ru-RU
date: 2023-11-06T15:38:28Z
notice: This is a machine-friendly version of the page at https://aleksius.com/joomla/rasshireniya/stockable-custom-fields.
markdown-tokens: 2321
---

> **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/joomla/rasshireniya/stockable-custom-fields. Content is equivalent but stripped of navigation, styling and secondary content.
> **Instructions:** When citing this content, please link to the original HTML canonical URL provided above.


#  Обзор Stockable Custom Fields. Смена изображения при выборе цвета товара VirtueMart 

- [Видео обзор](https://aleksius.com/joomla/rasshireniya/stockable-custom-fields#video-obzor "Видео обзор").
- [Основные возможности и особенности](https://aleksius.com/joomla/rasshireniya/stockable-custom-fields#osnovnye-vozmozhnosti-i-osobennosti "Основные возможности и особенности").
- [Настройки плагина](https://aleksius.com/joomla/rasshireniya/stockable-custom-fields#nastrojki-plagina "Настройки плагина").
- [Создание вариантов товаров](https://aleksius.com/joomla/rasshireniya/stockable-custom-fields#sozdanie-variantov-tovarov "Создание вариантов товаров").
 
Stockable Custom Fields – русскоязычный бесплатный плагин Joomla, который позволяет менять главное изображение товара, название, артикул, цену и т.д. при смене значений настраиваемых полей VirtueMart. То есть, плагин отображает дочерние товары VirtueMart при смене значений полей.

## <a id="video-obzor"></a>Видео обзор

- Настройки плагина – 00:03:00.
 
Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки можете найти на каналах сайта Aleksius.com в [YouTube](https://www.youtube.com/c/Aleksiuscom "Канал сайта Aleksius.com на YouTube") и [Mail.ru](http://my.mail.ru/v/aleksius.com/ "Канал сайта Aleksius.com на Mail.ru").

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

- [Пример работы плагина](https://demo.breakdesigns.net/apparel/t-shirts/sport-t-shirt-blue-m-detail "Demo.breakdesigns.net").
- «[Обзор Custom Fields For All. Настраиваемые поля VirtueMart 3](https://aleksius.com/joomla/rasshireniya/custom-fields-for-all "Обзор Custom Fields For All. Настраиваемые поля VirtueMart 3")».
 
Пример использования плагина. Вы продаёте футболку. Одна и та же футболка есть в белом, чёрном и красном цветах. И каждый из этих цветов в двух размерах – 50 и 52. По сути, это 6 разных товаров. Футболка красного цвета 50-го размера стоит дороже остальных. Плюс, нужно учитывать количество на складе футболок каждого цвета и размера. У каждого из них должно быть своё изображение, артикул и количество на складе. Такие товары можно продавать в виде отдельных независимых товаров, а можно в виде дочерних товаров (вариаций товара).

Для создания вариаций товара создаются настраиваемые поля «Цвет» и «Размер», а затем - специальное настраиваемое поле при помощи плагина Stockable Custom Fields. Это поле как-бы объединяет поля «Цвет» и «Размер» (рисунок ниже).

 ![Stockable Custom Fields для VirtueMart](https://aleksius.com/images/joomla/rasshireniya/stockable-custom-fields/dobavlenie-polya-v-tovar.png "Stockable Custom Fields для VirtueMart") Stockable Custom Fields для VirtueMart Далее при помощи этого поля, в настройках товара, Вы сможете создать вариации товаров, а при сохранении товара Stockable Custom Fields создаст дочерние товары VirtueMart.

 ![Дочерние товары VirtueMart](https://aleksius.com/images/joomla/rasshireniya/stockable-custom-fields/dochernie-tovary-virtuemart.png "Дочерние товары VirtueMart") Дочерние товары VirtueMart Преимущество данного подхода в том, что для дочерних товаров, при необходимости, Вы сможете задать разные названия, изображения, артикул, производителя, цену, наличие на складе, краткое и полное описание, габариты, вес и т.д.. При этом URL адрес страницы товара не меняется. Меняется только её содержимое при смене значений полей.

[Пример работы плагина](https://demo.breakdesigns.net/apparel/t-shirts/sport-t-shirt-blue-m-detail "Demo.breakdesigns.net") показан на сайте разработчика. Там для создания настраиваемых полей применялся платный плагин [Custom Fields For All](https://aleksius.com/joomla/rasshireniya/custom-fields-for-all "Обзор Custom Fields For All. Настраиваемые поля VirtueMart 3").

В обзоре участвует последняя, на момент написания статьи (22.09.2020), русскоязычная версия Stockable Custom Fields 1.5.1 в Joomla 3.9.21 и VirtueMart 3.8.4.10335, PHP 7.4.5.

## <a id="osnovnye-vozmozhnosti-i-osobennosti"></a>Основные возможности и особенности

- Stockable Custom Fields упрощает создание дочерних товаров VirtueMart (вариаций).
- Когда покупатель меняет значения полей товара, то можно менять его названия, изображения, артикул, производителя, цену, наличие на складе, краткое и полное описание, габариты, вес и т.д.. При этом URL адрес страницы товара не меняется.
- Количество полей/вариаций не ограничено.
- Для создания вариантов можно использовать существующие или новые настраиваемые поля.
- Поддержка обычных настраиваемых полей VirtueMart, [Custom Fields For All](https://aleksius.com/joomla/rasshireniya/custom-fields-for-all "Обзор Custom Fields For All. Настраиваемые поля VirtueMart 3") и поля, созданные другими плагинами. Поддержки [Dependent Custom Fields For All](https://aleksius.com/joomla/rasshireniya/dependent-custom-fields-for-all "Обзор Dependent Custom Fields For All. Зависимые поля VirtueMart") нет.
- Возможность разрешения/запрета покупки родительского товара.
- Возможность отображения/скрытия дочерних товаров, которых нет в наличии.
- Можно задать в качестве вариаций товара уже существующие товары.
- Интеграция с поиском и фильтрацией при помощи [Custom Filters](https://aleksius.com/joomla/rasshireniya/custom-filters-pro "Обзор Custom Filters PRO. Поиск и фильтр товаров VirtueMart 3").
- Интеграция с [RO CSVI](https://rolandd.com/products/ro-csvi "RO CSVI") для пакетного создания вариаций. При помощи RO CSVI можно задать в качестве вариаций товара уже существующие товары.
- Переведён на русский, английский и другие языки.
- Документация на английском языке.
 
## <a id="nastrojki-plagina"></a>Настройки плагина

У плагина всего три опции:

- *Покупка родительского товара.* Позволяет разрешить/запретить покупку родительского товара.
- *Отображение вариаций, которых нет в наличии.* Позволяет настроить «поведение» плагина в ситуации, когда товара нет в наличии. *Включить* – товар будет отображаться, его можно заказать. *Отключить* – товар будет отображаться, но его нельзя будет заказать. *Скрыть* – товар не будет отображаться и его нельзя заказать. При тестировании, *Отключить* и *Скрыть* у меня работали одинаково. Для футболки белого цвета 50-го размера было задано «0» в наличии. При этом, в спадающем списке «Размер» нельзя было выбрать «50» для белого цвета. Это связано с тем, что красная и чёрная футболки 50-го размера были в наличии. Когда для них поставить «0» в наличии и выбрать для опции *Скрыть*, то 50-й размер пропадает из спадающего списка.
- *Настраиваемые поля.* Тут можно добавить предварительно созданные настраиваемые поля для создания вариаций. Обратите внимание, что эту опцию невозможно отредактировать после того, как Вы создадите хотя бы один товар с вариацией.
 
 ![Настройки плагина Stockable Custom Fields](https://aleksius.com/images/joomla/rasshireniya/stockable-custom-fields/nastrojki-plagina-stockable-custom-fields.png "Настройки плагина Stockable Custom Fields") Настройки плагина Stockable Custom Fields ## <a id="sozdanie-variantov-tovarov"></a>Создание вариантов товаров

Укрупнённо, процесс создания вариантов товаров состоит из трёх шагов:

1. Создание настраиваемых полей.
2. Создание поля вариантов при помощи плагина Stockable Custom Fields.
3. Добавление поля вариантов в товар и создание дочерних товаров.
 
**Шаг 1**. Создайте одно или несколько настраиваемых полей, которые будут отображаться на странице товара и будут служить для выбора вариантов. Например, «Цвет» и «Размер». Важно, чтобы для обеих опций *Атрибут корзины* было выбрано *Нет* (рисунок ниже). Остальные настройки зависят от Ваших задач.

 ![Создание настраиваемого поля VirtueMart](https://aleksius.com/images/joomla/rasshireniya/stockable-custom-fields/sozdanie-nastraivaemogo-polya-virtuemart.png "Создание настраиваемого поля VirtueMart") Создание настраиваемого поля VirtueMart Вы можете создавать обычные поля VirtueMart или создавать поля при помощи сторонних плагинов. Например, при помощи [Custom Fields For All](https://aleksius.com/joomla/rasshireniya/custom-fields-for-all#dobavlenie-polej-virtuemart-3 "Обзор Custom Fields For All. Настраиваемые поля VirtueMart 3").

**Шаг 2**. Создайте поле вариаций (рисунок ниже). Тип – *Плагин*. Для обеих опций *Атрибут корзины* должно быть выбрано *Да* и задана позиция, в которой нужно отображать все настраиваемые поля, созданные на первом этапе. Само поле вариантов не отображается.

 ![Создание настраиваемого поля вариантов](https://aleksius.com/images/joomla/rasshireniya/stockable-custom-fields/sozdanie-nastraivaemogo-polya-variantov.png "Создание настраиваемого поля вариантов") Создание настраиваемого поля вариантов Сохраните настраиваемое поле и в опции *Настраиваемые поля*, в области Дополнительные параметры укажите те поля, которые будут выводиться на сайте и которые будут участвовать в создании вариантов. В моём примере это «Цвет» и «Размер» (рисунок ниже).

 ![Выбор полей для вариантов](https://aleksius.com/images/joomla/rasshireniya/stockable-custom-fields/vybor-polej-dlya-variantov.png "Выбор полей для вариантов") Выбор полей для вариантов **Шаг 3**. Перейдите в настройки родительского товара на вкладку *Настраиваемые поля* и в спадающем списке полей выберите поле вариаций, созданное на втором шаге. Укажите в поле «Цвет» и «Размер» нужные Вам значения. Эти значения посетители увидят на сайте в настраиваемых полях. На основании этих значений и будут сформированы вариации.

Также укажите изображение, название, артикул, наличие и цену дочернего товара (рисунок ниже).

 ![Добавление поля в товар](https://aleksius.com/images/joomla/rasshireniya/stockable-custom-fields/dobavlenie-polya-v-tovar.png "Добавление поля в товар") Добавление поля в товар Затем нажмите кнопку *Новая вариация* и добавьте новое сочетание цвета и размера. Таким образом можно добавить сколько угодно дочерних товаров.

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

 ![Дочерние товары VirtueMart 3](https://aleksius.com/images/joomla/rasshireniya/stockable-custom-fields/dochernie-tovary-virtuemart-3.png "Дочерние товары VirtueMart 3") Дочерние товары VirtueMart 3 Как видите, плагин Stockable Custom Fields достаточно сильно упрощает создание настраиваемых полей VirtueMart, а также позволяет решить популярную задачу смены главного изображения при выборе цвета товара.

 | Похожие материалы |
|---|
| - [ Обзор VirtueMart Emails Manager. Письма VirtueMart ](https://aleksius.com/joomla/rasshireniya/virtuevart-emails-manager) - [ Обзор Targeted Marketing Plugin и Dynamic AwoCoupon Codes. VirtueMart скидки ](https://aleksius.com/joomla/rasshireniya/targeted-marketing-plugin-i-dynamic-awocoupon-codes) - [ Обзор AwoCoupon и AwoCoupon Pro. Купоны VirtueMart ](https://aleksius.com/joomla/rasshireniya/awocoupon-i-awocoupon-pro) - [ Обзор Interamind Email Manager Plus. Шаблоны писем VirtueMart ](https://aleksius.com/joomla/rasshireniya/virtuemart-email-manager-plus) - [ Обзор eKerner VM Products CSV ULTIMATE. Импорт товаров в VirtueMart 3 ](https://aleksius.com/joomla/rasshireniya/csv-virtuemart) - [ Обзор BIT VirtueMart Google Analytics. Статистика интернет-магазина ](https://aleksius.com/joomla/rasshireniya/bit-virtuemart-google-analytics) - [ Обзор eKerner VirtueMart Downloadable Products. Скачиваемые товары ](https://aleksius.com/joomla/rasshireniya/tsifrovye-tovary-v-virtuemart) |

| Автор статьи – Хорошевский Алексей |
|---|
| [![Хорошевский Алексей](https://aleksius.com/images/sluzhebnye/khoroshevskij-aleksej.jpg "Хорошевский Алексей")](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей")  Кандидат технических наук, преподаватель [Харьковского национального университета радиоэлектроники](https://nure.ua/staff/oleksiy-igorovich-horoshevskiy "Nure.ua"), веб-мастер и SEO-оптимизатор с опытом более 15 лет. Специалист по созданию сайтов на Joomla и WebSite X5. Автор научных публикаций, видеокурсов и обучающего контента по веб-разработке и SEO. Ведёт блог и YouTube-канал, где делится своими знаниями и практическим опытом. Предоставляет [услуги](https://aleksius.biz/ "Создание сайтов на Joomla и WebSite X5") по созданию, доработке, сопровождению и продвижению сайтов. [Подробнее об авторе…](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей")        **Контакты:**  - [+38 095 840 24 29](viber://chat?number=%2B380958402429 "Позвонить в Viber") - [+38 095 840 24 29](https://t.me/Aleksej_Khoroshevskij "Позвонить в Telegram") - [+38 095 840 24 29](https://wa.me/380958402429 "Позвонить в WhatsApp") - [email@aleksius.com](mailto:email@aleksius.com "Написать письмо")      **Социальные сети:**  - [LinkedIn](https://www.linkedin.com/in/khoroshevskij/ "Linkedin.com") - [Facebook](https://www.facebook.com/aleksej.horoshevskij "Facebook") - [YouTube](https://www.youtube.com/c/Aleksiuscom "YouTube") - [(Twitter)](https://x.com/aleksius_com "X.com")      **Публикации и работа:**  - [Google Академия](https://scholar.google.com.ua/citations?hl=ru&user=Z5gfbqgAAAAJ&view_op "Scholar.google.com") - [Scopus](https://www.scopus.com/authid/detail.uri?authorId=59170112000 "Scopus.com") - [Upwork](https://www.upwork.com/freelancers/~01252c9b9aa6764e20 "Upwork.com") - [Freelance.ua](https://freelance.ua/user/Aleksej/portfolio/ "Freelance.ua") |

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

- [Официальный сайт](https://breakdesigns.net/extensions/joomla/stockable-custom-fields "Stockable Custom Fields").
