> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.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).

# Добавление и редактирование элемента "Товар"

Если вы ищете способ органично добавить товар в существующий блок, попробуйте добавить карточку товара как отдельный элемент. Это возможно в большинстве блоков в редакторе, плюс вы получаете уникальный дизайн блока. 

# Добавление карточки товара в блок

1. Наведите на то место в блоке, куда вы хотите добавить карточку товара, и нажмите на «плюс»:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1040-4_f1haqj.png)

2. Пролистайте вниз в открывшемся окне и выберите элемент **Товар**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1041-3_12gtomv.png)

| ${color}[#1aa900](Подсказка:) чтобы каждый раз не искать элемент, добавьте его в избранное. Детальнее об этом можно узнать в статье [Добавление элементов](https://help.weblium.com/ru/article/dobavlenie-elementov-1l7iiqt/).

3. Теперь выберите товар, который отобразится в этом элементе. Перейдите к настройкам карточки, кликнув на «бегунок» в левом верхнем углу:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1042-2_x4klpb.png)

4. Выберите товар из каталога во вкладке **Вид**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1043-1_wy6a1z.png)

4. Как только вы добавили все товары в редакторе, [опубликуйте свой сайт](https://help.weblium.com/ru/article/publikaciya-sajta-1xvrq6l/), чтобы изменения вступили в силу.

||| ${color}[#f97700](Важно:) интернет-магазин доступен только для сайтов с подпиской Business.

# Настройки карточки товара

1. Для начала наведите на элемент товара и нажмите на «бегунок» в левом верхнем углу: 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1042-2_x4klpb.png)

2. В новом окне перейдите во вкладку **Фон**, чтобы выбрать другой фон для этой карточки: 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1044-1_1d5gi4f.png)

3. Чтобы настроить текст и стиль кнопки в карточке, нажмите на саму кнопку, кликните на «бегунок» и отредактируйте её в новом окне. Более детальную информацию вы можете узнать в статье [Изменение дизайна кнопки](https://help.weblium.com/ru/article/izmenenie-dizajna-knopki-1xt931r/).

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1045-1_1x05l3b.png)

4. Цвет цены в карточки зависит от цветовой палитры сайта. Так, если фон карточки светлый, будет использоваться брендовый цвет в палитре, а если фон тёмный, то будет использоваться цвет светлого оттенка:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1060-8_exqhne.png)

5. После того, как вы закончили настраивать карточки товаров, [опубликуйте свой сайт](https://help.weblium.com/ru/article/publikaciya-sajta-1xvrq6l/), чтобы изменения вступили в силу.

| ${color}[#1aa900](Подсказка:) обратитесь к статье [Настройки интернет-магазина](https://help.weblium.com/ru/article/nastrojki-internet-magazina-bacgy5/), чтобы изменить действие для карточек товаров.