Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions docs/components/minishop3/frontend/cart.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,8 @@ title: Корзина

Корзина покупок — ключевой элемент интернет-магазина. MiniShop3 предоставляет гибкую систему для отображения корзины в любом месте сайта.

[![](https://file.modx.pro/files/3/f/b/3fb27bc4fb74bcbbfad003ba2165498cs.jpg)](https://file.modx.pro/files/3/f/b/3fb27bc4fb74bcbbfad003ba2165498c.png)

## Множественные корзины на странице

MiniShop3 позволяет размещать **неограниченное количество корзин** на одной странице. Каждая корзина может иметь свой шаблон и автоматически обновляться при изменении содержимого.
Expand Down
5 changes: 5 additions & 0 deletions docs/components/minishop3/frontend/catalog.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ title: Каталог товаров

Каталог — основная страница магазина, где выводится список товаров из категории. MiniShop3 предоставляет готовый шаблон и чанк карточки товара.

[![](https://file.modx.pro/files/e/4/2/e42014d3fca7e7073ef6e30d7709cff6s.jpg)](https://file.modx.pro/files/e/4/2/e42014d3fca7e7073ef6e30d7709cff6.png)
## Структура каталога

Каталог состоит из двух компонентов:
Expand Down Expand Up @@ -73,6 +74,8 @@ title: Каталог товаров

**Имя чанка в БД:** `tpl.msProducts.row`

[![](https://file.modx.pro/files/2/e/8/2e8fceaf20e53d57b44631b3fea62888s.jpg)](https://file.modx.pro/files/2/e/8/2e8fceaf20e53d57b44631b3fea62888.png)

Карточка построена на Bootstrap 5 и включает:

### Элементы карточки
Expand Down Expand Up @@ -121,6 +124,8 @@ title: Каталог товаров

Переключение происходит автоматически при событии `ms3:cart:updated`.

[![](https://file.modx.pro/files/2/c/b/2cbef63bd61c6ee6e707163e52917a12s.jpg)](https://file.modx.pro/files/2/c/b/2cbef63bd61c6ee6e707163e52917a12.png)

### Микроразметка Schema.org

Карточка включает разметку для поисковых систем:
Expand Down
2 changes: 2 additions & 0 deletions docs/components/minishop3/frontend/order.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,8 @@ title: Оформление заказа

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

[![](https://file.modx.pro/files/5/2/e/52ee1eb19597215187ec2cac0010586as.jpg)](https://file.modx.pro/files/5/2/e/52ee1eb19597215187ec2cac0010586a.png)

## Структура страницы

| Компонент | Файл | Назначение |
Expand Down
13 changes: 7 additions & 6 deletions docs/components/minishop3/frontend/product.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ title: Страница товара

Страница товара — детальное представление одного продукта с галереей, ценой, опциями и формой добавления в корзину.

[![](https://file.modx.pro/files/2/5/a/25aa24b8959c026826d65090b57111c8s.jpg)](https://file.modx.pro/files/2/5/a/25aa24b8959c026826d65090b57111c8.png)
## Структура страницы

| Компонент | Файл | Назначение |
Expand Down Expand Up @@ -165,11 +166,11 @@ title: Страница товара
Если у товара есть опции `color` или `size`, они выводятся в виде кнопок:

```fenom
{if $color?}
{if $_modx->resource.color?}
<div class="option-group mb-3">
<label class="form-label fw-semibold">Цвет:</label>
<div class="d-flex flex-wrap gap-2">
{foreach $color as $colorOption}
{foreach $_modx->resource.color as $colorOption}
<button type="button" class="btn btn-outline-secondary btn-sm option-btn">
{$colorOption}
</button>
Expand Down Expand Up @@ -311,8 +312,8 @@ Bootstrap-табы для организации контента:
| Производитель | `{$vendor_name}` |
| Страна производства | `{$made_in}` |
| Вес | `{$weight}` |
| Доступные цвета | `{$color}` (массив) |
| Доступные размеры | `{$size}` (массив) |
| Доступные цвета | `{$_modx->resource.color}` (массив) |
| Доступные размеры | `{$_modx->resource.size}` (массив) |

---

Expand Down Expand Up @@ -377,8 +378,8 @@ Bootstrap-табы для организации контента:

| Плейсхолдер | Тип | Описание |
|-------------|-----|----------|
| `{$color}` | array | Массив доступных цветов |
| `{$size}` | array | Массив доступных размеров |
| `{$_modx->resource.color}` | array | Массив доступных цветов |
| `{$_modx->resource.size}` | array | Массив доступных размеров |
| `{$discount}` | int | Процент скидки (рассчитывается) |

## Кастомизация
Expand Down
2 changes: 2 additions & 0 deletions docs/components/minishop3/frontend/thanks.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,8 @@ title: Спасибо за заказ

Страница благодарности отображается после успешного оформления заказа. Показывает детали заказа и дальнейшие действия для покупателя.

[![](https://file.modx.pro/files/e/9/3/e936fc08c9cbf5e83cae96910ae66fd7s.jpg)](https://file.modx.pro/files/e/9/3/e936fc08c9cbf5e83cae96910ae66fd7.png)

## Структура страницы

| Компонент | Файл | Назначение |
Expand Down
4 changes: 4 additions & 0 deletions docs/components/minishop3/interface/gallery.md
Original file line number Diff line number Diff line change
Expand Up @@ -81,6 +81,10 @@ MiniShop3 использует библиотеку [Intervention Image](https:/
- **Отражение** — по горизонтали/вертикали
- **Масштабирование** — изменение размера

[![](https://file.modx.pro/files/9/c/a/9caa72a7b355926f74132f2b61db90d1s.jpg)](https://file.modx.pro/files/9/c/a/9caa72a7b355926f74132f2b61db90d1.png)

[![](https://file.modx.pro/files/e/9/a/e9ab2d93401728e0a90735592f690407s.jpg)](https://file.modx.pro/files/e/9/a/e9ab2d93401728e0a90735592f690407.png)

## Конфигурация миниатюр

### Где настраивается
Expand Down