What is Sticky Widget?
The Sticky Widget looks like a floating icon that follows customers as they scroll. Clicking it opens a search bar on top of a page.
As soon as you start typing, the Instant Search Widget opens.
Widget’s configuration
To fine-tune Searchanise, go to the Wix admin panel, Apps > Searchanise. The app cannot be modified via Wix editor yet.
Widget’s position
To change the widget’s position, follow these steps:
- Go to the Searchanise control panel > Instant search widget section > Sticky widget tab.
- Select one of the available values of the Widget position on the storefront setting.
- Apply the changes.
Widget’s customization
1. Changing the input placeholder for the search bar
- Go to the Searchanise control panel > Instant search widget section > Translations section > Instant Search Widget tab > Sticky widget part.
- Enter your text into the Search input placeholder field.
- Apply the changes.
2. CSS customization (for modifying the widget’s appearance)
- Go to the Searchanise control panel > Instant search widget section > Custom CSS tab.
- Enable the Use Custom CSS setting.
- Enter your CSS code for the widget appearance into the text area. CSS selectors:
- .snize-sticky-searchbox – the Sticky Widget floating search button
- .snize-search-magnifier – the Sticky Widget search icon (magnifying glass)
- .snize-sticky-searchbox.snize-sticky-searchbox-opened – the Sticky Widget floating closing button, appears when the Searchanise search widget is open
- .snize-search-close – the Searchanise search widget’s closing icon
- #snize-modal-sticky-searchbox the pop-up window with the Searchanise widgets
- Apply the changes.
CSS customization common solutions
To change the icon background color, paste the following CSS rule changing the color on the desired one:
a.snize-sticky-searchbox {
background-color: #393037;
}
To change the icon color, paste the following CSS rule changing the color on the desired one:
.snize-sticky-searchbox .snize-search-magnifier {
color: #12B415;
}
If you have any questions or you need help with the widget’s configuration, you can contact us. We will be happy to help you.
We’d appreciate it if you could take some time to leave a review.