Как изменить виджет поиска

Дата последнего изменения:

В виджете поиска вы можете изменить:

1. Стиль поля ввода:


input.ecwid-SearchPanel-field {
 width: 100px; /* change width as needed*/
 height: 20px; /* change height as needed*/
 border: solid 1px #000000; /* change border color */
 background-color: #ffffff; /* change background colour */
 font-size: 12px; /* change font size in search field */
 color: #000000; /* change font color in search field */
}

Вместо #000000, #ffffff задайте любой цвет, который вам нужен. 

2. Стиль кнопки "Поиск":


button.ecwid-SearchPanel-button {
 width: 100px; /* change width as needed*/
 height: 20px; /* change height as needed*/
 border: solid 1px #ffffff; /*change border color */  
 background: transparent url(image/button_search.png) no-repeat bottom center !important; /*add bacground image*/
}

Замените image/button_search.png на прямую ссылку на вашу картинку для кнопки, например: "http://www.example.com/images/button_bg.png"

Такие CSS-коды нужно добавить в активную CSS-тему в панели управления Эквида - Настройки - Дизайн. 
 

Как улучшить виджет поиска

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

CloudSearch

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

Кроме быстрого и релевантного поиска CloudSearch предлагает средства для настройки поиска:

  • Синонимы – добавление синонимов расширяет список ключевых слов, по которым находятся те или иные товары
  • Promotions (мерчандайзинг) – продвижение выделенных товаров в результатах поиска
  • Просмотр статистики для лучшего понимания поисковых запросов покупателей


Это платное приложение с бесплатным 30-дневным пробным периодом.

Product Search Enhancer

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

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

Приложение можно настроить так, как вам нужно:

  • Изменить список предлагаемых вариантов
  • Изменить внешний вид окошка при наведении на товар
  • Добавить свое поле поиска на страницы магазина


Это платное приложение с бесплатным 7-дневным пробным периодом.

Clickable Brand

 
Clickable Brand упрощает навигацию в вашем магазине сделав кликабельным поле "Бренд" у товара. Это позволит создать в магазине фильтры по бренду товара.

Настроить атрибут "Бренд" для товара вам поможет наша статья Типы товаров и атрибуты.

Это платное приложение с бесплатным 14-дневным пробным периодом.

Filter by Color

 
Filter by Color добавляет такие возможности в ваш магазин:
  • Покупали могут находить товар по одному или нескольким цветам
  • Вы можете добавить фильтр по цветам в категории товаров
  • Вы можете создать коллекции цветов, чтобы ускорить поиск товара

Это приложение бесплатное.





 

К началу
Статья ответила на ваш вопрос?

Замечательно! Спасибо за ответ!

Пожалуйста, пришлите нам этот вопрос. Мы будем рады ответить по почте.

Отправить вопрос