Настройка каталога

В этой статье вы узнаете, как с помощью системы DC CMS управлять отображением каталога на сайте и в мобильном приложении интернет-магазина.

Путь к настройкам и алгоритм их выполнения одинаков для веб-сайта и мобильного приложения интернет-магазина. Ниже мы рассмотрим все этапы настройки на примере веб-сайта.

При помощи DC CMS вы можете:

Подробнее о каждой из настроек можно узнать ниже.

Путь к настройкам Copy-icon

Чтобы перейти к настройкам каталога:

1. Авторизуйтесь в DC CMS.

2. Перейдите в проект интернет-магазина.

3. В боковой панели слева нажмите на Страницы, а затем:
  • перейдите в Главная > Каталог для настройки страницы на русском языке
  • перейдите в Главная > Home En > Catalog для настройки страницы на английском языке 

Только для десктопа и мобильной версии сайта

С помощью DC CMS вы можете настроить отображение страниц для каждой категории. Например, вы можете установить индивидуальный баннер для каждой категории. Для этого вам нужно перейти в раздел Главная > Каталог > страница нужной категории (например, Аксессуары) или Главная > Home En > Catalog > страница нужной категории (например, Shoes) и произвести необходимые настройки.

Настройки, которые вы зададите по пути Главная > Каталог (или Главная > Home En > Catalog), будут считаться настройками по умолчанию и будут применяться ко всем категориям, для которых не созданы отдельные страницы в системе DC CMS.

Изображение статьи

Настройка баннера

Изображение статьи

Пример отображения баннера на странице каталога

Настройка изображения и текста на нем

  1. Перейдите в режим редактирования, нажав на иконку Карандаш в правом верхнем углу.
Изображение статьи

2. Наведите курсор мыши на баннер так, чтобы вокруг него появилась зеленая рамка и плашка "Изображение", затем кликните и нажмите на иконку Карандаш.

Изображение статьи

3. В появившемся окне в разделе Основные свойства произведите настройки:

3.1 В поле Заголовок HTML укажите текст для отображения на баннере

3.2 В поле Изображение нажмите на Заменить и выберите подходящий вариант загрузки:

    • Чтобы загрузить изображение с компьютера, нажмите на Загрузить и выберите файл для загрузки.
    • Чтобы загрузить изображение из медиатеки DC CMS, нажмите на Медиатека и выберите нужный файл

4. Нажмите на Сохранить и закрыть.

5. Опубликуйте изменения.

Изменение расположения баннера Copy-icon

1. Перейдите в режим перемещения, нажав на иконку с тремя горизонтальными линиями в верхней части экрана.

Изображение статьи

2. Наведите курсор мыши на баннер так, чтобы вокруг него появилась фиолетовая рамка и плашка "Изображение", а затем через drag&drop или по клику на баннер > изображение стрелки, направленной вверх или вниз, переместите баннер в нужное место.

Изображение статьи

3. Опубликуйте изменения.

Удаление баннера Copy-icon

1. Перейдите в режим перемещения, нажав на иконку с изображением трех горизонтальных линий в правом верхнем углу.

Изображение статьи

2. Наведите курсор мыши на баннер, чтобы вокруг него появилась фиолетовая рамка. Затем перетащите баннер в правый нижний угол экрана, где отображается иконка корзины, или щёлкните на баннер, а затем на иконку корзины.

Изображение статьи

3. Подтвердите удаление.

4. Опубликуйте изменения.

Настройка заголовка Copy-icon

Изображение статьи

Пример отображения заголовка на странице каталога

Заголовок не отображается в мобильном приложении интернет-магазина.

1. Перейдите в режим редактирования, нажав на иконку Карандаш в правом верхнем углу.

Изображение статьи

2. Наведите курсор мыши на заголовок так,чтобы вокруг него появилась зеленая рамка и плашка "Plain Text". Затем кликните, введите нужный текст и сместите фокус, чтобы изменения применились.

Изображение статьи
Изображение статьи

Пример отображения блока рекомендаций на странице каталога

Настройка заголовка и количества товаров Copy-icon

1. Перейдите в режим редактирования, нажав на иконку Карандаш в правом верхнем углу.

Изображение статьи

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

Изображение статьи

3. В появившемся окне в блоке Основные параметры выполните настройки:

3.1 В поле Заголовок Н2 введите текст заголовка.

3.2 В поле Количество товаров укажите количество товаров для отображения в блоке рекомендаций.

Изображение статьи

Минимально допустимое количество товаров в блоке - 1; максимальное - 99.

4. Нажмите на Сохранить и закрыть.

5. Опубликуйте изменения.

Изменение расположения блока Copy-icon

1. Перейдите в режим перемещения, нажав на иконку с изображением трех горизонтальных линий в правом верхнем углу.

Изображение статьи

2. Наведите курсор мыши на блок, так, чтобы вокруг него появилась фиолетовая рамка и плашка "Рекомендации", затем через drag&drop или по клику на блок >  изображение стрелки, направленной вверх или вниз, переместите блок в нужное место.

Изображение статьи

Удаление блока Copy-icon

1. Перейдите в режим перемещения, нажав на иконку с тремя горизонтальными линиями в правом верхнем углу.

Изображение статьи

2. Наведите курсор мыши на блок так, чтобы вокруг него появилась фиолетовая рамка. Затем перетащите блок в правый нижний угол экрана, где отображается иконка корзины, или щёлкните на блок, а затем на иконку корзины.

Изображение статьи

3. Подтвердите удаление, нажав на Yes.

4. Опубликуйте изменения.

Публикация изменений Copy-icon

1. Нажмите на 3 точки в центральной части верхней панели инструментов и выберите Опубликовать.

Изображение статьи

2. В появившемся окне нажмите на Опубликовать. Через несколько минут изменения отобразятся на сайте интернет-магазина.

Изображение статьи

Чтобы изменения отобразились на сайте интернет-магазина, флаг get_from_CMS должен иметь статус true.