# Каталог товаров

После того как вы создали необходимые категории и заполнили карточки товаров, перейдите к настройкам сайта. Для этого нажмите на наименование вашего сайта в верхней строке:

<div data-with-frame="true"><figure><img src="/files/JzyYcBfp2gfQdIhvruWd" alt=""><figcaption></figcaption></figure></div>

Тогда вы вернетесь в настройки сайта, где необходимо кликнуть на страницу для перехода к настройкам секции:

<div data-with-frame="true"><figure><img src="/files/tpZ9Oftze0n33P8P6eS2" alt=""><figcaption></figcaption></figure></div>

Вы перейдете в режим редактирования страницы, где увидите уже готовые карточки товаров со всей информацией, ценами и изображениями (и др. характеристиками), которые вы ранее настроили во вкладке "Товары",

<div data-with-frame="true"><figure><img src="/files/b5jtbrqsyZJlGX7k5VaV" alt=""><figcaption></figcaption></figure></div>

## Настройки секции

Нажмите на кнопку "Редактировать", чтобы открылось правое меню для настройки контента:

<div data-with-frame="true"><figure><img src="/files/Kws6arDv611pGsjKE7xx" alt=""><figcaption></figcaption></figure></div>

Теперь вам осталось сделать всего несколько шагов.

1. Выберите какие категории товаров отображать в секции:

<div data-with-frame="true"><figure><img src="/files/VfojstxYIgc2YfHBewnX" alt=""><figcaption></figcaption></figure></div>

2. Далее выберите количество колонок:

<div data-with-frame="true"><figure><img src="/files/0yOO5nNUXJ4hdsdbmQlj" alt="" width="563"><figcaption></figcaption></figure></div>

3. Укажите сколько товаров отображать на старте (до клика на кнопку "Показать еще")

<div data-with-frame="true"><figure><img src="/files/PQSy2RbpAb17VYNrce8q" alt="" width="563"><figcaption></figcaption></figure></div>

4. Далее активируйте переключатели, если хотите, чтобы ваши клиенты могли сортировать товары по категориям, фильтрам, а также если нужно отобразить краткое описание товара:

<div data-with-frame="true"><figure><img src="/files/6mDKzLEj0G3eAcUtdXVv" alt=""><figcaption></figcaption></figure></div>

Теперь нажмите "Сохранить":

<div data-with-frame="true"><figure><img src="/files/BcRgfCeiyzmA4tFXaMjI" alt=""><figcaption></figcaption></figure></div>

Теперь наведите на секцию и нажмите "Настройки", чтобы кастомизировать секцию:

<div data-with-frame="true"><figure><img src="/files/01KRKEKroMu6tO38a4JM" alt=""><figcaption></figcaption></figure></div>

<div data-with-frame="true"><figure><img src="/files/QH2fXENw0S12bvSSNwxR" alt=""><figcaption></figcaption></figure></div>

В настройках секции вы сможете:

1. выбрать подходящий шрифт, размер шрифтов в секции;
2. кастомизировать фон, загрузив изображения или выбрав сплошные цвета и градиент;
3. настроить отображение секции: ширину секции, видимость, размер и ширину.

{% hint style="success" %}
Подробнее об универсальных настройках секций рассказали [здесь](/websites/builder/sekcii-bloki/universalnye-nastroiki-sekcii.md).
{% endhint %}

Теперь перейдите в предпросмотр:

<div data-with-frame="true"><figure><img src="/files/NMhiHByElypzgH29Nn9R" alt=""><figcaption></figcaption></figure></div>

Здесь вы сможете просмотреть отображение сайта с товарами, посмотреть, как работают фильтры и поиски категорий, а также просмотреть корзину и оплату:

<div data-with-frame="true"><figure><img src="/files/h3ei4q4vW0NC6c6RO62k" alt=""><figcaption></figcaption></figure></div>

<div data-with-frame="true"><figure><img src="/files/p0BNx0wryCjYsN7uk9m6" alt=""><figcaption></figcaption></figure></div>

{% hint style="success" %}
Вы можете добавлять любое количество секций для интернет-магазина, например, например, для каждой секции отображать определенную категорию товаров или располагать секции на разных страницах сайта.

Вам достаточно заполнить карточки товаров, а настройки секции — минимальны для быстрого запуска.
{% endhint %}

## Меню Магазина

Для интернет-магазина существует собственная секция Меню:

<div data-with-frame="true"><figure><img src="/files/Ck0j3h3GPbEoqckDYo2P" alt=""><figcaption></figcaption></figure></div>

В Меню магазина отобржается:

* поисковая строка;
* избранное;
* корзина;
* каталог товаров.

При переходе в настройки контента секции Меню магазина, можно загрузить логотип.&#x20;

<div data-with-frame="true"><figure><img src="/files/dlIpelak4Rsnnj5PuXWS" alt=""><figcaption></figcaption></figure></div>

<div data-with-frame="true"><figure><img src="/files/QrweJBbJ99OJIz1xZLcj" alt=""><figcaption></figcaption></figure></div>

А также убрать кнопку "Каталог товаров", поисковую строку, поставив переключатели в неактивное положение.

При активном переключателе "Зафиксировать секцию", меню будет зафиксировано и скроллиться будет только каталог товаров:

<div data-with-frame="true"><figure><img src="/files/igpWfW8lBSyV5qNzAp0d" alt=""><figcaption></figcaption></figure></div>

При неактивном переключателе "Зафиксировать секцию", меню магазина будет скрываться при скролле каталога:

<div data-with-frame="true"><figure><img src="/files/Pr1MJWUN4GSBv6zxjBrR" alt=""><figcaption></figcaption></figure></div>

Чтобы изменить отображение секции меню (например, растянуть меню на весь экран и пр.), наведите на секцию в режиме редактирования страницы и нажмите кнопку "Настройки":

<div data-with-frame="true"><figure><img src="/files/7bznL0CFFvBvr7UCElSj" alt=""><figcaption></figcaption></figure></div>

Далее откроются настройки отображения секции:

<div data-with-frame="true"><figure><img src="/files/JuiPEb1YfGJBDpHFRK36" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
Подробнее о настройках отображение секций [рассказали в одноименной статье](/websites/builder/sekcii-bloki/universalnye-nastroiki-sekcii/nastroiki-otobrazheniya.md)
{% endhint %}

## Как поменять адрес сайта?

Чтобы адрес сайта был с красивой и лаконичной ссылкой, а не автоматически сгенерированной, как на примере ниже

<div data-with-frame="true"><figure><img src="/files/Ge0qPeN1n6J1XsL3Sbsx" alt=""><figcaption></figcaption></figure></div>

Вы можете изменить URL страницы. Для этого перейдите в настройки сайта:

<div data-with-frame="true"><figure><img src="/files/RRN37TFlML9mjLLzlHIM" alt=""><figcaption></figcaption></figure></div>

Далее в основных настройках измените:

<div data-with-frame="true"><figure><img src="/files/cejx5I8Ilhpg3gKhPTIa" alt="" width="563"><figcaption></figcaption></figure></div>

1. **Название сайта** — отображается в разделе Сайты (изменив его название, вы сможете легко находить сайт в списке уже имеющихся в будущем):

<div data-with-frame="true"><figure><img src="/files/ZA8q6FkDzRVPIUafOBFN" alt="" width="563"><figcaption></figcaption></figure></div>

2. **Название вкладки в браузере** — отображается в адресной строке:

<div data-with-frame="true"><figure><img src="/files/cRoSRfVuxDYjetucBcVY" alt=""><figcaption></figcaption></figure></div>

3. URL — адрес сайта:

<div data-with-frame="true"><figure><img src="/files/u4b2cKVKBjO756AwSbYN" alt=""><figcaption></figcaption></figure></div>

{% hint style="success" %}
Ваш полноценный интернет-магазин готов!
{% endhint %}

{% hint style="info" %}
Если вы хотите установить собственный домен, то [рассказано об этом здесь](/websites/builder/nastroiki-saita.md#kak-ustanovit-svoi-domen).
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.salebot.pro/websites/internet-magazin/katalog-tovarov.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.