Как создать модификации товаров с переключением по картинкам или изображениям цветов

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

Иногда, в качестве переключателя между модификациями нагляднее и проще использовать иллюстрацию товара или изображение цвета.

Используя модуль «Модификации товаров» вы можете это сделать.

Ниже приведено руководство по настройке переключателей между вариантами:

• По картинкам.
• По изображению цвета.

Картинка как переключатель между вариантами товаров

1. Создадим новую подгруппу или добавим новое свойство в существующую подгруппу (во вкладке Группа или Cвойства).

2. В качестве типа данных для группового поля указываем «Картинка».

3. 
3. Добавляем фотографии или иллюстрации, которые будут выступать в качестве переключателя между модификациями — нажмите на кнопку «Добавить изображение».

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

4. Нажмите на крестик после добавления.
5. Нажмите на кнопку «Сохранить».
6. Создайте товар к которому необходимо добавить модификации.

7. Созданый товар, на вкладке «Группа», свяжите с ранее созданной группой и выберите одно из значений в качестве характеристики цвета.
8. Нажмите на кнопку «Сохранить».
9. Откройте снова товар для редактирования.
10. Перейдите на вкладку «Варианты», в поле «Свойство» выберите «Цвет» и добавьте необходимые для создания модификаций значения.

11. Нажмите на кнопку «Создать вариант».

12. Опять выберите свойство «Цвет» и опцию «Автоматически».
13. Нажмите на кнопку «Создать».

14. Модификации товаров созданы и видны в таблице под «родительским товаром» (основным товаром).

15. Нажмите на кнопку «Сохранить».
16. Сейчас необходимо отредактировать необходимые значения полей для каждого из вариантов, загрузить соответствующие картинки.

17. Откройте страницу товара. Сейчас посетители сайта или интернет-магазина могут переключаться между вариантами, кликая на загруженные вами картинкам.

Цвет как переключатель между модификациями товаров

1. Создадим новую группу или добавим новое свойство в существующую группу (свойства товаров).
2. В качестве типа данных для группового поля указываем «Цвет».
3. Выбираем и добавляем цвета, которые будут выступать в качестве переключателя между модификациями — нажмите на кнопку «Добавить».

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

5. Нажмите на крестик после добавления.
6. Нажмите на кнопку «Сохранить».
7. Создайте товар к которому необходимо добавить модификации.
8. На вкладке «Группа» свяжите товар с ранее созданной группой и выберите одно из значений в качестве характеристики цвета.

6. Нажмите на кнопку «Сохранить».
7. Откройте снова товар для редактирования.
8. Перейдите на вкладку «Варианты», в поле «Свойство» выберите «Цвет» и добавьте необходимые для создания модификаций значения.

9. Нажмите на кнопку «Создать вариант».

10. Опять выберите свойство «Цвет» и опцию «Автоматически».
11. Нажмите на кнопку «Создать».
12. Модификации товаров созданы и видны в таблице под «родительским товаром» (основным товаром).

13. Нажмите на кнопку «Сохранить».
14. Сейчас необходимо отредактировать необходимые значения полей для каждого из вариантов, загрузить соответствующие картинки.
15. Откройте страницу товара. Сейчас посетители сайта могут переключаться между вариантами, кликая на заданные вами цвета.