Web Design Company, Hampshire UK

A few months ago, I attempted to build a complex home page in a Magento shop installation. The page had to be an exact copy of a client’s site due to it having to maintain the design of their marketing material. By complex I mean a page with two types of Flash slider, a news area that updated dynamically from the backend and a Flash logo.

I must admit I was a little overawed by the prospect and started to try and work out how the page could be changed. The problem was that I was trying to reskin a theme which was already very complicated, or at least complicated to me at the time. I was put off. The way in which Magento is built was new to me and at that point, the interaction between html, php, xml and css was confusing.

I decided to start from the very beginning.

This is where I started:

A guide on how to create your own Magento theme.

I Went throught this tutorial and to be honest it was very useful. There are other documents attached that will help you to understand how the Magento filesystem is organised. This system can be confusing, especially for a beginner but it is actually rather clever. You are given a default theme and then told to create a new theme. You can put as much or as little as you require within your new theme, as Magento will check in your new theme folder for updates and if nothing is present, it will revert to the default (the default is created at the point of installation).

This was well and good but the theme I was left with had no styling at all (this would be ideal for some people) so I had to look for something else.

Whilst learning Magento I have browsed these three publications.

The Magento User Guide

Magento Beginner’s Guide

Definitive Guide to Magento

The first two guides are certainly worth looking at and enabled me to construct simple Magento sites using pre-made themes and a variety of product types etc. The last guide was the solution to my custom design problems.

The Definitive Guide to Magento recommmends that a designer should use the ‘Blank Theme’, a theme which is downloadable from Magento Commerce. This theme was the helpup I needed.. The theme is simpler than a full pre-made theme and is not really styled at all, giving the user a blank canvas.

I am now making impressive (in terms of my previous progress) strides and will hopefully soon be able to provide you with a link to a custom Magento site that I have designed and built myself.

The first version of Magento I used was 1.3. Instantly I was surprised and shocked at the way in which Magento performed.. There are so many useful features that come as standard but more often than is acceptable, you will be greeted by errors and extensions simply not working.

It is after these sort of things happen a number of times that you realise that Magento is rather fragile. You have to make sure that extensions are suitable for your version. Even if you do everything right you will at some point find a bug. Another couple I found were when moving categories via the backend and also when importing and exporting products.

An issue I am having at present with an installation of Magento 1.4 is that the indexing system has seized up. Luckily the site still works but it is this sort of fragility that means that everytime you press the refresh button, you cross your fingers!

So you can imagine how happy I am to have found that Magento 1.5 has entered the testing phase. Ok, so they are about 9% through this process but I think I am allowed to get a little excited. Anything that makes my life easier is ok with me.

Here are a few things which caught my attention:

Fixed Onepage checkout – Shipping address issues
– added resetting property to save billing address in address book
– added saving of new shipping address
– simplified condition in order preparation routine

Improved Import/Export

Fixed Displaying Out of Stock Products on the front-end

I have had problems with all of the above fixes. Hopefully this will save loads of time in the future.

On one site that I recently finished, the one page checkout was simply not completing. I could add products and proceed to the cart but when it came to selecting the shipping method, the cart would reset. I had to search long and hard to find the fix for this.

You can read more about the new version of Magento 1.5 here.

http://www.magentocommerce.com/blog/magento-preview-version-ce-1500-alpha1-now-available/

Much of the last month has been taken up building Antheaturner.com. Initially, myself and another designer built the site to a suitable standard and then showed the product to Anthea’s media agency. At this point Anthea decided that the design of the site was not actually wanted and so drastically changed the design. After much protesting we realised that the design agency had not bothered to have the inital designs signed off, meaning we would have to re-build the site. This coupled with the fact that the other designer has been off for the last couple weeks due to a family problem, has meant a vast workload. Considering the other projects we have on at the moment it is a real effort just to keep up!

We are aiming to have finished the site by the end of the week.. Though this will mean a gargantuan effort, I am sure we can do it.

Though the full site is not finished yet, here is the holding page and the eventual home of the site.

http://www.antheaturner.com/

I know a lot of people are looking forward to the launch of this site, though I dont know quite how oftern I will be using it .

This week in the evenings I have also been carrying on with building the Yamaha Solent shop. One of the issues which cropped up was uploading images via csv to Magento.. A process which saves having to add all images individually to products. After making mistakes this is the process that I followed successfully.

• On the CSV, make sure the path to your images is /yourimage.jpg
• Upload the images to the import folder within the media foler via ftp.
• Upload the csv via the import mechanism within the Magento backend.
• Refresh the cache.
• Voila!

Id I had not followed this method it would have taken hours to upload the images.

More updates next week.

What a couple of months!

I have been so busy that the blog has been left alone for almost two months. I have moved to Portsmouth and now live with my girlfriend in a small gatehouse with  a balcony and a mezzanine floor. Very strange but surprisingly homely.

This blog is something I write at home. I am not sure how happy my boss would be with me writing this whilst at work. It has taken a month for my provider to enable my broadband, so that is the reason for the gap in writing. Hopefully normal service will resume .

The last month has see me start my first solo Magento build. The client is Solent Yamaha, who sell outboard engines for boats and yachts. They have asked me to upgrade their current installation from 1.1 to 1.4. Initially I thought, how hard can this be, surely you just press the upgrade button and away it goes but the reality is that this process has many pitfalls to which the uninformed may fall foul. I have look at many processes for completing this task but the most efficient and risk free goes something like this.

• Install the latest version of Magento
• Backup the media file, products and  customers from the original installation.
• Research the compatibility of extensions existing in the original installation to the new installation.
• Install these extensions.
• Install the template.
• Upload the CSV.
• Upload the customers.
• Remove all mention of the demo store and try as best as you can to mimic the settings of the original installation.
• Et Voila!

I am currently in the process of adding the products csv. It seems to me that each client will have some part of their product list which adds a layer of complexity. For Yamaha it is the presence of an extra set of attributes which must be shown on the front end in a tabbed view. The trials and tribulations of a Magento Designer !! The way of solving this issue is to add the attributes to the new installation and download this csv. Then add the products from the initial csv to the new version. This takes time but is necessary.

As things progress, I will let you know about other issues I am having (hopefully there will be none).

We are reaching the finishing stages of a trade site for Concept International. They specialise in making amazing picnic products like this. The construction of this site has been my first full development of Magento. Previously, I have worked on adding products and modules but this project has demanded the full process. The site is a trade store and has needed various modifications, such as, only being able to see prices when logged in and that you are only ble to login once your account has been varified by the administrator.

Concept have asked us to build on this site by adding a retail store. This is where Magento really come into it’s own. You are able to have multiple store fronts/domains rooted tro one installation of Magento.

So for example, lets say you had a store selloing teddies and one selling sweets. Y0u purchase ilovesweet.com and teddytime.co.uk for this purpose. You then turn off sharing to stop unique data being accesible between both sites. You can then select specific languages, payment methods and categories for either of both sites.

The above image is an example of how the sites may be organised. Continuing my example, this could mean that you split ilovesweet.com into two areas, one for sugar free and one for sweets containing sugar. The possibilities are endless. With a number of Magento sites on the horizon, it seems my skills with this site are going to get tested. I will report back with how things are going.