Sticky Widget Print

Modified on: Tue, Oct 5, 2021 at 6:55 AM


TABLE OF CONTENTS


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.


Note
By default, the widget is automatically displayed in your store if there is no search bar.  


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. Go to the Searchanise control panel > Instant search widget section > Sticky widget tab.
  2. Enter your text into the Search input placeholder field.
  3. Apply the changes.

2. CSS customization (for tweaking the widget's appearance)

  1. Go to the Searchanise control panel > Instant search widget section > Custom CSS tab.
  2. Enable the Use CSS setting.
  3. Enter your CSS code for the widget appearance. 
    CSS selectors:
    
    • .snize-sticky-searchbox - the Sticky Widget floating search button
    • .snize-search-magnifier - the Sticky Widget search icon
    • .snize-sticky-searchbox.snize-sticky-searchbox-opened - the Sticky Widget floating closing button, appears when the Searchanise search widgets open
    • .snize-search-close - the Searchanise search widgets closing icon
    • #snize-modal-sticky-searchbox - the modal window with the Searchanise widgets
  4. Apply the changes.

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.


Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.