Окно интернет-магазина: страница поиска

Этап 3 - Карта >

Окно интернет-магазина: страница поиска

Previous pageReturn to chapter overviewNext page
Verborgen tekst tonen/verbergen

Опции, имеющиеся в данном окне, позволяют установить предлагающиеся фильтры, а также то, в каком виде будут отображаться товары на странице поиска в интернет-магазине.

Соответственно, окно состоит из следующих разделов:

Поиск;
Настройки.
Кликните, чтобы развернуть/уменьшитьReference: Раздел поиска

В данном разделе отображается список доступных инструментов поиска. Выбранный при нажатии инструмент или фильтр отображается на странице поиска. Возможна активация следующих инструментов и фильтров:

Поле поиска: позволяет осуществлять поиск товара по названию и описанию. При использовании кавычек производится поиск по точной фразе, например: если ввести «голубая футболка», будут предложены только те товары, в названии или описании которых присутствуют оба слова в точно соответствующем порядке.
Категории: поиск по одной или нескольким категориям.
Цена: поиск по стоимости с представлением ассортимента товаров из каталога по возрастанию или убыванию цены.
Новый товар: поиск только по товарам, обозначенным как «новинка».
Товар со скидкой: поиск товаров, на которые предоставляется специальная или количественная скидка.
В наличии: поиск только по имеющимся в наличии товарам.
Сортировка: позволяет упорядочить результаты поиска.
Кликните, чтобы развернуть/уменьшитьReference: Раздел Настройки

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

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

Карточка товара состоит из следующих элементов, каждый из которых настраивается в зависимости от того, что задано в Корзина| ОкноНастройки товара:

Фон
Обложка— показывает первое из доступных изображений товара в разделе Изображение окна Настройки товара;
Имя товара;
Описание;
Детали— включает категорию, модели товара, наличие, цену, ставку НДС, количество;
Кнопка— активирует ссылку, помещающую товар в корзину.

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

Что касается наличия товаров, при работе в версии Pro, в карточке товара показывается не только пиктограмма для Ориентировочное наличие но и количество, указывающее на Фактическое наличие.

Прежде всего, с помощью опций раздела Настройка карточек необходимо определить их состав и форматирование, выбрав тип отображения из:

Обложка слева, заголовок и содержание справа

При выборе этого варианта показывается следующее: название товара, описание, выпадающее меню с разновидностями товара (если они есть), цена, поле «количество» и кнопка «Купить» (возле поля «количество»).

Заголовок и содержание слева, обложка справа

При выборе этого варианта слева показывается фотография товара, а справа — сведения о товаре.

Обложка вверху, заголовок и содержание внизу

Этот вариант аналогичен предыдущему, разве что сведения о товаре показываются слева, а фотография товара — справа.

Заголовок и содержание вверху, заголовок внизу

В этом случае все сведения о товаре показываются под фотографией. Полное описание не приводится.

Вне зависимости от выбранного типа на имени и, иногда, под изображением, имеющимися в карточке товара, автоматически активируется ссылка, задаваемая опцией Ссылка (напр., на страницу продукта) окна Настройки товара | Общие.

 

После того, как задан тип отображения, можно воспользоваться следующими опциями:

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

Кроме того, при помощи следующих опций можно задавать стиль карточки:

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

После того, как заданы данные параметры, можно настроить стиль разных элементов, из которых состоят карточки товаров. После выделенияЭлемента , над которым вы хотите работать, доступны опции:

Видимость отображает или скрывает элемент карточки. Эта опция недоступна для Фон и Обложка. А после того, как выбран элемент Детали, можно указать, следует ли отображать такую информацию, как категория, наличие или цена.
Шрифт определяет тип шрифта, размер и стиль текста для Имя товара, Описание, Детали и Кнопка. Выпадающее меню предлагает: команду, чтобы применить Шрифт по умолчанию (заданные стилем элемента Текст страницы в окне Стиль текста); список безопасных шрифтов, то есть шрифтов, присутствующих во всех устройствах, и для которых, следовательно, не требуется установка; все шрифты Google Fonts и веб-шрифты, добавленные через окно Добавить веб-шрифты которое открывается командой Другие типы шрифтов.
Цвет текста указывает цвет текста для Имя товара, Описание, Детали и Кнопка. После того, как выбран элемент Детали, цвет, заданный для текста, применяется, также, для линии, расположенной под Описание.
Цвет Фона определяет цвет Фон карточки и Кнопка.
Толщина— определяет толщину рамки Фон карточки и Кнопка.
Цвет определяет цвет рамки Фон карточки и Кнопка.
Сглаживание углов— определяет радиус закругления углов Фон карточки и Кнопка.
Тень применяет эффект тени Фон к карточке с указанием цвета, положения, диффузии и размера.
По размеру если опция активна, изображение обложки занимает все имеющееся пространство в карточке по ширине и высоте. Если пропорции не соблюдаются, изображение выравнивается по центру и обрезается. Если опция не активна, изображение обложки подгоняется или по ширине, или по высоте имеющегося пространства.
Показать категорию отображает карточку товара по категории в которой, в зависимости от настроек в окне Корзина | Товары, помещен товар.
Отобразить поле количества отображает в карточке товара поле Количество, чтобы покупатель мог указать количество приобретаемого товара.
Показать Наличие— отображает карточку товара, в дополнение к иконке для Ориентировочное наличие, а также номер, указывающий Фактическое наличие.

Если активируется опция Показать Наличие, и имеется, по крайней мере, один вид товара, для которого предусмотрено отображение наличия этого типа, на странице, на которой находится Объект каталог товаров, должно быть установлено расширение .PHP: это может быть реализовано с помощью опции Расширение генерируемых файлов, имеющейся в окне Свойства страницы | Эксперт.

Показать цену— показывает в карточке товара его цену с учетом/без учета НДС.
Режим: определяет, что используется в качестве Кнопка: Текст или Изображение. В первом случае можно использовать доступные опции для определения стиля текстовой ссылки, во втором случае необходимо импортировать файл изображения для использования его в специальном поле.
Поля— устанавливает значение (в пикселах) отступа между надписью и рамкой Кнопка.

Tолько в версии Pro, можно применить Ленты, указав:

Тип ленты— можно задать значки «Новый Продукт» или «Продукт со скидкой» для добавления на страницы карточек товара.
Файл изображения— можно задать изображение для таких значков. Нажмите на стрелку в этом поле, чтобы выбрать изображение из библиотеки, или нажмите на кнопку чтобы импортировать графический файл (в форматах *.JPG, *.GIF или *.PNG) изображения, которое вы хотите использовать.
Выравнивание— можно задать выравнивание значка на карточке товара.
Ширина (%)— можно задать ширину значка в процентах от размера карточки товара.

И, наконец, можно использовать эти параметры Параметры, чтобы задать следующие настройки:

Добавить продукт без отображения Корзины— позволяет Клиенту посредством щелчка мышью по кнопке "Купить" добавить товар к заказанным без автоматического перехода в корзину.
Разрешить переход по ссылке при нажатии на изображение— если включить эту опцию, то ко всем фотографиям в карточке товара будет добавлена ссылка на их увеличенные версии. Увеличенные фотографии показываются в окне Электронная витрина. Эта ссылка заменяется на ту, которую можно настроить в специальном разделе в окне Настройки товара | Общие.

Вид окна ShowBox можно полностью персонализировать: через опции, доступные в Шаге 2 окна Showbox всплывающего окна например, можно настроить цвет, тень, прозрачность и эффект при открытии.