Super Store Finder - Multi Categories Add-on (Add-ons)

Purchase $5.00

Super Store Finder – Multi Categories Add-on

This is an add-on for Super Store Finder application that allows administrator to choose and assign multiple categories for each store. Super Store Finder is a multi-language fully featured PHP/Javascript/MySQL Application integrated with Google Maps API v3 that allows customers to locate your stores easily. Packed with Geo Location, Google Street View and Google Maps Direction your customers will never be lost again getting to your locations.

Main Features

• Allow administrators to choose and assign multiple categories for each store in Super Store Finder


• User friendly bootstrap multi-select feature


• No page refresh upon selecting multiple categories


• Easy to understand user guide included

Installation Instructions

• Notice for Super Store Finder Multi Categories Add-on:

a. You need to purchase Super Store Finder prior to using this Add-on
b. Be sure to backup your existing files and database before performing the steps below

1. Alter cat_id column in stores table to varchar(255) in your database, run below SQL command:

ALTER TABLE stores CHANGE cat_id cat_id varchar(255);

2. If you’re using the standard version (non-responsive) extract and replace content within superstorefinder.zip to your installation folder

3. If you’re using responsive version, extract and replace content within superstorefinder_responsive.zip to your installation folder.

4. You’re done!

Multi Categories Demo Instructions

1. Login to administrator


2. Edit a store from the store list or Add a new store


3. Select multiple categories for a particular store


4. Save the store details


5. Search the store via frontend to view the results

Support and Inquiries: http://codecanyon.net/user/highwarden

My Weather - IP (Miscellaneous)

Purchase $6.00

Item Description

“My Weather – IP” is a jQuery plugin that automatically find your location using your IP address, check the weather in that area and gives you useful information about your location.

Main Features

- Gives you the Weather, City, Country, IP, Latitude, Longitude and Temperature.
- Callback ready to obtain those values.
- A lot of optional properties to change.
- Can create a popup with that information.
- Animated icon ready on browsers that support canvas. Otherwise, works with a very nice PNG.
- Easy to set up.
- No PHP, MySQL, ASP knowledge required.

Geolocation is obtained from:
http://www.geoplugin.com


Weather information is obtained from:
http://www.openweathermap.org


Animated icon thanks to Rishabh:
http://cssdeck.com
http://cssdeck.com/user/rishabhp

EasyWeather - The Weather Engine (Miscellaneous)

Purchase $8.00

EasyWeather 1.0 is a lightweight and versatile jQuery plugin displaying weather information for any location.
Its compact size and numerous options make it perfectly suitable for providing local weather information in portals, websites, blogs and apps.

How it works

EasyWeather is an amazing plugin that unifies different weather sources in one tiny widget.
It currently works with 5 weather providers but it is designed to work with an unlimited
number of sources. It implements a cascading fallback mechanism ensuring data is retrieved even if
a provider is down or the consumer itself is throttled by a service. If the first provider fails to
return the requested information, EasyWeather will contact the next one to maximise the availability
of the service. EasyWeather’s engine uses the same mechanism to detect users location and it
currently supports 3 different geolocation services.

Main features

• 
  It supports the following weather providers:
  
  
  
  • 
    Yahoo! Weather
    
  
  
  • 
    World Weather Online
    
  
  
  • 
    Open Weather Map
    
  
  
  • 
    Wunderground.com
    
  
  
  • 
    HAMweather
    
  
  
  
  


• And the following Geolocation services:
  
  
  
  • 
    geoPlugin
    
  
  
  • 
    Freegeoip.net
    
  
  
  • 
    MaxMind GeoIP2
    
  
  
  • or alternatively native W3C geolocation
  
  
  
  


• Up to 10 days weather forecast depending on service


• Custom location search bar


• Units selection: Celsius/Fahrenheit and Kmph/Miles


• Caching mechanism based on:
  
  
  
  • HTML 5 local storage or
  
  
  • Cookies
  
  
  
  


• Pure client-side solution, no particular server-side technology required, no proxy page


• 10 predefined themes


• Templates and CSS styles fully customisable


• Callbacks, custom events and delegates for most actions


• Easy to install


• Extensive documentation

Demo

EasyWeather can be previewed here.

Changelog

2013-09-20

v1.0 widget launch

If you purchase this plug-in, don’t forget to rate it

TimeZone Corrector (Miscellaneous)

Purchase $5.00

TimeZone Corrector is a JavaScript tool which corrects time and dates in website content.

Most of the websites in Internet are international and often these websites publish dates which are corresponding to their local timezone. Most of the times it’s really hard for visitors from different timezones to catch up with the time difference and here comes the TimeZone Corrector.

With this tool the visitors will be able to see the correct time and date in their timezone only by hovering over the time and date.

Supported formats:

• (H|G):i


• (h|g):i (a|A)


• (H|G):i (m|n).(d|j).Y


• (h|g):i(a|A) (d|j).(m|n).Y


• (d|j).(m|n).Y (H|G):i:s


• (m|n).(d|j).Y (h|g):i:s (a|A)

Examples of these formats:

• 14:23


• 7:32 pm


• 17:29 3.25.2013


• 4:53am 25.03.2011


• 15.11.2013 19:23:44


• 07.29.1990 01:55:23 am

* the date and time formats are according to PHP date() function

What it has?

• The script is not dependant of any framework (jQuery/Prototype/etc).


• It can be used unlimited times on a page. It is organized as JavaScript Class.


• It has two neutral themes and unlimited number of themes can be build with CSS.


• It is signular file. The CSS is appended to the head of the document on run time.


• It is only 5KB minified and 9KB not minified.


• It is cross-browser compatible. It works on IE6+, Firefox, Chrome, Safari, Opera.

How to use it?

1. 
   First you have to include the script in the document:
   

   <script type="text/javascript" src="tzc/tzc.min.js"></script>

   
   


2. 
   Then you should initialize the class by using this script:
   

   var myTZC = new TimeZoneCorrector('tzcselector');

   
   

   The first parameter is the selector of the HTML element. For ID the selector must be #elemendit or elementid. For class it must be .classname (like css). You can also use element object directly.

   
   

   The second parameter is (optional) object with options for TimeZone Corrector. Please check all the available options from the table below.

   
   

   Examples:

   
   

   ID selector

   var myTZC = new TimeZoneCorrector('tzcselector');

   
   

   ID selector

   var myTZC = new TimeZoneCorrector('#tzcselector');

   
   

   Class selector

   var myTZC = new TimeZoneCorrector('.tzcselector');

   
   

   Direct object selector

   var myTZC = new TimeZoneCorrector(document.getElementById('tzcselector'));

   
   

   Selecting with jQuery

   var myTZC = new TimeZoneCorrector($('.tzcselector'));

   
   Note: TimeZoneCorrector() class is the same as TZC so use the one you prefer.
   

Options

phpfile       (string) the path to the tzc.php file. It can be relative or absolute path
cookieName    (string) the name of the cookie which tzc.php file creates
labelText     (string) the text which is before the corrected time in the tooltip
theme         (string) the theme name. Default: [dark]. Possible options: [dark, light]

Example of using all options:

<div id="mycontent">
    My long content ... with dates like this 16:30 03.10.2013 ... etc
</div>

<script type="text/javascript">
var myTZC = new TZC('mycontent', {
    labelText  : 'In your timezone:',
    phpfile    : 'tzc/tzc.php',
    cookieName : 'tzc',
    theme      : 'dark'
});
</script>

Timezone settings

How to change the default timezone of your website?

Often your website is hosted in different timezone than yours. In order to correct this you should open file tzc.php in the tzc folder.

In this file you have the following settings:

$timezone           = 'America/New_York';   // The timezone
$cookieName         = 'tzc';                // The cookie name
$cookieExpiration   = 2;                    // The cookie expiration time in hours

In order to change the default timezone of your website you should first find the correct timezone name at http://www.php.net/manual/en/timezones.php

Then change the value of the variable $timezone to your selected one.

The other two settings are related to the cookie which the script creates. If you want to change the name of the cookie you can do it by changing the value of the $cookieName variable. If you change the name of the cookie you should set the new name with cookieName option when initializing the TZC script.

Also the cookie expiration time can be changed by $cookieExpiration variable. The value for this variable is in hours.

Changelog

• 
  

  v 1.0 – Initial version

  
  


• 
  

  v 1.1 – Added support for selecting elements by class and by providing element object to the class

  
  
  

  Example:

  
  
  

  Selecting by class 15:23 adipiscing elit. Nam vel risus 10:57 am nunc.

  
  

  Selecting by class 16:23 adipiscing elit. Nam vel risus 9:57 am nunc.

  
  

  Selecting by DOM object 18:23 adipiscing elit. Nam vel risus 02:57 am nunc.

  
  
  

  Code:

  <p class="tzcClass">Selecting by class 15:23 adipiscing elit. Nam vel risus 10:57 am nunc.</p>
  <p class="tzcClass">Selecting by class 16:23 adipiscing elit. Nam vel risus 9:57 am nunc.</p>
  <p id="tzcObject">Selecting by DOM object 18:23 adipiscing elit. Nam vel risus 02:57 am nunc.</p>

  
  

  <script type="text/javascript">
      var classTZC = new TimeZoneCorrector('.tzcClass');
      var elObjTZC = new TimeZoneCorrector(document.getElementById('tzcObject'));
  </script>

  
  

FormMapper Address Autocomplete with Geolocation (Forms)

Purchase $7.00

An advanced jQuery plugin that utilizes the Google Maps API’s Geocoding and Places Autocomplete services. You simply provide a single input field that lets you search for locations with an autocomplete dropdown. Optionally: you can add a map container that will display an interactive map with drag and drop location finding capabilities and a form that will be populated with the complete address details including the latitude and longitude coordinates.

Although the demo site is built on the bootstrap framework it is just for demonstrative purposes and is not required for the .formMapper() to work. You could integrate the.formMapper() plugin into practically any theme, template, webpage…etc.

Installation is quick and simple to do and the files include 10 awesome examples of various uses and configuration methods to use the plugin.

Be sure to checkout the various demos to see some of the options and variations of this extremely versatile and useful plugin.

The Basic Use

You can find a demo of the Basic Use here: http://cre84.me/formmapper/index.html

When you begin typing a location a dropdown of matching locations will begin to appear. Just keep typing until you see the desired location and then select it from the list. The remaining details will be completed for you and if you include additional form elements or a map container they will be filled in with the appropriate content.

Auto-Geolocate

You can find a demo of the Auto Geo-locate here: http://cre84.me/formmapper/geolocate.html

Most of the demo pages have a big blue button that says, “Try and find me” on it. If you click that button the site should first ask for your permission to locate you (if you haven’t already approved it) and then the site will automatically attempt to find your location, as close as possible and map it and fill in the form.

You could also choose to request the user’s location as soon as the page loads instead of waiting for a button to be clicked. If the user’s location is found the .formMapper() will run, the form address elements will be filled in, and the map will be shown.

Multiple Results

You can find a demo of the Multiple Results here: http://cre84.me/formmapper/multiple.html

Sometimes a search will return multiple results if a specific location is not given. For instance if the input given was only “Paris” google would return the following locations:

• Paris, France


• Paris, TX, USA


• Paris, TN 38242, USA


• Paris, IL 61944, USA


• Paris, KY 40361, USA

By conguring the form slightly you can handle multiple results.

Draggable

You can find a demo of the Draggable Marker here: http://cre84.me/formmapper/drag.html

This example includes the option for the marker to be draggable and each time the marker is dragged the map zooms in a little more until it reaches the set maximum zoom level.

Points of Interest (POI)

You can find a demo of the POI Search here: http://cre84.me/formmapper/poi.html

In addition to being able to fill in the form by entering an address, you could also search for the location of a Point of Interest (POI). It could be the name of a place like: Graceland, the Highest Mountain, the Nashville Parthenon, the White House … or even the house from A Christmas Story (as seen below). The address will be generated for that POI.

Google will return the results that it finds for any location search. It could be an address, a POI, just a zip code, the name of a business, ...just about anything you could find on Google.

More Details

You can find a demo for More Details here: http://cre84.me/formmapper/details.html

You can include additional Address Component Types. Some searches can return additional information such as the location’s name, phone number, website, etc. Just remeber different searches return different results. A search for the White House returns the below additional results:

Limit Area

You can find a demo for Limit Area here: http://cre84.me/formmapper/bounds.html

In this demo the option was set to limit the map to a certain area and the results will give priority to that region. The option to only locate establishments was also set in this example. So if a user was to search for “Ford” the top result would be The Ford’s Theatre if the area was limited to Washington DC.

If you would search for “Ford” without limiting the area the top result would probably been a Ford Dealership or a street/city named Ford.

Limit Country

You can find a demo for Country Limit here: http://cre84.me/formmapper/country.html

Just like limiting the search to a certain region you can limit a location search to give priority to a country.

The settings in the Limit Country demo enables if you were to search for a location search like “Google” your results would be found in India rather than California like you might expect.

Find

You can find a demo for Find shortcut here: http://cre84.me/formmapper/api_call.html

The find shortcut makes it easy to load a location with a single command.

The location to search for can be just about anything you can search for on google. Address, Zip/Postal Code, Company Name, a POI, ... etc.

Demo Contact Form

The final example can be found at: http://cre84.me/formmapper/demo.html

This page is unique in the fact that it has multiple variations of .formmapper() items.

There is the usual form on the left that searches for a location and fills in the input items and has a smaller map included.

Then there is the demo contact form on the right with a map that displays the location of the restaurant (as shown below.) The map is generated by the .formMapper() plugin but is not attached to any form (since you wouldn’t want to change the display of where you can be found.)

The third .formMapper element on the page is found in the contact form itself. If you would like to gather your visitor’s location you can provide a single field with a simplified autocomplete method of entering an address instead of adding multiple fields for Address, City, State, Zip/Postal Code, Country…etc.

This particular use of the formMapper() plugin does not update a map and does not have a list of form inputs for the various address components. However, if you fill out the form and click submit (it will not send the email in the demo)  it will just display the email content for you to view.

By adding a list of hidden fields that each have address component names the form will have the various address items inserted without being visible to the end user and will be able to be sent along with the other (visible) form elements.

Possible options that can be included in the .formMapper()

• bounds (Whether to snap geocode search to map bounds)


• country (Results will give priority to results found in the selected country)


• map (A selector, a jQuery object or a DOM element that will contain the map)


• details (The container that should be populated with the form data)


• detailsAttribute (The attribute’s name to use as an indicator)


• useViewport (Should map zoom to the google suggested viewport)


• location (Location to initialize the map on. If not set the map will be blank until a location is entered)


• satelliteOnZoom (Switch to satellite view when zoomed in.)


• findme (If set the page will ask the user to access their geolocation and automatically fill in details based on the result)


• mapOptions (Options to pass to the google.maps.Map constructor)
  
  
  
  • You can see the full list of options at http://code.google.com/apis/maps/documentation/javascript/reference.html#MapOptions
    
    
    
    • zoom (initial zoom level)
    
    
    • minZoom (the smallest zoom level the user is allowed achieve with the controls)
    
    
    • maxZoom (the maximum zoom level the user is allowed achieve with the controls)
    
    
    • scrollwheel (allows zooming with mouse scrollwheel or not)
    
    
    • panControl (allows dragging the map to a new location or not)
    
    
    • mapTypeId (the type of map to display: roadmap, satellite, etc.)
    
    
    
    
  
  
  
  


• markerOptions
  
  
  
  • draggable (determines if location should be able to be determined by dragging and dropping the marker at the desired location)
  
  
  
  


• maxZoom (the maximum zoom level to zoom in to after a geocoding response not by the controls)


• types (an array containing one or more of the supported types for the places request)
  
  
  
  • See the full list of options at http://code.google.com/apis/maps/documentation/javascript/places.html#place_search_requests
  
  
  
  


• blur (triggers on blur event)


• dragged (default state of marker to determine if map should zoom in steps)

In addition to simplifing your form’s address input for your site’s visitors there are so many uses for this plugin.

• Admin panel that requires input of event locations


• Websites that need to get lat & lng coordinates


• Business search


• Registration website


• the list could go on and on…

Thank you for checking out my item! If you have any questions let me know.

Be sure to follow me either here on this site or on facebook to be updated when I post new items!

My Weather - IP (Miscellaneous)

Purchase $6.00

Item Description

“My Weather – IP” is a jQuery plugin that automatically find your location using your IP address, check the weather in that area and gives you useful information about your location.

Main Features

- Gives you the Weather, City, Country, IP, Latitude, Longitude and Temperature.
- Callback ready to obtain those values.
- A lot of optional properties to change.
- Can create a popup with that information.
- Animated icon ready on browsers that support canvas. Otherwise, works with a very nice PNG.
- Easy to set up.
- No PHP, MySQL, ASP knowledge required.

Geolocation is obtained from:
http://www.geoplugin.com


Weather information is obtained from:
http://www.openweathermap.org


Animated icon thanks to Rishabh:
http://cssdeck.com
http://cssdeck.com/user/rishabhp