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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Боковая панель категорий имеет 2 компонента: список категорий и фильтры. Вы можете отобразить один или оба элемента, или полностью скрыть боковую панель. 
Любая активная категория автоматически отображаются в списке категорий. Вы можете скрыть категории, которые не хотите отображать, а также изменить порядок категорий, которые решили показывать.

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

  1. Перейдите на вкладку Боковая панель.
  2. Выберите, что вы хотите настроить:

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

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

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

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

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

Опция быстрого просмотра позволяет покупателям просматривать информацию о товаре во всплывающем окне, не покидая страницу категории. 
Совет:
Чтобы настроить кнопку «Быстрый просмотр», перейдите на вкладку Дизайн .

Чтобы настроить быстрый просмотр:

  1. Перейдите во вкладку Просмотр .
  2. Активируйте переключатель Быстрый просмотр 
  3. Выберите, что вы хотите настроить:
    • Цвет фона: выберите цвет фона для окна быстрого просмотра.
    • Прозрачность и цвет границы: выберите цвет и настройте прозрачность.
    • Шрифт и цвет текста: выберите шрифт и цвет для каждого фрагмента текста, отображаемого в окне быстрого просмотра.
    • Кнопка «Добавить в корзину»: отредактируйте текст, стиль, шрифт кнопки и многое другое. 

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

|