Tuesday, 29 April 2014

Adding products

Adding products with WooCommerce is simple, but there are a few things that need to be done each time, the first thing when adding a product is to name it and give it a description, after this you then have this box


In this section you can add the price of the item and then you have the option to add a sale price which I have done to most of my featured items. The boxes ticked at the top let the server know that the idem is a download after purchase and this is where you can add the actual product link rather than the thumbnail. You then have the options to limit your download per purchase, this is something that has come in very handy as I only want one download per purchase on my site, this means that if the customer tries to download it again, they get an error message saying they have exceeded their limit on that purchase.

When uploading my products I came across an issue that took me a while to get around, there is no way of stopping the customers taking the image you have uploaded to the shop gallery and printing them off without paying, for this reason I was worried that people would come to the shop and steal the products, I tried to add watermarks to the work but unless I covered part of the work, making it look bad in the store, there was no way a water mark could stop someone cross stitching that pattern. 
The only solution I could think of was to take away the grid in the thumbnails, then upload the fully finished and labeled piece so they can only access it when they have paid.

Here is an example of what my thumbnails look like in comparison to the actual pattern print.





Wednesday, 23 April 2014

Changes and customisations

After adding the plug ins I originally planned on getting such as WooCommerce, I also found that when you add products you can add tags, these are great ways of people being able to locate your patterns if they are looking for a particular thing such as a dog. However, the search bar that came with myplug ins did not search via tag, this meant that a lot of my products would be missed when a customer uses it. To sort this problem I found a secondary plug in that could be used in conjunction to the search bar I already had, this extra plug in was created by a guy called Matthew Lawson and he has simply named it, Search By Product tag. This extra plug in has really opened up my shop to its maximum ability of search, this way I can tag products with a range of things that I think customers may search, the beauty of these tags is that you can have as many as you like and can edit them whenever suits you, without effecting the rest of the site or products.
I wanted to make the theme my own but found that the feature image was too big and took up too much valuable space, so I decided to edit the code in the head of the document, at first I changed the size of the feature image to a max-height of 300px, but even this did not look right, so I changed the header to have a background of my own image which I uploaded into the theme folder on my server.





Using this code I managed to get my header to appear like this, which I feel is much more interesting but also hopefully different to all the other people using this theme. I also changed the theme to be boxed, giving me space to have a small border where I can see the background that I have made look like cross stitch material. I am hoping that this along with some other changes will make the theme seem like my own and will not look too similar to other shops using it. 



Saturday, 19 April 2014

Mystile

Once the decision was made to use and modify a pre-made theme, I looked through the internet to find a good low cost one that I felt could be changed into what I wanted. I ended up back in WooThemes like most of the tutorials I watched had and the theme I picked was called "Mystile", this theme is very plain and simple, its clean and easy to use and the main thing that I wanted was for it to be responsive and I have tested this theme to check that it is.
The reason I chose such a plain theme is that I want to make it my own, so getting as close to a blank canvas as possible but avoiding having to try and code the PHP, this theme seemed like the best option. WooCommerce is the addition to this theme to make it a shop which is exactly what I needed.
Here you can see what the theme looked like as a demo, but when you get this site it is completely blank for you to customise yourself.



The only downside to this theme is that because it was free you are not allowed to take off their branding on the bottom. However for all the plus sides this theme has come with, I can live with their watermark. 

Tuesday, 15 April 2014

Joomla VS Wordpress

While at the start of this project I had decided to use Joomla, I had not looked at the differences between it and Wordpress. It wasnt until my tutor suggested that Wordpress could do everything I needed it to that I started to look into it.
The first thing I did was go on Wordpress.com, not realising that it was different to .org, seeing the prices I was sure that I had gone wrong somewhere, this is where the book by Chris O'Connor "Wordpress For All : How To Create A Website For Business Or Personal Use, Quickly & Easily - Whatever Your Skill Level" came into its own, this book clearly established the difference and the pros and cons to either, his book was very pro .org which luckily was what I wanted to use. After working about that I would use Wordpress without taking a loan out! I started to watch tutorials of both Wordpress and Joomla to see which I thought would be most suitable, but I found that I struggled to find a good clear video for Joomla, while there were hundreds for Wordpress. This to me was the first sign that I may have jumped to the wrong choice.
I had another flick though the book by Chris O'Connor "Wordpress For All : How To Create A Website For Business Or Personal Use, Quickly & Easily - Whatever Your Skill Level" which was very useful and almost instantly sealed the deal. Before I made my choice I also had a look at some of the information in "Wordpress for dummies" which despite the name, was also very useful in giving me a head start with tips and tricks of the software.
To make certain I had made the right choice I also looked though "The Official Joomla! Book" by Jennifer Marriott, this book was useful and interesting but by this point, I had already made my mind up on Wordpress.
So I paid for hosting and started to set up the Database and upload the files, with the help of some good walk though videos to make sure I got it right.
Once Wordpress was up and running on my website I started to look at more videos to give me a place to start. The thing I noticed with all of the videos was they they all used themes, and 90% of them used themes from WooThemes, I looked into what it would take to create my own theme and teamed that with the comparison of how much you can modify from a preset theme. My decision was made on the basis that you can modify almost all of the templates you can download, but they come with the bonus that all plug ins and widgets that you could think of will definitely be compatible and above all else the check out and cart ability would not have glitches forcing customers away.

Thursday, 10 April 2014

New Logo

Since changing the name of my business to Pixel Patterns, I have been working away on a new logo.
I started drawing designs on note paper as you can see below




After multiple different ideas that were wiped off, this one stuck and started to take place the more I drew it. Here are the white board scribbles of its first appearance


Starting as a simple swooping P, I found myself adding extra details such as the X instead of the dot on the I and pixels at the bottom of the P. The more I drew this piece the more that came up, the final drawing before moving to the computer was to have the first P as a needle and tread swooping round and looping through the eye and the second P to have pixels dropping off the bottom of the stalk. 
From this I headed straight to the computer and started to recreate this logo. Picking a font to go with the large swooping P's was tricky and I wanted it to look somewhat similar to what I had drawn in the sense that the letters are tall, reasonably thin and well spaced. After a while of searching I found a font called Tall Films, using the fine version of this font I feel that I managed to keep all of the aspects I wanted from my whiteboard drawings. 

Here is the final logo and its smaller icon version which I will use as a favicon and possibly much more.


To make sure that I dont run into the same predictable issue, I have used the needle on pixel and the pixels on pattern, this not only keeps away from them being too predictable, but also represents how I am bringing the two together to combine them in my work.