Site maintenance: Sun 15 Nov, from 20:00 UTC, about 4–6 hours. Details

This cutover relies on some testing that is still incomplete so may be cancelled at short notice

Forums / Templates, Stylesheets, Page Layout / Adding Additional Image Pages

Adding Additional Image Pages

Locked

Started by silverspring on 1 Jun 2007, 6:35 PM · Views: 2,094

Results 1 to 20 of 20
This thread is locked. New replies are disabled.
1 Jun 2007, 6:35 PM
#1
silverspring avatar

silverspring

New Zenner

Join Date:
May 2007
Posts:
65
Plugin Contributions:
0

Adding Additional Image Pages

I am hoping that some kind soul will help me with a step by step guide to setting up two image pages per new product added.

I know there are good modules but being experienced find them way above my head.

Thanks in advance.

1 Jun 2007, 6:39 PM
#2
ajeh avatar

ajeh

Oba-san

Join Date:
Sep 2003
Location:
Ohio
Posts:
62,757
Plugin Contributions:
1

Re: Adding Additional Image Pages

You can have unlimited Product images with Zen Cart ...

Perhaps this post will help you out:
http://www.zen-cart.com/forum/showthread.php?t=44442&highlight=calicocat%2A

Linda McGrath
If you have to think ... you haven't been zenned ...

**Did YOU buy the Zen Cart Team a cup of coffee and a donut today? Just click here to support the Zen Cart Team!!**

Are you using the latest? Perhaps you've a problem that's fixed in the latest version: [Upgrade today!]
Officially PayPal-Certified! Just click here

Try our Zen Cart Recommended Services - Hosting, Payment and more ...
Signup for our Announcements Forums to stay up to date on important changes and updates!

2 Jun 2007, 11:23 PM
#3
silverspring avatar

silverspring

New Zenner

Join Date:
May 2007
Posts:
65
Plugin Contributions:
0

Re: Adding Additional Image Pages

:( Before posting the original post I studied that tutorial, but alias could not follow it.

*extract .......You load via the categories.php an image file called:

a_bugs_life.gif and put it in the /images/dvd directory via the drop down

Now you FTP additional images to /images/dvd

a_bugs_life_01.gif
a_bugs_life_02.gif
a_bugs_life_03.gif
a_bugs_life_04.gif

I use the numbers so these load in order, as the additional images are loaded alpha/numeric ...............*

Under categories I could not find anything else other than new category / product. Where is the image/dvd directory via the drop down you talk about ?

Kind regards

Liz

3 Jun 2007, 12:58 AM
#4
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,874
Plugin Contributions:
8

Re: Adding Additional Image Pages

Are you working with DVDs or ordinary products?
If ordinary products, just ftp them to the main /images/ folder where all the other thumbnail images go. (This has nothing to do with your ZC admin page.) Zen Cart will know what to do with them if you name them correctly (per the tutorial).

Large additional images can be ftp'd to your /images/large/ folder, again using correct filenames.

3 Jun 2007, 1:29 AM
#5
ajeh avatar

ajeh

Oba-san

Join Date:
Sep 2003
Location:
Ohio
Posts:
62,757
Plugin Contributions:
1

Re: Adding Additional Image Pages

You can stuff all the images in one directory ...
/images

But if you have a lot of products you may want to organize things ...
/images/something
/images/somethingelse
/images/someotherthing

These directories will appear automatically in the dropdown where you add the image to the Product to allow you to say either:
Main Directory ( /images )
something ( /images/something )
somethingelse ( /images/somethingelse)
someotherthing ( /images/someotherthing )

NOTE: if the directories are not set to 777 you will receive error messages when trying to load to those directories ...

Linda McGrath
If you have to think ... you haven't been zenned ...

**Did YOU buy the Zen Cart Team a cup of coffee and a donut today? Just click here to support the Zen Cart Team!!**

Are you using the latest? Perhaps you've a problem that's fixed in the latest version: [Upgrade today!]
Officially PayPal-Certified! Just click here

Try our Zen Cart Recommended Services - Hosting, Payment and more ...
Signup for our Announcements Forums to stay up to date on important changes and updates!

3 Jun 2007, 11:26 AM
#6
silverspring avatar

silverspring

New Zenner

Join Date:
May 2007
Posts:
65
Plugin Contributions:
0

Re: Adding Additional Image Pages

Ajeh:

You can stuff all the images in one directory ...
/images

But if you have a lot of products you may want to organize things ...
/images/something
/images/somethingelse
/images/someotherthing

These directories will appear automatically in the dropdown where you add the image to the Product to allow you to say either:
Main Directory ( /images )
something ( /images/something )
somethingelse ( /images/somethingelse)
someotherthing ( /images/someotherthing )

NOTE: if the directories are not set to 777 you will receive error messages when trying to load to those directories ...

I think I understand what you are saying here (if the product is named blue book, then images should aply name as page one/bluebook/blah and so on) - but what path do I follow to get to the images file ?

Also what path do I follow to set the 777 ?

Please accept my apologies for my ignorance, but the tuturiols are way over my head, so I would appreciate step by step instructions.

Kind regards

Liz

3 Jun 2007, 7:11 PM
#7
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,874
Plugin Contributions:
8

Re: Adding Additional Image Pages

Unless you have many hundreds of products, it will be simpler to stick with one /images/ folder.

You have created a product, right? At the bottom of the product creation/editing page is a box for loading an image. Say your image is named product.jpg. Unless you specifically make another choice, product.jpg will be uploaded to the /images/ folder in the root of your store.

To see the file structure of your store, you need to log in to your site's control panel. CPanel and Plesk are two common ones; your host can tell you how to do this. The file manager in your control panel will allow you to work with the file/folder structure and set permissions. Note the filepath to your /images/ folder, e.g. /public_html/store/images/ or /public_html/images/.

You will need to upload your additional images from your home computer to the server using an FTP program. If you don't already have one, you can download Filezilla from sourceforge.net. If you need to learn how to use FTP, there are tutorials available on the web.

Name your additional images product_01.jpg, product_02.jpg, etc.
(Your base product image names must all be unique, i.e. you cannot have one named product.jpg and another named productb.jpg; use producta.jpg and productb.jpg instead.)

Use your FTP program to upload your additional images to the /images/ folder on the server.

Zen Cart will see the names and know that product_01.jpg and product_02.jpg are additional images for product.jpg.
(If you had an image for another product named productb.jpg, Zen Cart would think that was also an additional image for product.jpg.)

4 Jun 2007, 11:37 AM
#8
silverspring avatar

silverspring

New Zenner

Join Date:
May 2007
Posts:
65
Plugin Contributions:
0

Re: Adding Additional Image Pages

To see the file structure of your store, you need to log in to your site's control panel. CPanel and Plesk are two common ones; your host can tell you how to do this. The file manager in your control panel will allow you to work with the file/folder structure and set permissions. Note the filepath to your /images/ folder, e.g. /public_html/store/images/ or /public_html/images/.

:cry: oh well thats me stuffed .....my host either doesnt response to emails or takes ages
!
I've looked and looked in the Admin section for what you call the control panel - niks !

As for everything else you've said is totally beyond my pea brain !:lamo:

Pity that when you add the image to a new product, there isnt a facility for sub images - would make it so easy !

so, I suppose I'll have to wait for my host to reply or for you or someone else to provide "simply" step by step instructions .....easy enough for me to follow.

Liz

4 Jun 2007, 2:33 PM
#9
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,874
Plugin Contributions:
8

Re: Adding Additional Image Pages

Only your host can tell you what control panel you have - we can't. If permissions need to be changed, you'll have to wait for them. And the server control panel is not inside the ZC admin.

So, can you remember if your Zen Cart was installed in a subfolder or just in the root (base) of your domain? If you have to type "www.yourdomain.com/shop" or something, then it is in a subfolder. If you just type "www.yourdomain.com" it is in the root.

There is no way around getting an FTP program for maintaining your site in the future. Go to sourceforge.net and search for Filezilla.

There is a trick that you might be able to use to get your images uploaded through the product entry page. I haven't tried it so can't guarantee that it will work.


Products Image: [] (Browse) . Image Name: yourproduct01.jpg Upload to directory: []
Delete Image? NOTE: Removes Image from Product, Image is NOT removed from server: No Yes

Overwrite Existing Image on Server? No Yes
Or, select an existing image file from server, filename:[]


Browse to each image you want, leaving the rest of the boxes as default, and click preview and update.
Each time, you will be resetting what ZC thinks of as the main product image, but the previous ones (as long as the names are different) will stay on the server.
Upload your real main product image last, and then ZC will know to do what you want with the others as additional images.

4 Jun 2007, 7:15 PM
#10
dg5747 avatar

dg5747

New Zenner

Join Date:
Jun 2007
Posts:
2
Plugin Contributions:
0

Re: Adding Additional Image Pages

Ajeh:

You can stuff all the images in one directory ...
/images

But if you have a lot of products you may want to organize things ...
/images/something
/images/somethingelse
/images/someotherthing

These directories will appear automatically in the dropdown where you add the image to the Product to allow you to say either:
Main Directory ( /images )
something ( /images/something )
somethingelse ( /images/somethingelse)
someotherthing ( /images/someotherthing )

NOTE: if the directories are not set to 777 you will receive error messages when trying to load to those directories ...

I have a similar question. I followed the steps in the many articles pertaining to adding multiple images to a product and understand the concept of the base picture naming format(ie. sample.jpg) and the additional picture naming format(ie. sample_01.jpg); while placing them in their respective folders. I also provided several folders(ie. images, medium, large, 'other product folders') with 777 permissions.

However, when I attempt to view the product's details, I only show one picture...oppose to the additional three pictures that should appear on the bottom portion of the product. I also made sure that the Zen Cart Admin site was setup to show atleast three additional images.

I know I might be missing something, but I can't figure it out. Can someone lend me a helping hand??? Thanks in advance.

4 Jun 2007, 7:18 PM
#11
ajeh avatar

ajeh

Oba-san

Join Date:
Sep 2003
Location:
Ohio
Posts:
62,757
Plugin Contributions:
1

Re: Adding Additional Image Pages

What is the name of the products_image file:

What directory is it loaded into on the server:

What is the name of the medium image:

What is the name of the large image:

What are the names of the additional small images:

What are the names of the additional large images:

Have you an URL to this Product?

Linda McGrath
If you have to think ... you haven't been zenned ...

**Did YOU buy the Zen Cart Team a cup of coffee and a donut today? Just click here to support the Zen Cart Team!!**

Are you using the latest? Perhaps you've a problem that's fixed in the latest version: [Upgrade today!]
Officially PayPal-Certified! Just click here

Try our Zen Cart Recommended Services - Hosting, Payment and more ...
Signup for our Announcements Forums to stay up to date on important changes and updates!

4 Jun 2007, 8:07 PM
#12
silverspring avatar

silverspring

New Zenner

Join Date:
May 2007
Posts:
65
Plugin Contributions:
0

Re: Adding Additional Image Pages

Having read everything that has been written, I am still at a loss as to where this image file you talk about is located.

I went searching the net and found this :

http://info.template-help.com/files/ZenCart/zen_cart_adding_multiple_images_to_a_product.swf

watching the video I dont, after creating a test product, have a drop down file of the same file where I can store images .....:shocking:

Furthermore, I found this :

How to add multiple images to a product

Q: How do I add multiple images to a product?

A: First of all you should upload one image to your images folder via the categories.php page, for example, we can take the image called toaster.gif and put it in the /images/toasters directory.

Now, you can upload additional images to /images/toasters folder :

** toaster_01.gif** **
toaster_02.gif** **
toaster_03.gif** **
toaster_04.gif**

It is important to use the numbers so that these files are uploaded in order, as for the additional images, they are loaded in an alpha / numeric way.

But you can also change the suffix to something better so as to fit your needs.

Note: the base image name is the original image name loaded for the product. The suffix of _01 or any other one is optionally defined but very useful for distinguishing image names from a visual stand point. Additional images can actually have any name that has the base name of the original image plus additional characters afterwards. Referring to our example this might be done in the following way:

Main image: toaster.gif

And all these names are considered for additional images as they contain the original image name:

** toastertoaster.gif** **
toasters.gif** **
toaster_01.gif** **
toaster_02.gif** **
toaster_silver.gif** **
toaster_blue.gif**

You should only place these images in the same folder as the base image such as /images/toasters.

again, where is this image file located ....????????:frusty:

Sorry to be such a pain.

Liz

4 Jun 2007, 8:48 PM
#13
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,874
Plugin Contributions:
8

Re: Adding Additional Image Pages

That video looks mostly good, though when it says "To make the product hold multiple images you will need to create a separate folder for it", it is just plain wrong. Youcan create a separate folder for any of your images, but it just adds another layer of complexity which you don't need, and especially when your store is small doesn't really help you anyway.

"Where is this image file located?"
This is a fundamental part of using computers that you have to understand if you are going to accomplish anything.
Have you used the "Windows Explorer" screen to find a file on your pc? That is the way you locate an image file. Your server control panel will have a similar feature, probably called "File Manager". You have additional images saved on your pc already, right? Can you find them?
Did you try the "trick" method I described above for loading additional images to the server? If you can do that, you can get by for now without learning more about the server setup, though you really need to ask a friend who understands computers to sit down with you and explain how to do things.
I'm sorry if this sounds harsh, but there is a certain amount of knowledge necessary before you can think about building and maintaining a website.

4 Jun 2007, 9:25 PM
#14
silverspring avatar

silverspring

New Zenner

Join Date:
May 2007
Posts:
65
Plugin Contributions:
0

Re: Adding Additional Image Pages

This is a fundamental part of using computers that you have to understand if you are going to accomplish anything.
Have you used the "Windows Explorer" screen to find a file on your pc? That is the way you locate an image file. Your server control panel will have a similar feature, probably called "File Manager". You have additional images saved on your pc already, right? Can you find them?

I am fully conversant with the workings of a PC (actually build them) and know exactly where to locate my images. The problem is that I need to upload several images from my PC to the server.

Did you try the "trick" method I described above for loading additional images to the server?

Yes I did, and whilst it appeared that various images were uploaded to the server I am unable to find where those images are located. This is the particular point that I am harping on about ...where is that image file - persumably on the server, but how do I access them ?

Referring to the video, you will recall that they created a new product called TEST/WATER and then uploaded the Product Image (Browse - obtained from computer file manager) but to the left of the screen of it had "upload to directory" - WATER ................... well in my drop down menu I dont have the file name of the new product I created i.e., BUG ...
I understand that the images are be loaded onto the server, but how on earth do I access them ? :frusty:

4 Jun 2007, 9:51 PM
#15
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,874
Plugin Contributions:
8

Re: Adding Additional Image Pages

I didn't want to insult you, but you were sounding like some people who come in barely knowing how to turn their computer on.

"in my drop down menu I dont have the file name of the new product I created i.e., BUG ..."
You don't have a folder named /images/bug/ (that shows up in the product page dropdown as bug), to put your bugxx.jpg files in?

First, you don't need it. Second, you won't have it until you use your server file manager and navigate to /public_html/images/ and create a new folder /bug/. Then it will show up automatically. And if you have a hundred products each with their own image folder, you will have a hundred items to scroll through in that dropdown. Do you want that?

If you have a huge number of products, it makes sense to categorize them, like "cars", "books" and "appliances". You can also set up a system for naming product pics that puts some grouping letter or word at the beginning of the names, so similar products fall together naturally.

Do you know how to get to your server control panel yet?

4 Jun 2007, 10:05 PM
#16
silverspring avatar

silverspring

New Zenner

Join Date:
May 2007
Posts:
65
Plugin Contributions:
0

Re: Adding Additional Image Pages

you won't have it until you use your server file manager and navigate to /public_html/images/ and create a new folder /bug/

:cry:...... how do I find the server file manager so I can navigate to
public_html/images/ and create a new folder /bug or whatever ?

I do appreciate all you help and actually didnt take what you said as a insult - I'm the first the admit that I am a real dork ....

Liz

4 Jun 2007, 10:24 PM
#17
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,874
Plugin Contributions:
8

Re: Adding Additional Image Pages

Sorry to have to say it, but we're back full circle to your host being the only one who can tell you this. If we know what control panel your server uses, there are people here who can walk you through whichever one it is, but we can't know your username or password to get you into it.

4 Jun 2007, 10:44 PM
#18
silverspring avatar

silverspring

New Zenner

Join Date:
May 2007
Posts:
65
Plugin Contributions:
0

Re: Adding Additional Image Pages

I thought as much. My hosts are Rentacart - they site was set up by them. I will email them now - see what transpires.

Many thanks and apologies for taking up so much of your time tonight.

4 Jun 2007, 10:46 PM
#19
dg5747 avatar

dg5747

New Zenner

Join Date:
Jun 2007
Posts:
2
Plugin Contributions:
0

Re: Adding Additional Image Pages

Ajeh:

What is the name of the products_image file:

What directory is it loaded into on the server:

What is the name of the medium image:

What is the name of the large image:

What are the names of the additional small images:

What are the names of the additional large images:

Ajeh, if this was in reference to my question...here is the following information:

What is the name of the products_image file: pooh.jpg

What directory is it loaded into on the server: \store\images\wp\

What is the name of the medium image: pooh_MED.jpg

What is the name of the large image: pooh_LRG.jpg

What are the names of the additional small images:
pooh_01_MED.jpg, pooh_02_MED.jpg, pooh_03_MED.jpg

What are the names of the additional large images:
pooh_01_LRG.jpg, pooh_02_LRG.jpg, pooh_03_LRG.jpg

4 Jun 2007, 11:09 PM
#20
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,874
Plugin Contributions:
8

Re: Adding Additional Image Pages

If your post is accurate, you have a naming error that will prevent additional larger images from showing up: there are no additional medium images as your filenames suggest, and a small additional image named pooh_01_MED.jpg would require pooh_01_MED_LRG.jpg to be seen as a large additional image.

That naming error wouldn't prevent the small additional images from showing, though.

Parts of the question that Ajeh didn't ask:
What directory are the small additional images loaded into on the server?
What directory are the large additional images loaded into on the server?

If the filenames start with pooh, they should all be seen as additional images if they are loaded into the same directory, and the large images into the /images/large/wp/ directory.