Sticky Widget in Wix stores

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

Widget’s position

To change the widget’s position, follow these steps:

1. Go to the Searchanise control panel > Instant search widget section > Sticky widget tab.
2. Select one of the available values of the Widget position on the storefront setting.
3. Apply the changes.

Widget’s customization

1. Changing the input placeholder for the search bar

1. Go to the Searchanise control panel > Instant search widget section > Translations section >  Instant Search Widget tab > Sticky widget part.
2. Enter your text into the Search input placeholder field.
3. Apply the changes.

2. CSS customization (for modifying the widget’s appearance)

1. Go to the Searchanise control panel > Instant search widget section > Custom CSS tab.
2. Enable the Use Custom CSS setting.
3. 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
4. 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.