By default, Magento uses a horizontal drop-down menu. In this post we will ‘stand on the shoulders of giants’ and use some jQuery to create an accordion style sidebar (vertical) menu.
Archive for the ‘Website Design’ Category
April 27, 2011
Magento – how to add a cart summary to the header using local.xml
By benfrain in Tech-tip, Website DesignThis post will demonstrate how to add a shopping cart summary to the header of your Magento store using the local.xml file
March 31, 2011
Couple of Magento development books that are worth a look…
By benfrain in Website DesignIf you have anything to do with e-commerce, chances are you have heard of Magento, the open-source e-commerce solution. Whilst it’s a very powerful solution, it’s also difficult to find conclusive documentation on it.
February 23, 2011
A few WordPress development tips, tricks and shortcuts
By benfrain in Website DesignOK, first of all, I didn’t come up with these. I’ve found them through trial and error whilst wrestling a WordPress project I’m working on into submission and then tweaked them to my needs. They are in no particular order but if you are working on a WordPress template file in PHP, the following may [...]
February 15, 2011
My incredibly popular PSD to HTML/CSS and jQuery service
By benfrain in Website DesignThe last quarter of 2010 and the first quarter of 2011 has seen me doing more PSD to HTML/CSS and jQuery conversions than ever before. It’s kept me so busy I’ve not been able to put half the posts up I would have liked. On the positive side, I’ve been performing PSD to HTML/CSS/jQuery conversions [...]
November 5, 2010
Magento: how to add a jQuery image and content carousel
By benfrain in Website DesignWant to add a content carousel to your Magento based store? In this post I’ll explain how to set your Magento store to work with jQuery 1.4.3 and install a jQuery Carousel script for rotating content on any Magento page.
November 2, 2010
Cubecart: how to add sub-category descriptions to product pages
By benfrain in Website DesignAnother little hard-earned nugget here that will help you out if you’re developing a site with Cubecart… So you have a product category and the only thing in it is sub-categories. So the landing page just shows an image of the subcategory, the title of the subcategory and the number of products in it. We [...]
September 9, 2010
Cubecart: How to show sub-categories in the sidebar
By benfrain in Tech-tip, Website DesignBy default, Cubecart v4 shows only the ‘top-level’ product categories in the sidebar. If you’ve added additional sub-categories, you can enable the DHTML menu in Admin which gives drop down style ‘fly-out’ menus. However, what if you want to show your sub-categories all the time? The DHTML menu option in Admin makes Cubecart creates nested [...]
August 17, 2010
Addecoltd.co.uk goes live
By benfrain in Website DesignAnother little brochure site I’ve designed has gone live: www.addecoltd.co.uk. Addeco are a building and landscaping product manufacturer/supplier based in Stoke On Trent. This site is static HTML/CSS/jQuery and was built on top of the 960 grid system.
