How to change map layout (New UI)

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 until Themes & Layout.  Here you can choose your preferred layout.

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

You can easily switch the order by using the following CSS code

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

Vertical layout has the map on top of the store list.

Search On Top layout mostly looks like the horizontal one, i.e has store list and map placed side-by-side, but the main difference here is that search form is fixed on top.

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

Was this article helpful?

Related Articles

Submit a Comment

Your email address will not be published. Required fields are marked *

Need Support?

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