Why Customize Pin Icons?
Brand Identity: Maintain consistency with your store’s overall design by matching the map’s visual elements to your brand colors and style.
Enhanced User Experience: Distinctive icons and well-chosen color schemes can make your map more intuitive and eye-catching for customers.
Accessing the Theme Editor
When completing the Store Locator setup, you may see a prompt on one of the final steps titled “Add Block”. Clicking this button typically opens the Shopify theme editor, where you can place and customize the Store Locator block. Alternatively, you can open the theme editor directly from your Shopify admin by following these steps:
Log In to Your Shopify Admin:
Go to Online Store > Themes.
Open Theme Customization:
Click Customize on your currently active theme.
Select the Store Locator Page (If Applicable):
Use the page selector at the top of the theme editor to navigate to your Store Locator page if you have created one.
If you’re adding the Store Locator block for the first time, follow the guided steps after clicking the “Add Block” button in the app’s setup flow.
Changing Marker Pin Icons
Locate the Marker Pin Icon Settings:
Within the theme editor or the Store Locator app settings, find an option like Pin Icon, Marker Icon, or Icon Style.
Choose from Built-In Icons:
Since custom icon uploads aren’t supported yet, select from the provided dropdown. Options include:
Map Marker
Bag
Beer
Bike
Bottle
Building
Burger
Cart
Coffee Mug
Coffee Cup
Cookie
Drink
Fast Food
Home
Hotel
Ice Cream
Pie
Pizza
Pop Corn
Restaurant
Ring
Store
T-Shirt
Warehouse
Wine
Preview Your Selection:
After choosing an icon, preview the map to ensure it fits your store’s design.
Save Your Changes:
Click Save to apply the new icon to your live storefront.
Note: If you require an icon that isn’t in our built-in selection, feel free to reach out to our support team. We’re always looking to improve and may be able to accommodate special requests in future updates.