Карточка товара вкладками (+ видео)

Словарь

Карточка товара вкладками – вид карточки товара, в котором информацию можно сгруппировать по вкладкам.

Назначение

Карточка товара вкладками позволяет сгруппировать информацию о товаре и разнести ее по разным вкладкам.

Работа с вкладками товара

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

Далее, можно настроить названия вкладок и их очередность (Рисунок 1). Рассмотрим все вкладки подробнее:

  • Описание товара – тут будет выводиться описание товара;

  • Характеристики – тут будут выводиться характеристики описания товара, а также информация Яндекс.Маркета;

  • Похожие товары – тут будут выводиться похожие товары. Подробнее про опцию «Похожие товары» можно узнать в соответствующей инструкции;

  • Доставка – дополнительное текстовое поле по типу описания товара. Тут можно указать как условия доставки и оплаты товара, так и любую другую важную информацию. При редактировании товара это поле будет называться также «Доставка»;

  • Гарантии – дополнительное текстовое поле по типу описания товара. Тут можно указать как предоставляемые гарантии при покупке товара, так и любую другую важную информацию. При редактировании товара это поле будет называться также «Гарантии».

Очередность же устанавливается просто цифрами. В данном случае мы хотим, чтобы Описание выводилось первым, затем бы соответственно шли вкладки Характеристики, Похожие товары, Доставка и Гарантии.

Настройка каталога. Вид карточки товара вкладками

Рисунок 1 - Настройка каталога. Вид карточки товара вкладками

После сохранения перейдем в карточку товара. Обратите внимание, что вкладки будут выводиться только в том случае, если соответствующие им поля заполнены. В ином случае, вкладка будет отсутствовать.

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

Карточка товара. переход в режим редактирования

Рисунок 2 - Карточка товара. переход в режим редактирования

При редактировании товара мы увидим, что появилось два дополнительных пункта с текстовым редактором: Гарантии и Доставка (Рисунок 3).

Редактирование товара. новые поля для вкладок

Рисунок 3 - Редактирование товара. новые поля для вкладок

Заполним эти новые поля случайным текстом для того, чтобы увидеть, как изменится карточка товара, если повятся две дополнительные вкладки. После сохранения мы увидим, что заполненные нами поля «Гарантии» и «Доставка» появятся в карточке товара (Рисунок 4). Так как у нас не подключена опция «Похожие товары», то данная вкладка выводиться не будет.

Карточка товара с новыми вкладками

Рисунок 4 - Карточка товара с новыми вкладками

Но для наглядности посмотрим, как будет выглядеть вкладка с похожими товарами (Рисунок 5).

Карточка товара. Вкладка с похожим товаром

Рисунок 5 - Карточка товара. Вкладка с похожим товаром

Таким образом, можно удобно рассортировать информацию по разному смыслу и сгруппировать ее во вкладках. Это также поможет уменьшать длину карточки товара в окне браузера.

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

Варианты использования

Карточку товара вкладками полезно использовать:

  • На сайтах с товарами, у которых сильно объемное описание. Здесь пользователю будет удобнее выбирать ту информацию, которая ему интересна, в пределеах одного окошка браузера. То есть, отпадает необходимость пролистывать страницу с товаром, в поисках описания товара или его способов его доставки;

  • Для увеличения привлекательности карточки товара для пользователей. А это тоже немаловажный момент в построении сайта.

Вернуться к разделу