ProtoCorp - корпоративный сайт-визитка с каталогом товаров

Каталог товаров

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

catalog_1.jpg

Добавить товар можно и через административную часть сайта. Перейдите в Контент (1) → Каталоги (protobyte.protocorp) (2) → Каталог товаров (4) и откройте нужный раздел. В списке товаров нажмите кнопку «Создать элемент».

catalog_2.jpg

Вкладка «Параметры»

Рассмотрим основные поля для заполнения на этой вкладке

catalog_3.jpg

  1. Активность — по умолчанию новый товар становится активным при добавлении. При необходимости вы можете деактивировать параметр.

  2. Название — обязательное поле, в которое нужно вписать название товара.

  3. Символьный код — генерируется автоматически, если параметр «Транслитерировать из названия при добавлении элемента» активен в настройках инфоблока: Контент → Инфоблоки → Типы инфоблоков → Каталог.

catalog_4.jpg

  4. Цена в карточке товара — цена, которая выводится в карточке товара в списке и на детальной.

  5. Цена — числовое поле для работы фильтра а списке товаров, а так же для работы сортировки карточек товара в списке товаров.

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

  7. Артикул — текстовое поле, для отображения артикула в карточках товара.

  8. Наши предложения – поставьте галку, чтобы у товара отображался шильдик специальных предложений («Акция, «Быстро разбирают», «Хит»).

  9. Цвет – установите цвет товару (если требуется).

  10. Дополнительные фото – загрузите в эту область дополнительные фотографии для товара. Данные фотографии отобразятся в слайдере на детальной карточке товара.

  11. Популярный товар – установите галку товару и он отобразится на главной странице в блоке "Популярные товары".

Вкладка «Анонс»

На этой вкладке размещается картинка для анонса — она появится в списке товаров. Картинку можно перетащить мышкой или выбрать из медиабиблиотеки и структуры сайта.

catalog_5.jpg

Вкладка «Подробно»

  1. Детальная картинка — основное изображение для карточки товара. Если во вкладке «Анонс» не загружена картинка, то в списке отобразится изображение из вкладки «Подробно». Картинку можно перетащить мышкой или выбрать из медиабиблиотеки и структуры сайта.

  2. Поле для подробного описания — текст будет выводить на детальной странице.

catalog_6.jpg

Табы на детальной

catalog_9.jpg

На вкладке «Описание» выводится детальное описание, на вкладке «Характеристики» выводятся свойства товара, отмеченные в настройках инфоблока как «Показывать на детальной странице элемента».

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

catalog_8.jpg catalog_7.jpg

Для изменения содержимого вкладок зайдите на детальную страницу любого товара в режиме «Правки» и нажмите «изменить область».

catalog_10.jpg catalog_11.jpg

Содержание раздела: