View Product Page

Scrollbar and loader

In the General section, you can configure the scrollbar and loader options that will show on the store locator page.

Scrollbar

Through the following options, you can customize colors and width of the scrollbar used in the results section.

Scrollbar options
  • Main Color shade: set the main color shade for the Store locator page.
  • Scrollbar colors: set the main and thumb color for the scrollbar.
  • Scrollbar width: set a value (in px) for the scrollbar width.
Scrollbar on frontend

Loader

Through the following options, you can customize the loader shown on the map when loading the results.

Loader options
  • Set a default loader or custom loader: decide the loader to use between
    • Default loader: choose one of the default loaders by selecting the icon through the option Default loading icon;
    • Custom loader: upload your loader through the option Upload a custom loader.
Custom loader
  • Loading icon size: (available for the default loader) choose the size of the loading icon from Small, Medium and Big.
  • Loading icon color: set the color of the loading icon.
  • Overlay color: set the overlay color of the loading icon.

Custom code

Finally, if you need to customize some elements, you can add custom CSS and custom JS from the Custom code section.

Custom code options