Creating a Magento Extension that uses a jQuery Plugin

Ajax, API's, E-commerce, JQuery, Magento, plugins

While developing the DevoutGeek.com site, I created a number of Magento extensions. The first extension that I created was Configurable Colors. This extension creates color swatches in place of the color drop-down for configurable products. I created a jQuery plugin to display the color swatches and make ajax calls to the extensions controller method to display the relevant images. Through a bit of trial and error, I learned a great deal about creating Magento extensions (and incorporating jQuery into them).

There are many articles that discuss how to create Magento extensions, so this post discusses how to incorporate a jQuery plugin into the extension. For information on how to create an extension, read this.

Continue reading

Checkout My New Site - T-shirts For Geeks

JQuery Plugin: imGoogleMaps-0.9.2, Custom Marker Icons

Ajax, API's, Google Maps, JQuery, plugins

I recently had to update my imGoogleMaps JQuery Plugin due to problems that arose from the Geocode request rate limitations. As I researched the problem, I delved even more into the Google Maps API. Although this is a minor release, I decided to add custom marker icons to this version. Now you should be able to easily add custom markers to your Google Maps without having to worry about creating the underlying Google Maps API code – JQuery and the imGoogleMaps plugin helps you create a customized map in the fraction of the time. I also added the ability to display a phone number and a description for each address in the infoWindow.

Continue reading

Checkout My New Site - T-shirts For Geeks

Google Maps: Creating a Custom Street View Control

API's, Google Maps, Javascript

When I upgraded my imGoogleMaps JQuery Plugin, I had to create a custom control button on the Google Map. The Control allows the user to add a Street View Overlay to the map. To create the control, I had to assign a prototype object to the instance of the GControl object.

Continue reading

Checkout My New Site - T-shirts For Geeks

Google Maps: Using JQuery to Display Multiple Addresses

Ajax, API's, Google Maps, JQuery

I have recently been updating the JQuery imGoogleMaps Plugin that I created earlier this year. The new version of the plugin will display multiple addresses on a Google Map. I’ll discuss the updated version of the imGoogleMaps plugin in another post. In this post, I’ll discuss how to use JQuery to load multiple addresses from Json data.

Continue reading

Checkout My New Site - T-shirts For Geeks