> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Блок Image Choice: выбор ответа по картинке

> Блок Image Choice в квизе: добавьте варианты ответов с изображениями, настройте значения для CRM, множественный выбор и внешний вид.

Блок **Image Choice** работает так же, как Multiple Choice, но использует **изображения вместо текста**. Благодаря этому он вовлекает сильнее, а пользователю проще принять решение визуально.

## Общие настройки

### Name

* Уникальное имя поля, под которым данные сохраняются и отправляются
* Можно использовать как переменную

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/2fKNopSGUABbSt57/images/Group58.png?fit=max&auto=format&n=2fKNopSGUABbSt57&q=85&s=343223d7680ced7f37d2c1a052d08c21" alt="Поле Name в настройках блока Image Choice" width="1470" height="833" data-path="images/Group58.png" />
</Frame>

### Label

* Необязательный поясняющий текст над блоком

### Options

Каждый вариант включает:

* **Image** — загрузите или выберите изображение
* **Display Name** — видимая подпись
* **Value** — значение, которое отправляется в вашу CRM

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/2fKNopSGUABbSt57/images/CRM.png?fit=max&auto=format&n=2fKNopSGUABbSt57&q=85&s=e551ffae531324af2059de0f7cffcad7" alt="Вариант ответа в блоке Image Choice с изображением, отображаемым названием и значением для CRM" width="1470" height="833" data-path="images/CRM.png" />
</Frame>

## Настройки

* **Allow Multiple Selection** — можно выбрать несколько изображений
  * Для продолжения потребуется кнопка
* **Sort Alphabetically**
* **Reverse Order**
* **Randomize**

## Навигация и валидация

* **Navigation** — задайте следующие шаги или условные сценарии
* **Validation** — требуйте выбрать хотя бы один вариант

## Декораторы

* **Multiple Selection Separator** — определяет, как хранятся значения
* **Help Text** — добавьте подсказку под блоком

## Отступы

* **Size** — S, M, L, Full width
* **Margin** — отступы вокруг блока

## Внешний вид

* **Layout Type** — Grid (сетка) или List (список)
* **Items per Row (Desktop & Mobile)**
* **Alignment options**
* **Visibility** — Desktop / Mobile

## Дизайн

* **Presets** — готовые стили
* **Advanced Settings** — настройте:
  * Default state
  * Hover state
  * Selected state
  * границы, отступы, размер медиа


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.