1. aspro.ru
  2. Аспро: Next
  3. Каталог
  4. Карточка товара
  5. Новые карточки товара для категорий
  6. Управление расположением блоков и табов на странице товара

Управление расположением блоков и табов на странице товара


На странице товара важно рассказать о преимуществах, характеристиках, приложить документы, фотографии и др. В зависимости от типа продукта информация должна располагаться в разном порядке. При покупке видеокарты или сабвуфера пользователь в первую очередь смотрит характеристики. А когда он выбирает компьютерную игру, сначала изучает описание и смотрит видео. Чтобы расположить элементы на странице в нужном порядке, в версии 1.7.11 добавили возможность менять положение блоков и табов.

От того, какой тип детальной карточки товара вы выбрали, зависит в каком блоке настроек вам нужно менять положение блоков и табов. В решении есть 5 типов детальной карточки товаров: «С табами», «Без табов», «Строительство и ремонт», «Одежда и обувь» и «Дизайнерские товары». Рассмотрим внешний вид блоков и табов при разных типах детальной страницы товара.

Детальная карточка товара с табами

Табы присутствуют в типах детальной карточки товара «С табами» и «Строительство и ремонт». Их можно менять местами.

9f877161-7b60-11f1-8fe4-fa163e2ff576

Также есть блоки, которые отображаются после табов. Положение этих блоков тоже можно менять.

54905179-7b5f-11f1-8fe4-fa163e2ff576

Детальная карточка товара с блоками без табов

Табы отсутствуют в типах «Без табов», «Одежда и обувь» и «Дизайнерские товары». Отображаются только блоки, положение которых можно менять.

b0dd9bf4-7b61-11f1-8fe4-fa163e2ff576

Чтобы изменить расположение блоков, в публичной части сайта наведите на область страницы товара и нажмите на шестеренку.

17bd8dc7-7b63-11f1-8fe4-fa163e2ff576

В параметрах компонента каталога кликните на блок «Настройки детального просмотра». Если вы выбрали тип детальной карточки товара, в которой присутствуют табы, — «С табами» или «Строительство и ремонт», то перейдите к элементу «Порядок отображения блоков (с табами)». Измените последовательность вывода элементов.

85f25ed5-7b63-11f1-8fe4-fa163e2ff576

Чтобы изменить последовательность блоков, которые отображаются после табов, проделайте тоже самое в блоке «Порядок отображения блоков в табах».

2da90daa-7b65-11f1-8fe4-fa163e2ff576

Если вы выбрали тип детальной карточки товара без табов — «Без табов», «Одежда и обувь» или «Дизайнерские товары», то перейдите блоку «Порядок отображения блоков (без табов)». Измените последовательность вывода элементов.

Примечание: Для типа детальной карточки товара «Без табов» можно изменить положение всех элементов, кроме описания и характеристик. Они всегда будут отображаться рядом в одной строке.

f03c8f3d-7b5f-11f1-8fe4-fa163e2ff576

Сохраните изменения.

Примечания:

При типе детальной карточки товара «Строительство и ремонт» и «Дизайнерские товары» рекомендации отображаются в боковой колонке. Изменение порядка элементов не повлияет на расположение рекомендаций при этих типах детальной карточки товара.

b56db655-7b60-11f1-8fe4-fa163e2ff576

Акции всегда отображаются в одном месте, независимо от выбранного типа карточки товара.

f82271ff-7b61-11f1-8fe4-fa163e2ff576

Блоки с товарами «С этим товаром покупают», «Вам также может понравиться» и «Рекомендуем» можно поменять местами, только если они отображаются отдельными блоками.

6fbde343-7b61-11f1-8fe4-fa163e2ff576

Если же связанные товары отображаются табами, то изменить их положение нельзя.

89c11e25-7b61-11f1-8fe4-fa163e2ff576

Расположить связанные товары отдельными блоками можно там же, где мы меняли положение блоков и табов, — в параметрах компонента каталога. Найдите поле «Отображать связанные товары в отдельных блоках» и активируйте его.

16c20193-7b60-11f1-8fe4-fa163e2ff576

Предыдущая статья Подключение индивидуальной таблицы размеров
Следующая статья Редактирование детальной карточки для категорий