# 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