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

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

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

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-тему в панели управления Эквида - Настройки - Дизайн. 
 

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

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

Product Search Enhancer

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

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

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

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


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

Clickable Brand

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

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

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

 

Filter by Color

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

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





 

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 1 из 2
Остались вопросы?
Обратитесь за помощью
  • Форум

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

  • Связь с техподдержкой

    Есть вопросы? Свяжитесь с нами, мы будем рады вам помочь.

  • Состояние сервиса

    Страница с информацией о запланированных технических работах и текущем состоянии сервиса.