I am beginning a new project that uses MEAN.JS (MongoDB, ExpressJS, AngularJS, Node.js). I use Apache as my webserver on my local Ubuntu VM. When I first read about using Express, I wondered how I would use Express and Apache together. Further confusion came when I learned that my host provider (webfaction uses Nginx to serve static files and Apache for PHP and other server-side technologies. So Node.js and Express will actually be running under Nginx. Because I wanted my development environment to be enulate production as much as possible, I decided to run Nginx and Apache together.
When creating the Configurable Products Utility Magento extension, I had to figure out how to create an additional tab in the product admin. I found a few examples on the web, but none of them seemed to function exactly as I needed. It the end, it was not that difficult.
In a previous post, I discussed the Responsive Menu jQuery Plugin. Since it’s creation, I have integrated the plugin with CodeIgniter and Drupal. I also used this plugin on DevoutGeek.com. When I first integrated the Responsive Menu plugin with Devout Geek, I only added it to the menu template file. I recently took the time to create a Magento extension. The video below displays how to set up (and use) the extension. The Responsive Menu extension for Magento can be downloaded from DevoutGeek.com or Magento Connect.
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.
I created a few Magento Extensions while working on DevoutGeek.com, The first one that I created was Configurable Colors. Configurable Colors is an extension that enables you to create color swatches for Configurable Products. You can create swatches using HTML Color Names, Hex values, and images. This extension also comes with image zoom. Below is a video that demonstrates the use of Configurable Colors.
While doing final testing for DevoutGeek.com, I ran into a problem with the Shipping and Tax Estimator – it did not appear to work. When I entered the state and zip code, nothing was returned. I looked at the USPS shipping options in Magento’s admin – the values I entered seemed to be correct.
For the last couple of days, I have been trying to move the search bar under the navigation bar. This is my 3rd iteration of a Magento theme for my t-shirt site. I liked my first theme when it was created, but that was 7-8 months ago. I started working on a new design about a month ago (used Inkscape and Photoshop). After I converted the design into a Magento theme (a couple of weeks ago), I decided to go into a different direction – procrastination at it’s best. While creating this new theme, I spent a couple of days trying to move the search bar under the navigation bar. It was actually quite easy.
I’m building a webstore using Magento. I’ve used osCommerce in the past, but with this new store, I wanted to try a different e-commerce package. While creating the Magento theme, I could not figure out how to change/remove the the menu items on the top links on the site (My Account, Wishlist, Checkout, Login). It was actually quite easy.