> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.support-vigbo.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

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

С помощью виджета **Карточки товаров** вы может показать самые выгодные предложения или новинки магазина на любой странице вашего сайта. Добавление товаров в виджет занимает всего пару кликов, а для удобства просмотра на сайте предусмотрен плавный скролл, позволяющий ознакомиться со всеми карточками.

![Screenshot_32.png](https://storage.crisp.chat/users/helpdesk/website/-/a/e/d/5/aed5df2678e13800/9bc2b194-1f42-4532-ade6-04c77f_67p3gi.png)

> **ВАЖНО**: функционал виджета доступен только на тарифе «Бизнес».

1. Заполните ваш каталог товарами. Подробнее про создание товаров вы можете почитать в руководстве [Как добавить товар?](/hc/ru/articles/115001009271)

2. Откройте или создайте страницу с типом **Новая страница** и добавьте виджет **Карточки товаров**, перетащив его в нужную область страницы.

![Screenshot_23.png](https://storage.crisp.chat/users/helpdesk/website/-/f/8/a/4/f8a4f17c13ce8000/fc13670c-7fc2-4724-a1f9-0d52c2_1nrekbn.png)

Виджет будет добавлен на страницу и в нём отобразятся 3 товара, добавленные в каталог последними. Обратите внимание, виджет будет располагаться сразу на всю ширину сайта, без возможности добавить рядом другие виджеты.

2. Перейдите в настройки виджета нажав на иконку шестерёнки справа вверху.

![Screenshot_37.png](https://storage.crisp.chat/users/helpdesk/website/-/b/d/6/4/bd64c385e0a49800/5d195bd1-3c02-45a0-8b63-73836b_8nhv67.png)

3. В открывшемся редакторе вы можете:

— **Добавить новые товары**. Необходимо ввести название товара или артикул и кликнуть на найденный продукт. Товар будет добавлен в конец списка всех карточек.

![Screenshot_33.png](https://storage.crisp.chat/users/helpdesk/website/-/e/c/0/c/ec0c39f392dc7800/85b9aa25-1c25-4110-af0a-347555_1owhwah.png)

> **ВАЖНО**: в виджет **Карточки товаров** можно добавить только товары, которые есть в наличии и видны в каталоге. Если в магазине доступна возможность предзаказа товаров, то вы также сможете добавить в виджет товары с нулевым количеством. Максимальное количество товаров в виджете — 20.

Обратите внимание, повторный клик на товар, который уже есть в виджете, приведёт к удалению товара из списка. Добавленный товар в поиске будет отмечен символом «галочка».

![Screenshot_36.png](https://storage.crisp.chat/users/helpdesk/website/-/7/b/2/3/7b23c51bb7a8b400/cea77cd4-830b-44c4-a37e-d23daa_1urmcnd.png)

— **Удалить товары**, которые уже есть в блоке. Достаточно нажать на иконку корзины возле продукта.

![Screenshot_35.png](https://storage.crisp.chat/users/helpdesk/website/-/8/9/2/d/892d9a2499728000/99c19776-3683-409e-91cb-c178bd_mjlwj0.png)

— **Изменять порядок товаров**. Нажмите на кнопку в виде стрелок слева от продукта и, удерживая кнопку мыши, перетяните товар по списку.

![page-65.gif](https://storage.crisp.chat/users/helpdesk/website/-/4/4/a/3/44a36dae033a1c00/1c5f9fa6-0fe5-4706-8372-ebe828_1879sbv.gif)

— **Добавить или убрать отображение цены** у продуктов.

![Screenshot_38.png](https://support.vigbo.tech/hc/article_attachments/23281661022620)

В случае, если у товара заполнено поле «Цена со скидкой», то под товаром будет отображаться обе цены, при этом старая цена — зачёркнута.

— **Выбрать пропорции для превью товаров**.

![Screenshot_39.png](https://support.vigbo.tech/hc/article_attachments/23281661023516)

Рекомендуем выбирать такие же пропорции, как заданы для фотографий в разделе **Магазин** > **Оформление** > **Страница каталога**. Если выбрать другие пропорции, то фотография в виджете будет выравниваться по меньшей стороне и обрезаться по большей.

— **Добавить или убрать кнопку заказа.** Кнопка заказа перенаправляет покупателя на страницу карточки товара, где он может добавить товар в корзину и оформить заказ. Если эта кнопка отключена, посетитель сможет перейти к подробной информации о товаре, кликнув на его превью.

![Screenshot_40.png](https://support.vigbo.tech/hc/article_attachments/23281661024796)

Если в виджете добавлено 5 или более товаров, то на десктоп версии сайта в виджете появится горизонтальный скролл для возможности просмотреть все карточки. В мобильной версии виджет по умолчанию будет в виде горизонтального скролла.

> **ВАЖНО**: если вы добавите виджет и сохраните страницу без сохранения самого виджета, то в блоке товаров всегда будут автоматически показываться три последних доступных товара из магазина. Если вы сохраните сам виджет, а затем — страницу, то виджет будет показывать только те товары, что вы сохранили.