How to change map layout

Your store locator comes with the three built-in layouts: HorizontalVertical and Search On Top

You can access them from your account dashboard.

  1. Login to your account from our sign in page or by clicking on Storemapper from your Shopify Apps (if you installed Storemapper from Shopify)
  2. Go to Settings -> General and scroll down to Themes & Layout.  Here you can choose your preferred layout for your map.

Horizontal represents a two-panes layout, having stores list on the left and map on the right.

If you would like to switch the layout to show the map on the left and the listings on the right, please see the link below –

https://gist.github.com/lerniri/2f1da4afce179d54137a106194358f4d

For more information on where to add this CSS, please see here

Vertical layout has the map on top with the store list showing underneath

Search On Top layout is very similar to the horizontal layout, i.e has store list and map placed side-by-side, but the main difference here is that search form is fixed on top and centered

Note: ‘Search On Top’ layout is available only under Storemapper Default 2.0 and 3.0 theme, so you’ll need to ensure it’s chosen in your account settings.

 

Need any help? Reach out at help@storemapper.co

 

Was this article helpful?

Related Articles

Submit a Comment

Your email address will not be published.

Need Support?

Can't find the answer you're looking for?
Contact Support