Добавление фильтров с помощью Shopify Search & Discovery

Вы можете использовать приложение Shopify Search & Discovery для создания фильтров в своём интернет-магазине. С их помощью клиенты смогут уточнять, какие товары отображаются на страницах коллекций и в результатах поиска. Например, магазин, продающий часы, может создать фильтры по названию бренда, цене, размеру циферблата и водонепроницаемости.

Требования

Фильтры доступны для любой совместимой темы и для пользовательских витрин, которые используют filter Liquid API или Storefront API для своего интернет-магазина. Узнайте, как отображать фильтры в вашей совместимой теме.

Если ваша тема не поддерживает фильтры, вы всё равно можете создавать их в приложении Shopify Search & Discovery, но клиенты их не увидят.

Определить, поддерживает ли тема вашего магазина фильтрацию, можно в панели администратора Shopify, в разделе Контент > Меню. Если тема не поддерживает фильтрацию, в разделе Фильтры коллекций и поиска появится соответствующее сообщение.

Особенности добавления фильтров

Ознакомьтесь со следующими особенностями использования приложения Shopify Search & Discovery:

  • В коллекциях, содержащих более 5 000 товаров, фильтры не отображаются. Попробуйте разделить большие коллекции на несколько маленьких, в которых фильтры будут отображаться. Например, вместо создания одной коллекции модной одежды Для женщин можно создать несколько небольших коллекций по типу одежды, например Топы, Джинсы и Сапоги.
  • Если поиск выдаёт более 100 000 результатов, фильтры не отображаются.
  • В магазине фильтр может отображать не более 100 значений. Если у фильтра более 100 возможных значений, некоторые из них не будут отображаться для клиентов. Вы можете уменьшить количество возможных значений, сгруппировав похожие. Группа фильтров может содержать до 200 уникальных значений, а общее количество групп фильтров во всех настройках фильтрации в магазине не может превышать 1 000.
  • В приложении Shopify Search & Discovery фильтр отображает не более 1 000 значений. Фильтры метаполей могут отображать менее 1 000 значений из-за ограничения на количество метаполей в магазине, проверяемых на уникальность. Значения фильтров, не отображаемые в приложении, всё равно могут показываться клиентам в вашем магазине, если сам фильтр отображает менее 100 значений.
  • Перевод не поддерживается для значений фильтров Продавец и Теги. Фильтр по тегам товара отображается только для клиентов, просматривающих магазин на языке по умолчанию. Значения фильтра по продавцу всегда отображаются на языке магазина по умолчанию.
  • Переводы значений фильтров основаны на языках, опубликованных для вашего интернет-магазина, и не будут отображать переводы для рынков, настроенных с помощью инструментов международных продаж.
  • Фильтр по цене не отображается для валют, отличных от основной валюты вашего магазина.

Типы фильтров

Во всех магазинах могут отображаться одни и те же стандартные фильтры, и вы можете создавать пользовательские фильтры, уникальные для вашего каталога товаров. Вы можете использовать комбинацию стандартных и пользовательских фильтров — всего не более 25 фильтров для вашего магазина.

Каждый источник для фильтра можно использовать только один раз. Например, если в вашем магазине активен фильтр Цена, то опция Цена будет неактивна и её нельзя будет выбрать в качестве источника для нового фильтра.

Стандартные фильтры

Стандартные фильтры Наличие, Категория, Цена, Тип товара, Теги и Продавец доступны для всех магазинов.

Пользовательские фильтры

Пользовательские фильтры основаны на параметрах товара, метаполях или метаобъектах, используемых в вашем магазине.

Фильтры по параметрам товара

Фильтры по параметрам товара основаны на параметрах, которые вы добавили к своим товарам.

Например, если вы добавили к своей одежде параметр товара «Размер» со значениями «Маленький», «Средний» и «Большой», то в приложении Search & Discovery появится соответствующий фильтр по параметру товара «Размер».

Фильтры по метаполям товара

Фильтры по метаполям товара основаны на метаполях товара, которые назначены всем товарам в магазине.

Фильтры по метаполям категорий

Фильтры по метаполям категорий основаны на метаполях товара, назначенных определённым категориям товаров.

Фильтры по метаполям вариантов

Фильтры по метаполям вариантов основаны на метаполях вариантов товаров, которые назначены всем вариантам товаров в магазине.

Стандартные атрибуты товара

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

В приложении Search & Discovery источники этих атрибутов отображаются как один из следующих вариантов:

Фильтры по метаполям

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

  • Однострочный текст
  • Однострочный текст (список)
  • Десятичное число
  • Целое число
  • Истина или ложь
  • Ссылка на метаобъект
  • Ссылка на метаобъект (список)

После настройки метаполей для товаров или вариантов вы сможете выбрать определение метаполя в качестве фильтра при редактировании фильтров.

Редактирование фильтров

  1. В панели администратора Shopify перейдите в раздел «Приложения» > Search & Discovery.

  2. Нажмите «Фильтры», а затем — «Добавить фильтр».

  3. Нажмите на поле «Источник» и выберите источник фильтра, который вы хотите сделать доступным для клиентов.

  4. Необязательно: переименуйте фильтр.

  5. Необязательно: измените поведение фильтра.

  6. Необязательно: измените визуальное отображение.

  7. Необязательно: выберите значения фильтра, чтобы сгруппировать их в одно значение.

  8. Необязательно: отсортируйте значения фильтров.

  9. Нажмите «Сохранить».

Вы также можете изменить порядок фильтров в разделе «Фильтры». Нажмите и перетащите отдельные фильтры, чтобы расположить их в том порядке, в котором они будут отображаться для клиентов.

Переименование фильтров

Вы можете изменить видимое клиентам название любого фильтра в вашем магазине.

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

Инструкции:

  1. В панели администратора Shopify перейдите в раздел «Приложения» > Search & Discovery.

  2. Нажмите «Фильтры», а затем — фильтр, который хотите переименовать.

  3. В поле «Название фильтра» введите новое название.

  4. Нажмите «Сохранить».

Значения фильтров

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

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

Группировка значений фильтров

Вы можете сгруппировать несколько значений фильтра, чтобы они отображались для клиентов как одно значение. Например, у вас есть товар с опцией «Цвет», которая включает значения «Оникс», «Эбеновый» и «Полуночный». Вы можете объединить эти значения в один фильтр под названием «Черный». Группа фильтров может содержать не более 200 уникальных значений, а в магазине — не более 1000 групп фильтров.

Инструкции:

  1. В панели администратора Shopify перейдите в раздел «Приложения» > Search & Discovery.

  2. Нажмите «Фильтры», а затем — «Добавить фильтр» или название существующего фильтра.

  3. Если фильтр основан на стандартном атрибуте товара, нажмите «Управление значениями» и выберите опцию. Подробнее о группировке фильтров по стандартным атрибутам товаров.

  4. В разделе «Значения» выберите значения, которые вы хотите сгруппировать в одно значение фильтра. Для поиска других значений фильтров можно использовать строку поиска.

  5. Нажмите «Создать группу».

  6. Введите название группы. Это единое значение фильтра, которое увидят клиенты.

  7. Нажмите «Готово».

  8. Нажмите «Сохранить».

Группировка фильтров по стандартным атрибутам товаров

Фильтры на основе стандартных атрибутов товаров предлагают уникальную функцию группировки. Чтобы получить к ней доступ, нажмите «Управление значениями». Там вы сможете выбрать автоматическую или ручную группировку:

  • Автоматическая: значения автоматически группируются по базовому значению таксономии. Например, если ваш фильтр по цвету включает значения «светло-красный», «бордовый» и «рубиновый», все они будут сгруппированы под базовым значением «красный». Вы можете настроить название группы и образец, но не можете добавлять или удалять значения.
  • Ручная: значения изначально не сгруппированы, и их можно сгруппировать в соответствии с описанными выше шагами.

Ограничения

Фильтр «Категория» не поддерживает группировку.

Сортировка значений фильтров

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

Автоматическая сортировка

По умолчанию значения фильтров отображаются в порядке возрастания — как в алфавитном, так и в числовом. Например, значения фильтра опции товара «Размеры обуви» будут отображаться от наименьшего к наибольшему.

Значения фильтров, которые начинаются с числа и заканчиваются словом (например, «60 ватт»), будут отображаться рядом со значениями, которые заканчиваются тем же словом. Например, фильтр опции товара «Возраст» со значениями «2 года», «6 месяцев», «3 года» и «2 месяца» будет отсортирован в следующем порядке:

  • 2 месяца
  • 6 месяцев
  • 2 года
  • 3 года

Для фильтров с названием Размер применяется пользовательский порядок сортировки, чтобы распространённые размеры отображались в правильной последовательности. Например, XS (очень маленький) идёт перед S (маленький).

Новые значения фильтров будут отсортированы автоматически.

Ручная сортировка

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

Инструкции:

  1. В панели администратора Shopify перейдите в раздел «Приложения» > Search & Discovery.

  2. Нажмите Фильтры, а затем выберите существующий фильтр или создайте новый фильтр.

  3. В разделе Сортировка выберите Вручную.

  4. Перетащите значения, чтобы изменить их порядок. Кроме того, можно выбрать несколько значений и нажать «Переместить вверх» или «Переместить вниз», чтобы переместить их все вместе.

  5. Необязательно: нажмите Пересортировать для меня, чтобы отсортировать с помощью Shopify Magic.

  6. Нажмите «Сохранить».

Сортировка с помощью Shopify Magic

С помощью Shopify Magic можно отсортировать значения в логическом порядке на основе названия фильтра и его значений. В фильтрах, использующих фильтры с образцами, для определения порядка сортировки учитываются шестнадцатеричные коды и их положение на цветовом круге.

Кнопка Пересортировать для меня отсортирует ваши значения с помощью Shopify Magic. Если новый порядок не будет соответствовать вашим ожиданиям, вы можете нажать кнопку Отменить пересортировку, чтобы восстановить порядок ручной сортировки, или переупорядочить значения в соответствии с требованиями вашего магазина.

Настройка пустых значений фильтров

Чтобы помочь клиентам находить доступные товары, вы можете настроить обработку пустых значений фильтров, перемещая их в конец списка или полностью скрывая. Это позволит клиентам сосредоточиться на значениях с соответствующими товарами. Например, вы продаёте футболки разных цветов и размеров. Все цвета, кроме Красного, отсутствуют в наличии. Если вы переместите пустые значения в конец, то в фильтре Цвет первым будет отображаться цвет Красный. Если вы скроете пустые значения, то в фильтре Цвет будет отображаться только вариант Красный.

Инструкции:

  1. В панели администратора Shopify перейдите в раздел «Приложения» > Search & Discovery.

  2. Нажмите Настройки.

  3. В разделе Фильтры > Пустые значения выберите один из следующих вариантов:

    • Чтобы скрыть пустые значения фильтров, выберите Скрыть. Фильтр скрывается полностью, если все его значения пусты.
    • Чтобы переместить пустые значения фильтров в конец списка, выберите Показывать в конце.
    • Чтобы для пустых значений фильтров сохранялась сортировка по умолчанию, выберите Показывать в порядке по умолчанию.
  4. Нажмите «Сохранить».

Исключение значений фильтров

Если вам нужен больший контроль над значениями, которые отображаются для клиентов, используйте фильтр по метаполю только с теми значениями, которые вы хотите показывать в своём магазине.

Например, вы можете использовать теги товара не только для фильтров витрины, но и для других целей, таких как условия коллекции или фильтрация списка товаров в панели администратора. Вместо типа фильтра по тегам товара можно использовать тип метаполя однострочного текста или тип списка.

Визуальные фильтры

Значения фильтров могут включать визуальные элементы, такие как цвета, узоры или более детализированные изображения. Например, фильтр Цвет ткани может отображать небольшой образец цвета для каждого значения.

Чтобы создать визуальные элементы для значений фильтров, используйте любой из следующих типов фильтров, основанных на ссылке на метаобъект:

Добавление стандартного фильтра по атрибуту товара

Инструкции:

  1. В панели администратора Shopify перейдите в раздел «Приложения» > Search & Discovery.

  2. Нажмите Фильтры.

  3. Нажмите Добавить фильтр или выберите существующий фильтр.

  4. Нажмите на поле Источник, а затем выберите фильтр типа «Метаполе категории» или «Метаполе товара», который основан на стандартном атрибуте товара.

  5. Нажмите Управлять значениями.

  6. Выберите автоматическую или ручную группировку.

  7. Выберите Включить образец. Этот параметр можно оставить невыбранным, если нужны только текстовые значения.

  8. Чтобы использовать изображения в качестве образцов, выберите Использовать изображения, если доступны.

  9. Нажмите «Сохранить».

Добавление пользовательского фильтра по метаполю

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

Требования к визуальным фильтрам на основе пользовательских метаполей

Чтобы создать визуальные элементы для пользовательских фильтров по метаполям, они должны соответствовать следующим требованиям:

  • Метаобъект, который соответствует следующим критериям:
    • Хотя бы одно поле цвета или одно поле файла с изображениями. Оба поля могут поддерживать только одно значение, списки значений не поддерживаются.
    • Поле для названия значения фильтра. Оно должно разрешать только одно значение, список значений нельзя использовать в качестве названия фильтра. Поле может быть любого из следующих типов:
      • однострочный текст
      • десятичное число
      • целое число
      • логическое (true или false)
  • Определение метаполя, которое соответствует следующим критериям:
    • Определение создано для товара или варианта.
    • Тип метаполя — Метаобъект, который ссылается на определение метаобъекта, созданное на предыдущем шаге.
    • Укажите, будет ли в метаполях разрешена одна запись или список записей метаобъекта.
  • И для определений метаобъектов, и для определений метаполей должен быть активирован доступ к витрине.

Лучшие практики для визуальных фильтров на основе пользовательских метаполей

Фильтры вариантов товара ссылаются на наиболее релевантные варианты в результатах поиска и на страницах коллекций. Например, при нажатии на красный образец цвета будут показаны только красные товары. Чтобы использовать фильтрацию на уровне вариантов, укажите метаполя вариантов в качестве ссылки на метаобъект. Если для вашего фильтра ссылка на конкретные варианты не важна, используйте вместо них метаполя товаров.

Определение метаобъекта для образца цвета должно содержать поля для цвета и изображения. Указывать значения для обоих полей не обязательно, но это даст вам возможность использовать любое из них в будущем.

Если ваши товары или варианты имеют несколько цветов, по которым можно выполнять фильтрацию, настройте определение метаполя так, чтобы оно разрешало список записей. Это позволит вам назначать несколько записей метаобъекта одному предмету, и каждая из них будет отображаться как значение фильтра в вашем магазине.

Инструкции:

  1. В панели администратора Shopify перейдите в раздел «Приложения» > Search & Discovery.

  2. Нажмите Фильтры.

  3. Нажмите Добавить фильтр или выберите существующий фильтр.

  4. Нажмите на поле «Источник» и выберите фильтр типа «Категория», «Метаполе товара» или «Метаполе варианта».

  5. Задайте поле «Ярлык» для значений фильтров, выбрав метаполе.

  6. Установите флажок «Включить визуальное представление» и выберите визуальный стиль:

    • Выберите Образец для небольших образцов цвета или узоров. Задайте содержимое образца, выбрав:
      • Поле цвета для параметра «Цвет образца».
      • Поле изображения для параметра «Узор образца».
    • Выберите «Изображение» для значков, логотипов или другой графики, которая не должна обрезаться. Задайте содержимое, выбрав поле изображения для параметра «Изображение».

Поведение фильтра

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

Выбор значений из разных фильтров является условием «и», которое может уменьшить количество отображаемых товаров. Например, выбор Красный в фильтре Цвет и 8 в фильтре Размер вернёт товары, которые одновременно являются красными и имеют размер 8.

По умолчанию выбор значений из одного и того же фильтра является условием «или», которое может увеличить количество результатов. Например, выбор значений Красный и Зелёный в фильтре Цвет вернёт все товары, которые являются красными или зелёными. Некоторые типы фильтров могут использовать условие «и» для своих значений. Узнайте, как настроить поведение фильтров с помощью приложения Shopify Search & Discovery.

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

Настройка поведения фильтра

Для фильтров по тегам товаров, спискам метаполей и спискам ссылок на метаобъекты можно выбрать условие фильтрации между значениями: стандартное условие «или» или условие «и». Например, при фильтрации по условию «и» выбор Новый и Распродажа в фильтре по тегам товаров вернёт только те товары, у которых есть оба этих тега.

Инструкции:

  1. В панели администратора Shopify перейдите в раздел «Приложения» > Search & Discovery.

  2. Нажмите «Фильтры», а затем — «Добавить фильтр».

  3. Нажмите на поле «Источник» и выберите источник фильтра, который вы хотите сделать доступным для клиентов.

  4. Выберите поведение, которое будет применяться к значениям фильтра, в разделе «Логика».

  5. Нажмите «Сохранить».

Перевод фильтров

Ярлыки, значения и группы фильтров можно перевести на другие поддерживаемые языки вашего магазина. Вы можете переводить контент с помощью приложений для перевода, таких как Shopify Translate & Adapt.

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

Значения фильтров основаны на переведённом контенте для ваших товаров и их вариантов.

Для одного фильтра может быть разное количество значений на разных языках. Например, язык вашего магазина по умолчанию — английский, и вы также добавляете французский в качестве поддерживаемого языка. Значения вашего фильтра Цвет включают значение Коричневый. В английском языке есть одно общее слово для коричневого цвета, а во французском — два. Ваше приложение для перевода автоматически переводит значение фильтра Коричневый как Brun или Marron для всех товаров магазина. Фильтры вашей витрины будут отображать одно значение для коричневого цвета в фильтре Цвет на английском языке и два значения на французском.

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

Языки рынков

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

Ярлыки и группы фильтров поддерживают переводы на языки для определённых рынков.

Устранение неполадок с фильтрами

Ознакомьтесь со следующими решениями распространённых проблем с фильтрами:

Отсутствие фильтра по цене в мультивалютных магазинах

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

Устранение проблем с отображением фильтров

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

  • Вы недавно добавили новые значения метаполей к товарам
  • Товары были недавно обновлены новой информацией, связанной с фильтрами
  • Данные поиска вашего магазина не синхронизированы

Чтобы решить проблемы с индексацией, попробуйте выполнить следующие действия:

  1. Подождите 24–48 часов до завершения автоматической повторной индексации
  2. Внесите небольшое изменение в затронутые товары (например, добавьте пробел в название товара) и сохраните, чтобы запустить повторную индексацию
  3. Если проблема не будет устранена, обратитесь в Службу поддержки Shopify

Фильтры по параметрам товара показывают неожиданные значения

Фильтры параметров товара отображают значения на основе названий вариантов выбора товара. Если фильтр отображает неожиданные значения или в нем отсутствуют какие-либо варианты:

  • Убедитесь, что названия параметров ваших товаров точно совпадают для всех товаров (например, всегда используйте «Цвет», а не смешивайте «Цвет» и «Цвет:»)
  • Убедитесь, что для товаров, использующих фильтр, настроен параметр товара.

Фильтры не отображаются

Фильтры могут не отображаться в некоторых случаях из-за ограничений по количеству товаров:

  • Коллекции: фильтры скрываются, если коллекция содержит более 5 000 товаров
  • Результаты поиска: фильтры скрываются, если в результатах поиска более 100 000 товаров

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

Значения фильтров отсутствуют или неполные

У фильтров есть ограничения на количество отображаемых уникальных значений:

  • Теги: до 5 000 уникальных значений тегов
  • Параметры и атрибуты товара: до 1 000 уникальных значений
  • Метаполя: некоторые значения могут отсутствовать в зависимости от структуры метаполя

Если у вас отсутствуют значения фильтров, проверьте, не превышены ли эти ограничения.

Проблемы с переводом фильтров

Если фильтры или значения фильтров некорректно отображаются на разных языках:

  • Убедитесь, что контент переведён в вашем приложении для переводов.
  • Помните, что фильтры по тегам товаров и продавцам отображаются только на основном языке вашего магазина.
  • Для корректной поддержки переводов на несколько языков используйте фильтры по метаполям.