Полностью настраиваемая страница категории Wix позволяет воплотить любые дизайнерские идеи. Сначала настройте страницу целиком, а затем каждый ее элемент по отдельности, чтобы добиться желаемого результата.
Шаг 1 | Настройте общие параметры
Сначала задайте параметры для всей страницы: количество отображаемых товаров, отступы, дизайн и подключенные данные.
Чтобы настроить общие параметры:
- Перейдите в редактор.
- Нажмите значок Структура сайта
. - Откройте вкладку Страницы.
- Нажмите Страница категории в разделе Страницы магазина.
- На панели действий выберите, что хотите настроить:
Управление страницей категории
Нажмите значок Настройки данных 
.
Перетащите ползунок Товаров на странице или введите число, чтобы выбрать количество товаров на странице.
Необязательно: нажмите Управление данными, чтобы добавлять товары и категории и управлять ими в панели управления.
Совет: Подробнее об управлении товарами и категориями.
- Нажмите значок Отступы и поведение
. - Укажите нужные отступы для страницы.
Шаг 2 | Настройка отдельных элементов
Выберите элемент на странице, чтобы настроить его. Для каждого элемента предусмотрены свои настройки и параметры дизайна на панели Инспектора.
Чтобы настроить элемент:
Перейдите в редактор.
Нажмите значок Структура сайта .
Откройте вкладку Страницы.
Нажмите Страница категории в разделе Страницы магазина.
Нажмите элемент, который хотите настроить.
Выберите, что хотите настроить:
- Выберите хлебные крошки на странице.
- Откройте вкладку Настройки на панели Инспектора.
- Откройте раздел Специальные возможности и введите описание для программ чтения с экрана в поле Доступное имя.
- (Необязательно) Откройте вкладку Дизайн и выберите Хлебные крошки категории или Хлебные крошки в разделе Выберите, что оформить, чтобы настроить стиль всего элемента или только отдельных пунктов хлебных крошек.
- Выберите название категории на странице.
- Откройте вкладку Дизайн на панели Инспектора и настройте текст в разделе Типографика, например шрифт и размер.
- (Необязательно) Откройте вкладку Настройки, чтобы посмотреть, к каким данным подключен текст.
- Выберите меню категорий на странице.
- Откройте вкладку Настройки на панели Инспектора.
- Выберите, как будет работать меню:
- Если подкатегорий нет: выберите Показывать категории того же уровня или Скрыть меню категорий.
- Показывать кнопку «Все товары»: активируйте переключатель, чтобы показать кнопку для просмотра всех товаров.
- Поведение при переполнении: выберите, как будет работать меню, если категории не помещаются, например Прокрутка.
- (Необязательно) Откройте вкладку Дизайн, выберите Меню категорий или Пункты меню в разделе Выберите, что оформить, а затем выберите состояние В покое, При наведении или Выбрано, чтобы настроить его дизайн.
- (Необязательно) Нажмите Изменить макет на панели действий и выберите Горизонтально или Вертикально в раскрывающемся списке Ориентация.
Выберите кнопку фильтров на странице.
Откройте вкладку Настройки на панели Инспектора.
Настройте панель фильтров:
Заголовок панели: введите заголовок, который будет отображаться в верхней части панели фильтров.
Панель открывается: выберите, с какой стороны будет открываться панель фильтров, например Слева.
- Выберите счетчик товаров на странице.
- Откройте вкладку Дизайн на панели Инспектора и настройте текст в разделе Типографика, например шрифт и размер.
- (Необязательно) Откройте вкладку Настройки, разверните раздел Специальные возможности и введите описание для программ чтения с экрана в поле Доступное имя.
В разделе «Примененные фильтры» отображаются выбранные клиентом фильтры и кнопка Очистить все.
Выберите примененные фильтры на странице.
Откройте вкладку Дизайн на панели Инспектора.
В разделе Выберите, что оформить выберите Примененные фильтры, Тег фильтра или Очистить все, чтобы настроить дизайн этой части.
(Необязательно) Откройте вкладку Настройки, разверните раздел Специальные возможности и введите описание для программ чтения с экрана в поле Доступное имя.
- Выберите раскрывающийся список сортировки на странице.
- Нажмите Настроить значок на панели действий.
- Выберите Статический или Анимированный, чтобы задать тип значка.
- (Необязательно) Нажмите Заменить, чтобы выбрать другой значок.
- (Необязательно) Откройте вкладку Настройки на панели инспектора, разверните раздел Специальные возможности и введите в поле Доступное имя описание для программ чтения с экрана.
В списке товаров отображаются товары из выбранной категории.
- Выберите список товаров на странице.
- Нажмите Изменить макет на панели действий.
- Выберите способ отображения товаров:
- Выберите макет: выберите Карточки, Список, Слайдер или Расширенная сетка.
- Задайте количество позиций в строке: активируйте переключатель и укажите, сколько товаров должно отображаться в каждой строке.
- (Необязательно) Откройте раскрывающийся список режимов в верхней части списка и выберите Обычный режим или Нет позиций, чтобы настроить вид списка с товарами или без них.
Ссылка на страницу товара
Изображение товара ведет на страницу этого товара.
- Выберите изображение товара на странице.
- Откройте вкладку Настройки на панели инспектора.
- Настройте изображение:
- Изображение: показывает основной медиафайл товара.
- Alt-текст: показывает данные товара, используемые в качестве Alt-текста изображения.
- Режим отображения: выберите Заполнить, Подогнать или Сохранять пропорции изображения.
- Ссылка: показывает ссылку на страницу товара.
- (Необязательно) Нажмите Заменить изображение или Маска на панели действий, чтобы изменить изображение или его форму.
- Выберите ленточки товара.
- Перейдите на вкладку Дизайн на панели Инспектора.
- В разделе Выберите, что настроить выберите нужную часть: Ленточки, Основная ленточка или Дополнительная ленточка.
Выберите название товара на странице.
Перейдите на вкладку Дизайн на панели Инспектора и настройте текст в разделе Типографика, например шрифт и размер.
- Выберите цену товара.
- Перейдите на вкладку Настройки на панели Инспектора.
- В разделе Характеристики выберите способ отображения цены:
- Сначала исходная цена: активируйте переключатель, чтобы цена до скидки отображалась первой.
- Метка «От»: введите текст, который отображается перед ценой, если цена товара варьируется.
- (Необязательно) Нажмите на раскрывающееся меню режимов в верхней части элемента и выберите Обычный режим, Со скидкой, Диапазон цен или Полная цена, чтобы настроить отображение цены в этом режиме.
- Прокрутите список товаров вниз и выберите кнопку Показать еще.
- Перейдите на вкладку Настройки на панели Инспектора.
- Настройте кнопку в разделе Характеристики:
- Текст: введите текст, который отображается на кнопке.
- Ссылка ведет на: нажмите Выбрать ссылку, чтобы указать, куда ведет кнопка.
- Отключена: активируйте переключатель, чтобы отключить кнопку.
- (Необязательно) Перейдите на вкладку Дизайн и в разделе Выберите, что настроить выберите Кнопка или Текст, чтобы настроить эту часть.
.