Wix Stores: настройка страницы категории

8 мин. чтения
Важно:
Новая страница категории еще доступна не для всех пользователей.
Страница категории - это главная страница вашего магазина. Создайте дизайн для каждой части страницы, выберите макет, решите какую информацию показать и многое другое. 
Скриншот страницы категории в Wix Stores
Содержание:
Советы:
  • Вам нужно настроить страницу категории только один раз. Ваши настройки автоматически применяются к каждой категории. 
  • Используйте переключатель предварительного просмотра категории в правом верхнем углу, чтобы выбрать категорию и просмотреть ее.

Выбор элементов страницы для отображения

На вкладке «Показать» можно выбрать, какие элементы вы хотите показать на странице категории, а какие скрыть. 

Чтобы показать или скрыть элементы страницы категории:

  1. Перейдите во вкладку Показать.
  2. Установите флажки рядом с элементами, которые вы хотите отобразить.
Совет:
Вы также можете:
  • Перейти во вкладку Список, чтобы скрыть список категорий на боковой панели.
  • Перейти во вкладку Фильтры , чтобы скрыть фильтры на боковой панели.
  • Перейти во вкладку Сортировка, чтобы скрыть опцию сортировки.

Настройка параметров страницы категории

Во вкладке Настройки вы можете решить, как посетители будут просматривать больше товаров в конце страницы (например, нажать на кнопку «Показать еще»), выбрать, что будет происходить, когда клиенты наводят курсор на изображения товаров, и многое другое.

Чтобы выбрать настройки страницы категории:

  1. Перейдите во вкладку Настройка.
  2. Настройте следующе элементы:
    • Поведение прокрутки: 
      • Выберите, что происходит, когда клиенты прокручивают страницу вниз. Подробнее
      • Активируйте переключатель Боковая панель с прилипанием, чтобы фильтры оставались видимыми при прокрутке. Если включено, настройте расстояние боковой панели от верхнего края.
    • Эффект наведения на фото: установите, что произойдет, когда покупатель наводит курсор на товар.
    • Кнопка «Добавить в корзину»: если вы включили кнопку во вкладке Показать, настройте, что происходит при нажатии кнопки: 
      • Показать сообщение об успехе: появляется всплывающее уведомление.
      • Открыть боковую корзину:  боковая корзина (мини-корзина) открывается сбоку экрана.
      • Перейдет на страницу корзины: клиенты попадают прямо на страницу корзины.
      • Остаться на странице: клиенты остаются на той же странице. На кнопке отображается галочка, указывающая на то, что товар был успешно добавлен. 
Советы:
  • Если вы выбрали кнопку «Показать еще» или поведение прокрутки с нумерацией страниц, перейдите во вкладку Дизайн, чтобы настроить дизайн. 
  • Каждая страница имеет отдельный URL-адрес для улучшения SEO галереи товаров. Например:
    • URL первой страницы: https://www.mystunningwebsite.com/shop
    • URL второй страницы: https://www.mystunningwebsite.com/shop?page=2

Выбор макета страницы категории

Выберите предпочтительный макет как для заголовка (если отображается), так и для демонстрации товара. 

Выберите вариант макета:

  1. Перейдите во вкладку Макет.
  2. Настройте следующе элементы:
    • Навигационные цепочки: выровняйте навигационные цепочки по левому краю, правому краю или по центру.
    • Секция хедера:
      • Положение хедера: выберите Выровнено или Сверху.
        Совет: если вы выбрали Сверху, мы рекомендуем скрыть список категорий. В противном случае категории будут выглядеть как подкатегории выбранной категории.
      • Размещение информации о категории: отобразите описание категории над, перед или под изображением.
      • Выравнивание текста категории: выровняйте текст заголовка по левому краю или по центру.
      • Высота изображения категории: перетащите ползунок, чтобы установить высоту изображения категории.
      • Расстояние между заголовками и описанием: перетащите слайдер, чтобы установить значение.
      • Отображение текста описания: если сообщение длинное, клиенты нажимают, чтобы просмотреть сообщение целиком.
    • Сетка товаров:
      • Поведение сетки:
        Примечание:
        настройки различаются в зависимости от того, какой вариант вы выбрали: фиксированный или респонсивный.
        • Фиксированный: все посетители видят одинаковое количество строк и столбцов в галерее.  
        • Респонсивный: количество отображаемых товаров регулируется в соответствии с размером экрана посетителя.
          Примечание: респонсивная настройка доступна только при растягивании галереи на всю ширину.
    • Фото товара: 
      • Размещение изображения: разместите изображение над или рядом с текстом товара.
      • Форматирование изображения: выберите вариант изменения размера:
        • Обрезать: все изображения обрезаются до одинакового размера.
        • Подогнать: сохраняет соотношение сторон изображений.
      • Формат фото: выберите соотношение высоты и ширины.
      • Отступы изображения: отрегулируйте отступы слева и справа от изображения.
      • Отступы вверху и внизу изображения: отрегулируйте отступы над и под изображением.
    • Кнопка «Добавить в корзину»: выберите, где будет размещена кнопка.
      Примечание: если кнопка находится на изображении, она заменяет кнопку быстрого просмотра.
    • Информация о товаре: выберите вариант макета карточки товара и настройте его.
    • Параметры товара: включите, чтобы ограничить отображение параметров товара выбором цвета.
    • Ленточки: выберите, где отображать ленточку, и настройте отступы.
Совет:
Чтобы растянуть страницу категории на всю ширину, нажмите на страницу категории в редакторе, выберите значок Растянуть  и активируйте переключатель.

Редактирование текста на странице категории

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

Чтобы отредактировать текст:

  1. Перейдите во вкладку Текст.
  2. Отредактируйте любое из доступных текстовых полей.

Дизайн страницы категории

Настройте страницу категории в соответствии со стилем вашего бренда.

Чтобы изменить дизайн страницы категории:

  1. Перейдите на вкладку Дизайн .
  2. Следуйте инструкциям ниже, чтобы настроить дизайн.

Настройка боковой панели

Боковая панель категорий имеет 2 компонента: список категорий и фильтры. Вы можете отобразить один или оба элемента или полностью скрыть боковую панель. 
Важно:
Список категорий не отображается в мобильной версии. Добавление категорий в меню сайта — лучший способ предоставить клиентам легкий доступ к ним.
Любая активная категория автоматически отображаются в списке категорий. Вы можете скрыть категории, которые не хотите отображать, а также изменить порядок категорий, которые решили показывать.
Скриншот страницы категории с выделенной боковой панелью
Это фильтры, которые ваши клиенты могут использовать для поиска нужных товаров. Фильтры автоматически настраиваются в соответствии с категорией, которую просматривает посетитель сайта.
Совет:
Используйте фильтры категорий, чтобы клиенты могли выбирать подкатегории. Например, при просмотре категории «женская одежда» клиенты могут выбрать любой фильтр, в котором есть товары из других категорий и женской одежды.

Чтобы настроить боковую панель:

  1. Перейдите во вкладку Список.
  2. Настройте любой из следующих вариантов списка:
    • Показать список категорий: активируйте переключатель Показать список категорий , чтобы показать или скрыть его.
    • Показать заголовок списка категорий: снимите флажок, чтобы скрыть заголовок. Если этот параметр выбран, вы можете редактировать текст заголовка.
    • Как вы хотите управлять списком?
      • Автоматически синхронизировать все мои категории: каждая активная категория автоматически отображается в порядке добавления.
      • Настроить и изменить порядок списка вручную: возможность скрыть определенные категории и изменить порядок списка.
        1. Снимите флажки рядом с категориями, которые вы хотите скрыть.
        2. Измените порядок категорий с помощью перетаскивания.
  3. Перейдите во вкладку Фильтры.
  4. Настройте любой из следующих параметров фильтра:
    • Показать фильтры: активируйте переключатель, чтобы показать или скрыть все фильтры. 
    • Показать заголовок фильтров: снимите флажок, чтобы скрыть заголовок «Фильтровать по». 
    • Фильтры заголовка: если вы отображаете заголовок, вы можете редактировать текст заголовка.
    • Клиенты могут фильтровать по: наведите указатель мыши на фильтр и нажмите значок Дополнительные действия  чтобы скрыть или изменить.
      • Категория: вы можете скрыть фильтр категорий или нажать Изменить , чтобы выбрать, какие категории отображать.
      • Цена: вы можете скрыть ценовой фильтр или нажать Изменить , чтобы изменить название фильтра.
      • Параметры товара: вы можете скрыть фильтр параметров товара.
        Совет: если вы отображаете их, соответствующие параметры отображаются для каждой страницы.
      • Скидка: вы можете скрыть или удалить эту опцию. Если вы отображаете этот параметр, вы можете выбрать категории, к которым применяются скидки.
Скриншот настроек фильтров на странице категории на сайте Wix

Настройка параметров сортировки

На странице категории есть параметры сортировки, чтобы клиентам было проще просматривать соответствующие товары. Вы можете отключить любую из опций или полностью скрыть сортировку. 
Скриншот страницы категории в Wix Stores с раскрытыми параметрами сортировки

Чтобы настроить сортировку товаров:

  1. Перейдите во вкладку Сортировка.
  2. Выберите порядок отображения товаров из раскрывающегося списка Сортировать по. Если вы разрешите клиентам сортировать товары, они смогут переопределить эту настройку.
    Примечание: порядок товаров по умолчанию в категории зависит от порядка, который вы установили в панели управления
  3. Настройте следующие параметры:
    • Нажмите на переключатель Показать параметры «Сортировать по», чтобы включить или отключить его.  
    • Отредактируйте метку «Сортировать по».
    • Снимите флажок рядом со элементом, который хотите удалить.

Настройка быстрого просмотра

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

Была ли статья полезна?

|