WooCommerce
Store Locator

Thank you for the purchase. We hope you love this plugin!

If you find any bugs or enhancements in this script get in touch with a clear description of the problem so we can fix it. We do not support modifications!

Requirements

The following things are required to run this script:

  • PHP 5.2.0+
  • MySQL 5+
  • Apache
  • optional WooCommerce 2.0+
  • Wordpress 3.8+

Index

  1. Installation
  2. Features
  3. Troubleshooting


Installation

1. Upload the ZIP via the wordpress backend


  • Log into your website backend /wp-admin/
  • Go to Plugins -> Install -> Upload Plugin
  • Select the ZIP file and upload it
  • Active it and that's it!

2. Upload it via FTP


  • Log into your webserver via FTP
  • Unzip the file on your PC
  • Upload the extracted folder to /wp-content/plugins/
  • Go into your backend and activate the Plugin

Return to the Index


Features

Settings Panel

Where can I find the Store Locator settings?

You can find the everything inside your Admin Panel inside Store Locator -> Setting


General Settings

In the General settings are you have the following options:

  • Enable:
    Enable Store Locator to use the options below
  • Enter Google Api Key

Map

  • Enable:
    Enables Map.
  • Width (in Columns)
  • Default Latitude
  • Default Longitude
  • Default Map Type
  • Default Map Zoom
  • Distance Unit
  • Default Radius
  • Draw Radius Circle
  • Radius Select Steps
    Split the values by comma.
  • Distance Unit
  • Default Store Icon
  • Default Store Icon on Hover
  • Default User Icon

Infowindow

  • Enable Infowindow
  • Width
  • Details Width (in Columns)
  • Image Width (in Columns)
  • Opening Hours Width (in Columns)

Result List

  • Enable Result List
  • Position
  • Width (in Columns)
  • No Results Text
  • Maximum Results
  • Show Result List Icon
  • Result List Icon
  • Result List Icon Size
  • Result List Icon Color

Search Box

  • Enable Search Box
  • Enable Auto Geolocation
  • Save Auto Geolocation in Cookie?
  • Enable Autocomplete
  • Position
  • Width (in Columns)

Loading Screen

  • Loading
  • Loading Settings
  • Loading Icon
  • Loading Animation
  • Loading Icon Size
  • Loading Icon Color
  • Overlay Color
  • Overlay Transparency

Data to Show

  • Show Name
  • Show Description
  • Show Street
  • Show City
  • Show Country
  • Show Website and it's Text
  • Show Email and it's Text
  • Show Telephone and it's Text
  • Show Mobile Phone and it's Text
  • Show Fax and it's Text
  • Show Opening Hours
  • Opening Hours Text, Clock Text and the Weekday text
  • Opening Hours Clock Text
  • Show Stores Categories
  • Show Stores Filter
  • Show Active Filter
  • Show Filter
  • Show Get Direction and it's Text
  • Show Call Now and it's Text
  • Show Visit Website and it's Text
  • Show Write Email and it's Text
  • Show Image
  • Image Dimensions

Button

This settings belong to the button on the product page.

  • Enable
  • Button Text
  • Button Position
  • Button Action
  • Store locator Title
  • Modal Code Position
  • Modal size

Defaults

You can add some defaults when adding stores.

  • Defaults
  • Default Address 1
  • Default Address 2
  • Default ZIP
  • Default City
  • Default Region
  • Default Country
  • Default Telephone
  • Default Mobile
  • Default Fax
  • Default Email
  • Default Website
  • Default Open (Mo - Fr)
  • Default Close (Mo - Fr)

Advanced Settings

Custom stylesheet / javascript.

  • Custom CSS:
    Add some stylesheet if you want.
  • Custom JS:
    Add some javascript if you want.

Return to the Index


Troubleshooting

Where can I find the Store Locator settings?

You can find the everything inside your Admin Panel in Store Locator -> Settings


How can I remove the maps padding?

Just add the following code inside advanced settings > custom CSS:

#store_modal .modal-body {
	padding: 0px;
} 

.store_locator_sidebar_content {
	padding: 15px 0px 15px 15px;
}

@media(max-width: 768px) {
	.store_locator_sidebar_content {
		padding-right: 15px;
	}
}

How can I increase the width of the Map?

Here for e.g. it uses a 80% width. Just add the following code inside advanced settings > custom CSS:

#store_modal .modal-lg {
	width: 80%;
}

@media(max-width: 768px) {
	#store_modal .modal-lg {
		width: auto;
	}
}

I found a bug / got an error

Please make a comment on codecanyon. We will take care asap!


Return to the Index