How to manage Store Locator?

On the Google Maps Bank’s Navigation Panel, select Layout Settings – Store Locator.

Once you click on “Store Locator”, you will be redirected to the following page as mentioned below.

Layout Settings Screen - Store Locator

Once you would reach the page as seen above, you would be able to manage settings for Store Locator. For this, you would need to click on particular tabs which you would like to modify from top of the page.

How to manage General Settings for Store Locator?

In order to manage general settings for Store Locator, you would need to click on “General” tab.

Once you click on “General”, you will be redirected to the following page as mentioned below.

Layout Settings Screen - Store Locator

Here is the description of each control on the page.

Background Color : In this field, you would need to choose “Background Color” for Store Locator Window.

Background Opacity : In this field, you would need to provide “Background Opacity” for Store Locator Window. It should be from 0 to 100.

Once everything is being setup, you would need to click on “Save Changes” button located at bottom of the page to save the settings.

How to manage Header for Store Locator?

In order to manage header settings for Store Locator, you would need to click on “Header” tab.

Once you click on “Header”, you will be redirected to the following page as mentioned below.

Here is the description of each control on the page.

Title Style : In this field, you would need to choose “Font Size and Color” for Header of Store Locator.

Font Family : In this field, you would need to choose “Font Family” for Header of Store Locator.

Background Color : In this field, you would need to choose “Background Color” for Store Locator Window.

Background Color Opacity : In this field, you would need to provide “Background Color Opacity” for Store Locator Window. It should be from 0 to 100.

Once everything is being setup, you would need to click on “Save Changes” button located at bottom of the page to save the settings.

How to manage Controls for Store Locator?

In order to manage Controls for Store Locator, you would need to click on “Controls” tab.

Once you click on “Controls”, you will be redirected to the following page as mentioned below.

Here is the description of each control on the page.

Title Style : In this field, you would need to choose “Font Size and Color” for Title.

Font Family : In this field, you would need to choose “Font Family” for Title.

Input Field Height : In this field, you would need to provide “Height” for Input Field.

Input Field Width : In this field, you would need to provide “Width” for Input Field.

Input Field Text Style : In this field, you would need to choose “Font Size and Color” for Input Field.

Input Field Font Family : In this field, you would need to choose “Font Family” for Input Field.

Input Field Background Color : In this field, you would need to choose “Background Color” for Input Field.

Background Opacity : In this field, you would need to provide “Background Opacity” for Input Field. It should be from 0 to 100.

Input Field Margin : In this field, you would need to provide “Margin” for Input Field.

Input Field Padding : In this field, you would need to provide “Padding” for Input Field.

Input Field Placeholder-From : In this field, you would need to provide From Placeholder Name which you would like to show on your Placeholder.

Input Field Placeholder Style : In this field, you would need to provide “Font Size and Color” for Input Field Placeholder.

Input Field Placeholder Font Family : In this field, you would need to choose “Font Family” for Input Field Placeholder.

Show Default Location : In this field, you would need to choose Enable to display a default location for Store Locator.

Default Location : In this field, you would need to choose an option for providing the default location for Store Locator. You can provide “Formatted Address” or “Latitude & Longitude” values of location.

Formatted Address : This option becomes visible when “By Formatted Address” is being selected for Default Location. In this field, you would need to provide “Formatted Address” for location.

Latitude : This option becomes visible when “By Latitude/Longitude” is being selected. In this field, you would need to provide “Latitude” for location.

Longitude : This option becomes visible when “By Latitude/Longitude” is being selected. In this field, you would need to provide “Longitude” for location.

Once everything is being setup, you would need to click on “Save Changes” button located at bottom of the page to save the settings.

How to manage Buttons for Store Locator?

In order to manage Buttons for Store Locator, you would need to click on “Buttons” tab.

Once you click on “Buttons”, you will be redirected to the following page as mentioned below.

Here is the description of each control on the page.

Height & Width : In this field, you would need to provide “Height and Width” for Button.

Alignment : In this field, you would need to choose “Alignment” for Button.

Text Style : In this field, you would need to provide “Font Size and Color” for Button.

Font Family : In this field, you would need to choose “Font Family” for Button.

Background Color : In this field, you would need to choose “Background Color” for Button.

Background Color Opacity : In this field, you would need to provide “Background Color Opacity” for Button. It should be from 0 to 100.

Once everything is being setup, you would need to click on “Save Changes” button located at bottom of the page to save the settings.

How to manage Circles for Store Locator?

In order to manage Circles for Store Locator, you would need to click on “Circle”.

Once you click on “Circle”, you will be redirected to the following page as mentioned below.

Here is the description of each control on the page.

Distance : In this field, you would need to choose Measurement Unit for Distance. It could be Kilometers or Miles.

Line Width : In this field, you would need to provide “Width” for Circular Edge.

Line Color : In this field, you would need to choose “Color” for Circular Edge.

Line Opacity : In this field, you would need to provide “Opacity” for Circular Edge. It should be from 0 to 100.

Fill Color : In this field, you would need to provide “Color” for area within the Circle.

Fill Color Opacity : In this field, you would need to provide “Color Opacity” for area within the Circle. It should be from 0 to 100.

Once everything is being setup, you would need to click on “Save Changes” button located at bottom of the page to save the settings.

How to manage Tables for Store Locator?

In order to manage Tables for Store Locator, you would need to click on “Table”.

Once you click on “Table”, you will be redirected to the following page as mentioned below.

Store Locator Screen

Here is the description of each control on the page.

Width : In this field, you would need to provide “Width” for Table.

Text Style : In this field, you would need to provide “Font Size and Color” for Table.

Text Font Family : In this field, you would need to choose “Font Family” for Table.

Background Color : In this field, you would need to choose “Background Color” for Table.

Background Opacity : In this field, you would need to provide “Background Opacity” for Table. It should be from 0 to 100.

Border Style : In this field, you would need to provide “Width, Style and Color” for Border of Table.

Border Radius : In this field, you would need to provide “Border Radius” for Table.

Once everything is being setup, you would need to click on “Save Changes” button located at bottom of the page to save the settings.