Map - pins – 🎒 Design Packs

• Shopify Section

Map - pins

The "Map - pins" section creates an interactive map that displays multiple locations with clickable markers, perfect for businesses with multiple stores or points of interest. It combines a visual map display with a companion list of locations that work together seamlessly.

What makes this section special is its dual navigation system. Visitors can either click the map pins to learn about each location, or they can use the location list alongside the map - clicking a location in the list automatically moves the map to that spot. When a location is selected, a clean popup appears showing the location's name and details.

The map's appearance is highly customizable. You can choose from different color filters (like grayscale, sepia, or custom hues) to match your brand's style. The map markers can be customized in color, and you can control the initial zoom level to show just the right amount of detail. The section comes preset with five example locations that you can easily replace with your own.

The layout is thoughtfully designed - you can position the location list on either side of the map, and on mobile devices, the content automatically adjusts to stack in a way that's easy to read and use. All text styling, colors, spacing, and fonts can be customized to match your store's design perfectly. It's particularly useful for retail chains, restaurant groups, or any business that needs to showcase multiple locations in an engaging way.

←

→