Cookies on our website
Big Blast Design
Take control of your business

Call us now on 01279 755155

Connect with me at Twitter (click here) Click here for my LinkedIn page Click here to join me at Google Plus
Home > Website CMS > e-commerce > Add a product

 

Products

To add new products, click on the shopping tab on the top right hand side. This takes you to the list of products that you have (if you have any). On this page you can see how to add a product, how to prepare images for your products and how to add a product as a sale item.

Adding and editing products

 

Adding one or more products to a sale

If you want sale items, this facility will show sales discounts live on the site, as you add discounts to products, their categories or subcategories.  Instead of using the RRP option for sales of items individually, there is also a sales image overlay and extra display options both for the 'new products' facility that would normally be added to the front page and to the category, sub category and product pages. See video below:

Discounts can be applied as a percentage to either individual products, product sub categories and categories.

Discounts on a product take priority over discounts applied to the main sub category they sit in. If a product is not discounted individually, the discount can be applied to a main category or sub category (sub category discount will take prescident over the main category).

Admin can upload a png image with a transparrent background that will overlay the product image on the front page and within categories.

 

Preparing images for products

Before you add a product, please read this page on preparing your images and getting organised for adding products to websites.

How often have you had to wait at a slow web page for the images to load?
Here are three simple rules to follow for your website images that will make your website faster, and will help them rank better, easier to use and better for visitors. Best of all, it only takes a few minutes to complete!

 

1) Change the name of your image

rename your image from the one your camera or phone named it, to something that describes what the image shows.

For example img1231246-545.jpg

Could be:

billie-blush-zig-zag-skirt.jpg

See how you instantly know what this is? Would you have known from img1231246-545.jpg?

This will:

 

2) Resize your image

Use an online facility like http://resizeimage.net/ which is free and easy to use. I suggest below 1000 pixels wide, but see what it looks like and reduce to a size below that where possible.
http://resizeimage.net/
 
Bonus point – use the ‘progressive’ option as this will start to show the image as it loads, rather than waiting for it to be totally loaded.

Images from cameras can often be four or more times wider than needed for a website and this makes really slow to load, especially on a mobile. The website will ‘squeeze’ them down to size, but this means you’re using a much bigger image for no gain in quality.

Faster website earn more money than equivalent slower ones – a well-known fact - so make sure you make your images load as fast as you can by making them the correct size.

If you have hundreds or thousands of images to deal with at once, you really need Photoshop or similar to process them in batches.

3) Optimise your image online

Make sure you run the rezised image through an optimiser to make it faster still.

https://tinypng.com/  is brilliant for this and you can process up to 20 images at once for free. This reduces the download size of the image, often by many times, without affecting the quality of the image.

tinypng.com

 

Now, use the video above to work through adding products.

 

 

 

On the 'Products list' page, just above the lists of products, there is a drop down box, labelled 'List of products':

In order to see just those products listed in one category, simply select the category from the drop down list and only those products will be listed. For instance, if you have many different types of jewellery, but just want to select ring, select rings from the drop down menu and they will be displayed thus:

To edit an existing product, click on edit product next to the product you want to edit!

To add a new product click on product list tab and then add product or simply click on add product at the top tab. This now gives you a series of boxes to fill in.

Check to see if the cateogory or subcategory of product exists, but selecting the category from the dropdown at the top of the page, as explained first. If the required category is not there and you are adding a new product range (i.e. a totally new brand or type of product that needs grouping together), you will need to click on the category tab that appears on the top right hand side to set up all the categories you require. This takes you to category set up and you can see a list of existing categories. Click here for more on categories.

At the bottom of the product list page, you will find further configuration options.

These show:

How many products are listed per category Categories list the specified number of products before showing a new page.
How many columns they are listed in Product thumbnails and brief descriptions are listed in one, two or three columns.
The price format Use this to show the Pound, Dollar sign etc., which will be used to display the format
Default product image If you don't add in an image, a default product image can be placed with the product and thumbnail, so that there is something showing. You need to produce a 'Product image not available' image, which is then used in its place.
Product page link text The thumbnail links through to the main product but there can also be 'call to action' text which is also clickable to get to the product.
Products feature label Another label used to show the ten options for the product, which you can control from here.

Last update: 07.03.2018