Consistent branding
Apply brand colors, typography, border radii, spacing, and map styles so the locator feels like a native part of your site.
Customization
Visual theme editor for store locators
Customize layout, map, pins, and brand styling with a WYSIWYG preview that stays on the same screen as the locator.
WYSIWYG preview with map in view
Separate desktop and mobile layouts
Custom default and promoted pins
Save draft, publish, or discard changes
Real screenshot of the visual editor showing the WYSIWYG surface with map, filters, results, and customization controls visible at the same time.
Real screenshot of the public locator showing map, search, and result card with theme decisions reflected in the final customer-facing experience.
Overview
Complete visual control without slowing the team down
ShopMaply's theme editor helps marketing, operations, and product teams align every locator with brand guidelines without opening a ticket for each change. Pick a structure, adjust visual tokens, test on the map, and publish when the experience is ready.
Faster decisions
Live preview shows the impact of each change on the map, cards, filters, and selected-location modal while you edit.
Better device context
Desktop and mobile can have different panel visibility, position, and width so each screen serves its real journey.
Safer publishing
Undo, redo, local drafts, backend drafts, publish, and discard give teams room to iterate before changes go live.
Customizable items
Everything you can tune on the public locator
The public locator supports brand-level and component-level customization. These are the control groups currently exposed in the theme settings and the public visual editor.
Colors and typography
- Primary color
- Secondary color
- Page background color
- Font family
- Base font size
- Title font size
Title and summary panel
- Hero background color
- Hero text color
- Hero title size
- Hero summary size
- Title/description visibility per viewport
Cards, buttons, and borders
- Primary button radius
- Secondary button radius
- Panel radius
- Result card radius
- Details modal radius
- Category/tag radius
Spacing and density
- Page padding
- Panel padding
- Card spacing
- Control padding
- Tag padding
- Tag margin
Map, pins, and emphasis
- Map style: light, street, satellite, or muted
- Default or full-height map mode in saved theme
- Normal pin URL
- Promoted pin URL
- Promoted logo background
- Promoted logo width, height, radius, and padding
Visible public-page components
- Search
- Filters
- Map
- Results
- Detail
- Title/description
- Pagination/toolbar
Layouts and responsiveness
Ready-made structures plus viewport-specific fine tuning
You can start from a layout template, then refine desktop and mobile independently inside the public editor. That makes it possible to keep dense layouts on large screens and more guided flows on phones.
Available layout templates
- Classic Split for sidebar filters, centered map, and selected-result detail
- Map First to emphasize proximity and map exploration
- Directory First to prioritize the result list
- Detail Focus to expand the selected location
- Immersive Left for a full-screen map with left floating controls
- Immersive Right for a full-screen map with right floating controls
Desktop and mobile layout controls
- Switch viewport inside the visual editor
- Drag free panels to reposition search, filters, map, results, and toolbar
- Resize panel width and height
- Choose fixed width in pixels or expandable width in percent
- Hide or show panels by viewport
- Set filters open or collapsed by default
WYSIWYG workflow
- Map stays visible while editing
- Pins update alongside theme changes
- Cards, filters, modal, and buttons share the same theme variables
- Layout changes reapply without a full page refresh
- Local draft storage protects work in progress
How to use it
Step-by-step guide to launch a branded locator
This workflow combines the theme settings page and the public visual editor to go from default styling to a published layout.
Choose the locator and a base layout
Open theme settings, pick the locator you want to edit, and start from the template that best fits your journey: map-first, directory-first, or immersive.
Adjust brand styling
Set palette, typography, hero styling, border radii, and spacing so the public experience matches your main site or campaign.
Customize map and pins
Switch the map style, configure public URLs for normal and promoted pins, and validate the look directly in preview and public editor.
Refine desktop and mobile separately
Open the public visual editor, switch viewport, move panels, tune fixed or percent widths, and choose which elements stay visible on each screen.
Save draft, review, and publish
Use undo and redo, save a backend draft for review, publish when approved, or discard changes to return to the active version.
Use cases
Useful for lightweight setups and complex networks
Theme flexibility lets each company shape the locator around its own business model without rebuilding the product.
Retail and franchise networks
Highlight campaigns, flagship stores, and promoted logos with branded pins and stronger visual hierarchy.
Dealer locators and service networks
Use stronger filter layouts, denser result lists, and collapsed-by-default states to speed up partner discovery.
Healthcare, services, and hospitality
Build mobile-first experiences with immersive maps, on-demand detail panels, and cleaner local search journeys.
Keep exploring
Related features
Promoted locations
Highlight strategic places in map and list views.
Learn more →Analytics
Measure searches, clicks, and locator conversions.
Learn more →