Add the Sales map to your storefront

The app provides a responsive theme app block that can be placed on a compatible Shopify theme template.

Add the app block

1. Go to Online Store → Themes → Customize.
2. Open the page or template where the map should appear.
3. Select Add section or Add block, depending on the theme.
4. Open the Apps tab and choose Sales map.
5. Position the map and save the theme.

Customize the block

The theme editor includes:

• Heading text, font size, and font family.
• Map maximum width.
• Container, full-width, or custom-width section layout.
• Container and custom maximum widths.
• Section background color.
• Sold-state and inactive-state colors.
• Hover tooltip visibility.

Block color settings let a particular map placement differ from the preferences saved in the app. Keep them aligned when you want one consistent presentation.

Responsive behavior

The map scales to the available width while preserving its shape. Set a maximum width that remains readable on large screens and preview the section at desktop and mobile breakpoints before publishing.

Verify storefront data

After saving, visit the storefront outside the theme editor. Confirm states are colored, hover counts appear when enabled, and the page does not block requests to the app proxy.