# Магазин

<span style="white-space: pre-wrap;">Раздел </span>****"Магазин"****<span style="white-space: pre-wrap;"> предназначен для просмотра и управления доступными товарами или услугами за внутренние бонусы. Пользователи могут выбрать интересующий товар, узнать его стоимость и количество, а также совершить покупку.</span>

---

##### ****Основной функционал страницы****

[![магазин_новый.png](https://info.atmaguru.online/uploads/images/gallery/2025-02/scaled-1680-/magazin-novyi.png)](https://info.atmaguru.online/uploads/images/gallery/2025-02/scaled-1680-/magazin-novyi.png)

<span style="white-space: pre-wrap;">Фильтр </span>****"Доступно для"****<span style="white-space: pre-wrap;"> - сортирует товары магазина по выбранным подразделениям (т.е. для кого эти товары доступны для покупки);</span>

##### ****Карточки товаров****

На странице отображаются созданные карточки товаров. Каждая карточка включает:

- ****Превью****
- ****Название****
- ****Описание****: краткая информация о товаре
- ****Количество товара****: отображает доступный остаток товара.
- ****Соимость****: цена товара в бонусах.

****Теги****: обозначают дополнительные характеристики товара, например:

- Товар дня
- Специальное предложение

****Кнопки действий****:

- ****Редактировать****:
    - Открывает модальное окно с уже заполненными данными карточки.
    - Поля можно редактировать.
    - После внесения изменений нажмите "Сохранить".
- ****Скрыть****: Убирает товар из видимости, но не удаляет.
- ****Удалить****: Удаляет карточку товара.

---

##### ****Кнопка "Добавить"****

![магазин-добавить.png](https://info.atmaguru.online/uploads/images/gallery/2025-01/scaled-1680-/magazin-dobavit.png)

- Нажмите кнопку "Добавить", чтобы создать новую карточку товара.
- <span style="white-space: pre-wrap;">Откроется </span>****модальное окно****<span style="white-space: pre-wrap;"> для заполнения информации о товаре.</span>  
    Поля модального окна:
    - ****Загрузчик фотографии****: Загрузите изображение товара.
    - ****Название товара****: Введите название товара.
    - ****Описание товара****: Укажите краткое описание.
    - ****Количество товара****: Введите доступное количество товара.
    - ****Стоимость товара****: Введите стоимость вручную или используйте стрелочки "вверх/вниз".
    - ****Переключатели****:
        - ****"Товар дня"****: Отметьте, чтобы товар отображался на главной странице.
        - ****"Специальное предложение"****: Выделение товара как специального предложения.
        - ****"Выделить карточку дополнительным цветом"****: Визуально выделяет товар.
    - ****Элемент структуры****: Выберите подразделение или должность из раскрывающегося списка, чтобы ограничить отображение товара только для выбранной структуры.
    - ****Дата размещения****: Укажите срок размещения товара (можно ввести вручную или выбрать в календаре).
    - ****Кнопки****:
        - ****"Сохранить"****: Сохранение карточки и её публикация в магазине.
        - ****"Отмена"****: Закрытие модального окна без сохранения изменений.