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.
- 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.
Loader
Through the following options, you can customize the loader shown on the map when loading the results.
- 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.
- 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.