Детальная страница товара — это страница, которая открывается по клику на товар в каталоге интернет-магазина. На ней покупатель может найти всю нужную информацию: описание и характеристики, стоимость, наличие товара. Это помогает сориентироваться и сразу оформить заказ.

Ссылку на детальную страницу можно отправить клиенту или использовать ее для рекламы — так по клику клиенту откроется нужный товар, а не весь каталог магазина.

Как найти детальную страницу товара

На детальной странице товара есть блок Товар каталога. Он автоматически подставляет из CRM название, цену и другие параметры товара.

Перейдите в раздел Сайты и магазины > Магазины. Наведите курсор на нужный магазин и нажмите Посмотреть страницы.

Расположение детальной страницы зависит от шаблона магазина. Расскажем, как найти ее в стандартных шаблонах Битрикс24. Если магазин создан с нуля или на основе готового решения из Маркетплейса, найдите страницу с блоком Товар каталога в структуре сайта.

CRM + Интернет-магазин. Перейдите в папку Каталог и нажмите на страницу Карточка товаров, чтобы открыть редактор сайтов.

Классический магазин. Одежда. Перейдите в папку Каталог и нажмите на страницу Товар детально.

Товар по акции. В этом шаблоне блок Товар каталога находится на главной странице. Нажмите на нее, чтобы перейти к настройке.

Классический магазин. Хэндмейд. В этом шаблоне детальная страница товара не предусмотрена — когда пользователь нажимает Купить на главной странице, он сразу переходит к оформлению заказа.

Как отредактировать детальную страницу товара

1. Наведите курсор на блок Товар каталога и нажмите Редактировать.
2–3. Слева появятся настройки блока:

• ID элемента — выберите раздел каталога со всеми товарами, которые продаются в интернет-магазине.
• Устанавливать SEO-теги и заголовок страницы — если этот параметр включен, то в названии вкладки браузера будет показан заголовок, указанный в настройках мета-тегов.
  Как изменить заголовок через настройки страницы магазина
• Показывать кнопки добавления в корзину и покупки — отметьте галочками кнопки, которые нужно разместить на странице. Например, если клиенты приходят на страницу из рекламы, оставьте только кнопку Купить, чтобы покупатели могли сразу оформить заказ.
• Текст кнопки Купить, Добавить в корзину и Уведомить о поступлении — укажите названия кнопок. Например, Купить сейчас, Отложить и Сообщить о поступлении.
• Сообщение об отсутствии товара — напишите текст, который будет отображаться на кнопке Купить, если товар временно отсутствует. Например, Нет в наличии.
• Якорь блока — создается автоматически и отображается в ссылке на детальную страницу. Название можно изменить, чтобы оно соответствовало ассортименту магазина.

Как изменить дизайн детальной страницы товара

1. Наведите курсор на блок Товар каталога и нажмите Дизайн. Слева откроется панель Дизайн и настройки.
2. В разделе Настройки блока настройте цвет фона, прозрачность, градиент и тень.
3–4. В разделе Настройки отображения выберите, как будут отображаться элементы блока:

• Расположение меток товара — выберите, где расположить метки, например Новинка или Лидер продаж.
• Расположение процента скидки — выберите, где разместить процент скидки, если она настроена.
• Порядок отображения блоков информации о товаре — задайте порядок блоков. Например, можно сначала показать цену и кнопку покупки, а ниже — описание и свойства товара.

Как настроить отображение характеристик товара на детальной странице

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

1–5. Перейдите в Сайты и магазины > Товары и склады > Каталог товаров. Выберите нужный раздел и откройте карточку товара.
6–10. Наведите курсор на поле и нажмите Настройки (⚙️) > Настроить. Включите параметр Показывать в интернет-магазине. Сохраните изменения.

Рекомендуем прочитать:

• Как добавить действие по клику на элементы блока в сайтах
• Как изменить заголовок страницы с каталогом в интернет-магазине
• Персональный раздел в магазине