> For the complete documentation index, see [llms.txt](https://docs.codpeller.com/en/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.codpeller.com/en/social-proof/nastroika/kak-nastroit-predprosmotr-kategorii.md).

# Как настроить Предпросмотр категорий

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

## Основные настройки

После установки приложения "Subcategory Preview" перейдите на [страницу настроек](https://my.ecwid.com/cp/#app:name=subcategory-preview-ks). На странице настроек прокрутите экран вниз до блока "Основные настройки". Настройки приложения разделяются на 2 блока (Рис. 1): 

* На стартовом сайте
* На витрине магазина

![Рис. 1. Основные настройки](https://content.gitbook.com/content/b8tXvs0XGg1dcXcoJqFy/blobs/fdB6y7TDZnHJ4CjcgCUb/0.png)

### Настройка на стартовом сайте

Для настройки внешнего вида кнопки меню и списка подкатегорий на стартовом сайте вам нужно перейти в этот блок нажав кнопку "Настроить" Рис.2.

![Рис. 2](https://content.gitbook.com/content/b8tXvs0XGg1dcXcoJqFy/blobs/8cJisvNiMooBdWCtFwRG/1.png)

### Насттройка на витрине магазина

Для настройки внешнего вида кнопки меню и списка подкатегорий на витрине магазина вам нужно перейти в этот блок нажав кнопку "Настроить" Рис.3.

![Рис. 3](https://content.gitbook.com/content/b8tXvs0XGg1dcXcoJqFy/blobs/z2Ymezv7Lag84yeu6fXx/2.png)

{% hint style="info" %}
По умолчанию, внешний вид кнопки меню и список категорий на витрине магазина выглядит как на стартовом сайте Рис. 4.
{% endhint %}

![Рис. 4](https://content.gitbook.com/content/b8tXvs0XGg1dcXcoJqFy/blobs/MroP30gAPIGbM4cGut4y/3.png)

Настроить разный вид кнопки меню на стартовом сайте и в категориях

Если вы хотите, чтобы внешний вид кнопки меню на стартовом сайте и на странице категорий выглядели по-разному, то вам нужно включить "Свои настройки" Рис. 5.

![Рис. 5](https://content.gitbook.com/content/b8tXvs0XGg1dcXcoJqFy/blobs/af8ZVz3UwX35X4dWSVrL/4.png)

Пропишите все нужные вам параметры.