На странице поиска отображаются все товары, присутствующие в каталоге, которые отвечают заданным параметрам поиска: каждый товар представляется на отдельной карточке.
Можно использовать команды этого раздела, чтобы задать вид карточки товара, которая дает информацию о товаре из списка.
Карточка товара состоит из следующих элементов, каждый из которых настраивается в зависимости от того, что задано в Корзина| ОкноНастройки товара:
| • | Обложка— показывает первое из доступных изображений товара в разделе Изображение окна Настройки товара; |
| • | Детали— включает категорию, модели товара, наличие, цену, ставку НДС, количество; |
| • | Кнопка— активирует ссылку, помещающую товар в корзину. |
Естественно, если такие элементы, как обложка или модели товара не указаны, эта информация не показывается в карточке товара.
Что касается наличия товаров, при работе в версии Pro, в карточке товара показывается не только пиктограмма для Ориентировочное наличие но и количество, указывающее на Фактическое наличие.
Прежде всего, с помощью опций раздела Настройка карточек необходимо определить их состав и форматирование, выбрав тип отображения из:
|
Обложка слева, заголовок и содержание справа
При выборе этого варианта показывается следующее: название товара, описание, выпадающее меню с разновидностями товара (если они есть), цена, поле «количество» и кнопка «Купить» (возле поля «количество»).
|
|
Заголовок и содержание слева, обложка справа
При выборе этого варианта слева показывается фотография товара, а справа — сведения о товаре.
|
|
Обложка вверху, заголовок и содержание внизу
Этот вариант аналогичен предыдущему, разве что сведения о товаре показываются слева, а фотография товара — справа.
|
|
Заголовок и содержание вверху, заголовок внизу
В этом случае все сведения о товаре показываются под фотографией. Полное описание не приводится.
|
|
Вне зависимости от выбранного типа на имени и, иногда, под изображением, имеющимися в карточке товара, автоматически активируется ссылка, задаваемая опцией Ссылка (напр., на страницу продукта) окна Настройки товара | Общие.
|
После того, как задан тип отображения, можно воспользоваться следующими опциями:
| ▪ | Количество граф в строке— можно задать число карточек товара в одной строке. |
| ▪ | Количество строк на странице— установка максимального количества строк, отображаемых на странице поиска. |
| ▪ | Высота графы— можно задать высоту карточки товара (в пикселах). Размер фотографии каждого товара автоматически изменяется в зависимости от этого значения. Если описания слишком длинные и не помещаются в отведенном месте, то отображается полоса прокрутки. |
| ▪ | Поля карточек— настраивает значение в пикселах расстояния, которое следует соблюдать между Карточками. |
Кроме того, при помощи следующих опций можно задавать стиль карточки:
| ▪ | Размер обложки (%)— указывает ширину изображения обложки относительно контента, если она расположена слева или справа, или относительно высоты карточки, если она расположена вверху, выше или ниже названия товара. |
| ▪ | Поля обложки / Поля содержания— определяют, соответственно, значение (в пикселах) отступа между обложкой и содержанием (название и описание) и рамкой карточки. |
После того, как заданы данные параметры, можно настроить стиль разных элементов, из которых состоят карточки товаров. После выделенияЭлемента , над которым вы хотите работать, доступны опции:
| ▪ | Видимость— отображает или скрывает элемент карточки. Эта опция недоступна для Фон и Обложка. А после того, как выбран элемент Детали, можно указать, следует ли отображать такую информацию, как категория, наличие или цена. |
| ▪ | Шрифт— определяет тип шрифта, размер и стиль текста для Имя товара, Описание, Детали и Кнопка. Выпадающее меню предлагает: команду, чтобы применить Шрифт по умолчанию (заданные стилем элемента Текст страницы в окне Стиль текста); список безопасных шрифтов, то есть шрифтов, присутствующих во всех устройствах, и для которых, следовательно, не требуется установка; все шрифты Google Fonts и веб-шрифты, добавленные через окно Добавить веб-шрифты которое открывается командой Другие типы шрифтов. |
| ▪ | Цвет текста— указывает цвет текста для Имя товара, Описание, Детали и Кнопка. После того, как выбран элемент Детали, цвет, заданный для текста, применяется, также, для линии, расположенной под Описание. |
| ▪ | Цвет Фона— определяет цвет Фон карточки и Кнопка. |
| ▪ | Толщина— определяет толщину рамки Фон карточки и Кнопка. |
| ▪ | Цвет— определяет цвет рамки Фон карточки и Кнопка. |
| ▪ | Сглаживание углов— определяет радиус закругления углов Фон карточки и Кнопка. |
| ▪ | Тень— применяет эффект тени Фон к карточке с указанием цвета, положения, диффузии и размера. |
| ▪ | По размеру — если опция активна, изображение обложки занимает все имеющееся пространство в карточке по ширине и высоте. Если пропорции не соблюдаются, изображение выравнивается по центру и обрезается. Если опция не активна, изображение обложки подгоняется или по ширине, или по высоте имеющегося пространства. |
| ▪ | Показать категорию— отображает карточку товара по категории в которой, в зависимости от настроек в окне Корзина | Товары, помещен товар. |
| ▪ | Отобразить поле количества— отображает в карточке товара поле Количество, чтобы покупатель мог указать количество приобретаемого товара. |
| ▪ |  Показать Наличие— отображает карточку товара, в дополнение к иконке для Ориентировочное наличие, а также номер, указывающий Фактическое наличие. |
|
Если активируется опция Показать Наличие, и имеется, по крайней мере, один вид товара, для которого предусмотрено отображение наличия этого типа, на странице, на которой находится Объект каталог товаров, должно быть установлено расширение .PHP: это может быть реализовано с помощью опции Расширение генерируемых файлов, имеющейся в окне Свойства страницы | Эксперт.
|
| ▪ | Показать цену— показывает в карточке товара его цену с учетом/без учета НДС. |
| ▪ | Режим: определяет, что используется в качестве Кнопка: Текст или Изображение. В первом случае можно использовать доступные опции для определения стиля текстовой ссылки, во втором случае необходимо импортировать файл изображения для использования его в специальном поле. |
| ▪ | Поля— устанавливает значение (в пикселах) отступа между надписью и рамкой Кнопка. |
Tолько в версии Pro, можно применить Ленты, указав:
| ▪ | Тип ленты— можно задать значки «Новый Продукт» или «Продукт со скидкой» для добавления на страницы карточек товара. |
| ▪ | Файл изображения— можно задать изображение для таких значков. Нажмите на стрелку в этом поле, чтобы выбрать изображение из библиотеки, или нажмите на кнопку  чтобы импортировать графический файл (в форматах *.JPG, *.GIF или *.PNG) изображения, которое вы хотите использовать. |
| ▪ | Выравнивание— можно задать выравнивание значка на карточке товара. |
| ▪ | Ширина (%)— можно задать ширину значка в процентах от размера карточки товара. |
И, наконец, можно использовать эти параметры Параметры, чтобы задать следующие настройки:
| ▪ | Добавить продукт без отображения Корзины— позволяет Клиенту посредством щелчка мышью по кнопке "Купить" добавить товар к заказанным без автоматического перехода в корзину. |
| ▪ | Разрешить переход по ссылке при нажатии на изображение— если включить эту опцию, то ко всем фотографиям в карточке товара будет добавлена ссылка на их увеличенные версии. Увеличенные фотографии показываются в окне Электронная витрина. Эта ссылка заменяется на ту, которую можно настроить в специальном разделе в окне Настройки товара | Общие. |
|
Вид окна ShowBox можно полностью персонализировать: через опции, доступные в Шаге 2 окна Showbox всплывающего окна например, можно настроить цвет, тень, прозрачность и эффект при открытии.
|
|
