---
metadata:
  - name: generator
    content: Diplodoc Platform v5.50.6
alternate:
  - https://yandex.ru/support/kit/ru/site-editor/sections/index.md
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.ru/support/kit/ru/llms.txt

# Секции

На вкладке **Секции** настраивается контент на страницах сайта. 

## Редактировать {#edit}

1. Выберите страницу, которую хотите отредактировать, на вкладке:

   {% list tabs %}
   
   - Страницы
   
     1. В левом меню перейдите на вкладку **Страницы**.

     1. Выберите страницу из списка.
        Левое меню переключится на вкладку **Секции** с настройками для выбранной страницы.

        {% note info "Примечание" %}
        
        Для страниц **Карточка нового товара**, **Категории** и **Коллекции** в настройках секции можно выбрать товар, категорию и коллекцию, которые будут отображаться на странице.

        {% endnote %}

   - Секции
   
     1. В левом меню перейдите на вкладку **Секции**.

     
     1. Выберите страницу из выпадающего списка.

        {% note info "Примечание" %}
        
        Для страниц **Карточка нового товара**, **Категории** и **Коллекции** в настройках секции можно выбрать товар, категорию и коллекцию, которые будут отображаться на странице.

        {% endnote %}

   {% endlist %}

1. Выберите секцию, которую хотите отредактировать.
   Справа откроется панель настроек секции.

   {% note warning "Важно" %}
   
   Наличие секций **Шапка** и **Подвал** обязательно на каждой странице.

   {% endnote %}

1. Отредактируйте контент в секции.

1. В правом верхнем углу нажмите **Сохранить**.

## Добавить {#add}

1. Внизу левой панели нажмите **Добавить секцию**.

1. Выберите тип секции из списка.

1. Отредактируйте контент в секции.

1. В правом верхнем углу нажмите **Сохранить**.
   Секция отобразится на странице.

## Переместить {#replace}

1. Наведите указатель на название секции и слева от названия зажмите <svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="dc-Icon dc-Icon_role_supplementary dc-Icon_color_gray" focusable="false" aria-hidden="true"><path d="M3.75 2.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Zm5.5 0a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM3.75 8a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Zm7-1.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM5.25 12a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm4 1.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z" fill="currentColor"/></svg>.

1. Перетащите секцию в новое место.

## Копировать {#copy}

1. Справа от названия нужной секции нажмите <svg width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M8.5 4a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM8.5 10a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM10 14.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z" fill="currentColor"/></svg> → **Копировать**.

2. Справа от названия другой секции нажмите <svg width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M8.5 4a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM8.5 10a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM10 14.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z" fill="currentColor"/></svg> и выберите:
 
 * **Заменить** — чтобы заменить секцию на скопированную.

 * **Вставить секцию ниже** — чтобы вставить скопированную секцию ниже.

## Удалить {#delete}

Справа от названия секции нажмите <svg width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M8.5 4a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM8.5 10a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM10 14.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z" fill="currentColor"/></svg> → **Удалить**.