Logo

Test Similarity Search

This page demonstrates how a client integrates the service.

How to Use the New SeekLab Widget

Чтобы встроить новый виджет на ваш сайт, выполните следующие шаги:

  1. Подключите скрипт виджета в вашем HTML (вставьте в <head>):
  2. <script src="https://widget.aiwearlab.com/ai-widget/widget.js?v=1.0.0"></script>
  3. Создайте контейнер для виджета в нужном месте на странице:
  4. <div id="my-widget-container"></div>
  5. Вызовите инициализацию виджета с нужным режимом и параметрами:
  6. window.SeekLabSearchWidget.init({
      topOffset: '64px', // отступ сверху
      imageSrc: 'https://',
      mode: 'search',                     // 'search' | 'microphone' | 'upload' | 'search-similar'
      projectName: 'intimo_sherlock',     // ваше название проекта
      secretKey: 'd2252d6c6d1c18f57bd4b8304960afa7', // секретный ключ
      itemId: '66305-42653',              // ID товара (требуется только для 'search-similar')
      customerId: '123456',
      currency: 'UAH',
      language: 'UK',
      relationFilter: 'similar',          // 'similar' или 'complementary'
      filters: {                          // Вложенные фильтры (см. ниже)
        category: ['dress', 'coat'],      // Массив значений по конкретному фильтру
        brand: ['brand1','brand2'],
        color: ['red','blue'],
        sizes:['60C','2XL']
      },
      price_filters: {                    // Ценовые фильтры (все поля необязательны)
        min_price: 100,                   // Минимальная цена
        max_price: 1000,                  // Максимальная цена
        min_sale_price: 50,               // Минимальная цена со скидкой
        max_sale_price: 800               // Максимальная цена со скидкой
      },
      theme: 'mydark',                     // 'mylight', 'mydark', 'mycupcake', 'valentine', 'luxury', 'lemonade', 'synthwave', 'aqua'
      favorites: ['90555-62876','96244-66801','101382-72292'] //избранное
      });
        

Параметры и режимы: