To display the store locations on the map

• To create a Locator Page, you need to do as follows: 

1. Go to Online Store in Shopify

2. Access Pages

3. Click Add Page and enter a title 

4. In Theme template, select store-locator template

• To configure Locator, you need to access Themes → Customize → Page →  Store-locator

• Add section “Tapita - Store Locator “ →  Add Store Item

• In Store item, you enter your information in fields as follows:

• Store name

• Address

• Latitude (Latitude taken from Google Map)

• Longitude (Longitude taken from Google Map)

• Email address

• Phone number

• In Tapita - Store Locator, you can customize the configuration in the Section configuration section by choosing "Enabled" and "Disabled" for the following items:

• Section lazyload - lazy loading speed (a section will only load on the page when you scroll down to that section).

• Section max width: Width of section, if you choose “Disabled”, will default to the entire desktop with a size of 1830px. If you choose “Enabled”, you can customize the desired display size in Content max width.

• To adjust the size between sections on the page, you need to customize the size on the desktop screen in Desktop vertical spacing and Desktop margin bottom.

However, because the display sizes on the screens will be different, you need to align the sizes for tablet and mobile screens in Tablet, mobile vertical spacing, and Tablet, mobile margin bottom.