All I want to do is change the layout of the /store_locator page. I want the map above and all the store locations below. How would I go about doing that?I am new to the way this module creates the map so apologies if this seems like a silly question.

Comments

timtk’s picture

Component: Documentation » User interface
michaelhaberle’s picture

Hi there!

A lot of changes can be done through the included CSS file: /theme/google_store_locator.css

If you're savvy with CSS, then it's not too hard.

michaelhaberle’s picture

For example, if you wanted to have the stores on the right:

.google-store-locator-panel {
	float:right !important;
}

If you don't mind using ABSOLUTE positioning (OH GAWD, Web Developers/Designers cover your ears!)...then you can use this hack:

.google-store-locator-map {
	clear:both;
}
.google-store-locator-panel {
	float:none !important;
	position:absolute;
	bottom:25px;
	width:90%;
}

Obviously, it'll need to be customized to your layout more though.

I'm sure there's a better way to do this.

timtk’s picture

Thanks guys this was very helpful

timtk’s picture

Status: Active » Closed (fixed)