Настройка карточки товара (PDP)

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

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

  1. изменить расположение блоков с фотогалереей и описанием товара
  2. отредактировать заголовок и расположение блока характеристик
  3. настроить заголовок и расположение блока отзывов
  4. изменить заголовок, расположение и количество товаров блока рекомендаций

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

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

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

    1. Авторизуйтесь в DC CMS.
    2. Перейдите в проект интернет-магазина.
    3. В боковой панели слева нажмите на Страницы, а затем:
      • перейдите в Главная > Продукт для настройки страницы на русском языке
      • перейдите в Главная > Home En > Product для настройки страницы на английском языке 
Изображение статьи
Изображение статьи

Пример отбражения фотогалереи на карточке товара 

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

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

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

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

Пример отображения блока с описанием на карточке товара

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

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

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

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

Пример отображения блока характеристик на карточке товара

Настройка заголовка блока

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

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

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

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

3. В появившемся окне в блоке Основные свойства в поле Заголовок введите нужный текст.

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

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

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

Настройка расположения блока Copy-icon

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

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

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

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

Пример отображения блока отзывов на карточке товара

Настройка заголовка блока

Управление заголовком доступно только для десктоп версии сайта. В мобильной версии сайта всегда отображается "Отзывы".

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

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

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

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

3. В появившемся окне в блоке Основные свойства в поле Заголовок введите нужный текст.

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

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

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

Настройка расположения блока Copy-icon

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

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

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

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

Пример отображения блока на карточке товара

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

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

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

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

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

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

  • в поле Заголовок Н2 введите нужный текст
  • в поле Количество товаров укажите нужное значение.
Изображение статьи

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

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

Настройка расположения блока Copy-icon

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

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

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

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

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

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

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

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

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

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

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