How to change map layout

Your store locator comes with the three built-in layouts: Horizontal, Vertical 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 -> Basic Settings  and choose preferred layout from ‘Choose layout’ option.

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