Image Preparation in Photoshop
For Image preparation in Photshop, please follow the steps below:
STEP 1
Size the Product/Zoom Images for the Zoom Module:
Once you have completed your photography and assuming you have shot in RAW format, you will need to now open those image(s) in PhotoShop in preparation to size them and save as a JPEG image.
There are a few movies to show you the whole process at the link below. Please continue to read in detail to present a full overview to you of the process.
AdVision will advise you during the development of your web store the final image sizes, based on the design of all images used to display your products — thumbnail, main and zoom — and therefore the sizes noted below are an approximate guide for you initially, until you are advised of the sizes we are using on your project. Check the main Project Panel in the collaborative to see if your web store's new images sizes have been posted.
Ideally you want to size 'down' your original RAW image(s) to about 840 to 1000 pixels @ 72dpi (dots per inch) for its widest dimension whether vertical or horizontal or square by it's proportion [meaning whatever mathematically sizing to 1000 pixels does to the other measurement].
All images on the web store must be set to 72dpi.
So in order of process — you will import your RAW image(s) into PhotoShop, you will make some adjustments when you are viewing the RAW translator that you will see during the import process and then once imported the image will open up in PhotoShop.
Once the image is in PhotoShop you will size the image to 1000 pixels by proportion and you will save the image as a JPEG using a filename convention (see link below) that is all lowercase, no spaces with the extension .jpg at the end of it.
Once you have done that and saved your image into a folder, you will then have accomplished the preparation the largest set of images of your products, used throughout the web store the zoom images.
These images will be seen on the main product view page as well as when clicked on to see the enlarged zoom image.
Note - please don't upload these images into LightSpeed POS, as they're too big and will slow the web store down, you will upload them to the zoom module (if installed on your project - see below).
STEP 2
Size images to a smaller size to install into your LightSpeed POS:
Let's assume that you have followed the instructions above and prepared your images to 1000 pixels by proportion and you now have them all sitting in a folder.
You need to do create a duplicate copy of the folder with your 1000px images and resize the images in the duplicate folder down to [510 pixels x proportion] and use theses smaller image to upload into LightSpeed POS through your product cards.
Note - click on folder and hit - Apple D to the duplicate folder and all files within.
Where do you upload the large images now
In LightSpeed POS, you will need to add 'one' product image for each product on the LightSpeed POS product card.
If you are using our zoom module for the web store, you only then need to upload 'one default image' into LightSpeed POS and not be concerned about any matrixes you may of already set up (colour and size) as you will add the matrix option images into our zoom module instead.
If your not using the zoom module, then you will need to upload 'all' images into LightSpeed POS at the 510 pixel size.
STEP 3
Log in to the Zoom Module and upload the larger images you prepared:
Assuming your are having the zoom module installed, you should have a folder containing the 1000 pixel set of images and you will be able to upload them through the zoom tool module once installed (we will advise you when), by going to the URL of your web store and adding at the end of it...
/modules/admin/login.php
...so it should look like this for example...
http://shop.yoururl.com/modules/admin/login.php
...you should then be presented with a username and login panel and initially you can use...
admin / pass
..initially as the user and password [tell us whether you want this changed asap].
Once logged in you will be able to see your LightSpeed database is reading all of your products in a list view for your reference.
Clicking on any one product will take you to the page that allows you to upload the image(s) to associate to that product.
By doing so you will have uploaded the zoom image which will also be the main product image seen throughout the web store and the zoom image enlargement when selected.
The thumbnail images that you see throughout the web store are generated from the LightSpeed POS, even though they appear smaller then 510 pixels.
STEP 4
Log in to your LightSpeed POS and upload only ONE image per product as the default image at the 510 pixel size:
Finally you will need to install the 510 sized images into LightSpeed POS [not the zoom module] and then upload your products to the web store to see your thumbnail images.
Summary - you have to upload the half sized images (510) into LightSpeed POS to see the thumbnails images on the web store as well as the images you see in your POS at your location. Make sure you don't have any images in your LightSpeed POS that are larger, as they will slow your web store down.
You then need to upload the larger (1000) images into the zoom module to see the 'main product images and the subsequent zoom image' on the web store.
