Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / HOW-TO: Image Preparation

HOW-TO: Image Preparation

Sticky

Views: 268,215

Results 101 to 120 of 304
24 Mar 2006, 4:57 AM
#101
dmgremlin avatar

dmgremlin

New Zenner

Join Date:
Mar 2006
Posts:
10
Plugin Contributions:
0

HOW-TO: Image Preparation

Is there any way to switch off the 'larger image' link in the product listing, only for the regular sized image and not the additional images?

For example, on most products I only want to use the thumbnail and the regular sized images - I'll add the larger images as additional images below the description when there is a larger image. Therefore, I'd like to remove the 'larger image' link altogether, so that I don't have to worry about creating large images for everything.

If code modifications are necessary to do this, can someone please point me in the direction of the files I'm going to need to alter?

31 Mar 2006, 10:05 PM
#102
mrpotatoes avatar

mrpotatoes

New Zenner

Join Date:
Mar 2006
Posts:
69
Plugin Contributions:
0

Re: HOW-TO: Image Preparation

i'm having some problems with this

i batched al my images for my site in photoshop. every image has this:

images / image.JPG (a)
images / medium / image_MED.JPG
images / large / image_LRG.JPG

what i'm trying to do:

images / image.JPG (a)
images / medium / fordracing / image_MED.JPG
images / large / fordracing / image_LRG.JPG

what i want to do is tidy up the images so that it's easier to work with. what i have right now is 100 images and could quite possibly get much much larger. i don't want to go crazy looking for pictures and having everything in that folder. doesn't matter my reasoning, it's to be tidy :lol:

either way, the folders (med/lrg) are named correctly with in them. and all the files are set to: 644 and the folders are set to 755

lastly, where am i suposed to put the small images (B)? i put it in the folder called small an that didn't work

a. still the original size will change soon
b. image_SM.JPG

31 Mar 2006, 10:15 PM
#103
ryk avatar

ryk

Totally Zenned

Join Date:
Oct 2004
Location:
Southport, UK
Posts:
3,644
Plugin Contributions:
6

Re: HOW-TO: Image Preparation

The small images go in images or images/fordracing

You must remember that you would normally upload the image via the product data entry page where you would say where you are uploading the image to for the purposes of the path to be stored.

You will either need to edit every product manually or change the paths directly in the database (or using EZPopulate)

And images directories are supposed to be 777

31 Mar 2006, 10:32 PM
#104
mrpotatoes avatar

mrpotatoes

New Zenner

Join Date:
Mar 2006
Posts:
69
Plugin Contributions:
0

Re: HOW-TO: Image Preparation

lmao, damn you. i just figured that out

also, it might be the host (value web) but i have it to 755 and it works

might wanna add that to your tutorial. i must have glanced over it but i didn't see it there. i'm just hapy that i figured it out

and yea, easy populate worked it perfectly.

this place rules

2 Apr 2006, 1:12 AM
#105
quahogian avatar

quahogian

New Zenner

Join Date:
Apr 2006
Posts:
6
Plugin Contributions:
0

Re: HOW-TO: Image Preparation

hi

i know I sould be able to display multiple images on the product page, I even see the submenu in Images menu saying that I have by default 3 additional images per row. I don't see though where to add more images to the product page. I'm fine with the way 1.2.7 handles images, I uplload images with about 600x400 and it resizes it fine for a thumbnaile, I would just like few more images for the product. I appologize if this been covered a trilion time, can you just point me to the right thread maybe, thanx.

2 Apr 2006, 1:22 AM
#106
ajeh avatar

ajeh

Oba-san

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

Re: HOW-TO: Image Preparation

Only the base image in the products table is added via the Admin ...

All other images for the Product are added via FTP to the proper directories and are auto located based on the base image for the Product ...

Do a search on images/medium for additional information on this ...

2 Apr 2006, 2:26 AM
#107
quahogian avatar

quahogian

New Zenner

Join Date:
Apr 2006
Posts:
6
Plugin Contributions:
0

Re: HOW-TO: Image Preparation

cool, thanx..I got it working B)

11 Apr 2006, 2:16 PM
#108
lloyd_borrett avatar

lloyd_borrett

Zen Follower

Join Date:
Mar 2006
Location:
Rosebud, Victoria, Australia
Posts:
308
Plugin Contributions:
2

Re: HOW-TO: Image Preparation

G'day,

Any chance that someone has an Adobe PhotoShop action that when given a set of images, plus the details of the small, medium and large image size definitions, will output a suitable set of files?

Best Regards, Lloyd.

12 Apr 2006, 8:17 PM
#109
sodajim avatar

sodajim

New Zenner

Join Date:
May 2005
Posts:
93
Plugin Contributions:
0

Re: HOW-TO: Image Preparation

Lloyd,

For CS2, utilize the Image Processor.
File > Scripts > Image Processor

For CS, you'll need to download Dr. Brown's Image Processor 2.3 and install it so you can accomplish the task. This script is the predacessor to the script in CS2. You can get it here:

Dr. Browns Image Processor

Hopefully hlepful,
Jim

14 Apr 2006, 3:04 PM
#110
timkroeger avatar

timkroeger

Totally Zenned

Join Date:
Feb 2005
Location:
Germany
Posts:
580
Plugin Contributions:
0

Re: HOW-TO: Image Preparation

Just to let you know, Image Handler 2 is out to solve all your resizing and watermarking problems. No need to prepare your images and upload different sizes anymore as long as your server supports either ImageMagick or GD libraries (check Admin->Tools->Server Info).

Cheers,
Tim

20 Apr 2006, 1:33 AM
#111
knitlady avatar

knitlady

New Zenner

Join Date:
Apr 2006
Posts:
59
Plugin Contributions:
0

Re: HOW-TO: Image Preparation

**NB. As mentioned earlier, you can’t set the dimensions of the large image in ZC – not in 1.2.1d anyway – but it will display at the dimensions you upload it, although you may have to tweak the javascript file for the pop-up window to open at the size you want. The file you need to edit is /includes/modules/pages/product_info/jscript_main.php. In the function popupWindow(url) change width= and height= to your sizes. (You can also decide whether or not you want scrollbars by setting scrollbars=no or scrollbars=yes.) Then save the file to includes/modules/YOUR_TEMPLATE/pages/product_info/ **

Hi-
I'm still having difficulty getting my images uploaded and working properly. I have them saved as jpg even though they are not photographs. They are images that I have created in Paint Shop Pro and originally saved as bmp then resaved as jpg. They are 179x290 or smaller. I have enlarged them for the large size to be 350 high. The original size I'm using for the _MED and I resized them smaller to be 80 wide.

I'm following the tutorial ad quoted above where he says the file to edit /includes/modules/pages/product_info/jscript_main.php. When I downloaded that file and tried to edit it, there is nothing at all in it. So what else am I supposed to do to get the _LRG to enlarge. They still just come up to the same size as on the product info page.

I'd really appreciate some more help on this....guess I'm just a little dense. This is all really new to me.
smilie

Mellany ::frust

24 Apr 2006, 12:23 PM
#112
monkeymadness avatar

monkeymadness

Zen Follower

Join Date:
Feb 2006
Posts:
270
Plugin Contributions:
0

Re: HOW-TO: Image Preparation

hello maellany...the jscript_main.php is as follows in 1.3.01

<?php
//
// +----------------------------------------------------------------------+
// |zen-cart Open Source E-commerce                    |
// +----------------------------------------------------------------------+
// | Copyright (c) 2003 The zen-cart developers              |
// |                                   |
// | http://www.zen-cart.com/index.php                  |
// |                                   |
// | Portions Copyright (c) 2003 osCommerce                |
// +----------------------------------------------------------------------+
// | This source file is subject to version 2.0 of the GPL license,    |
// | that is bundled with this package in the file LICENSE, and is    |
// | available through the world-wide-web at the following url:      |
// | http://www.zen-cart.com/license/2_0.txt.               |
// | If you did not receive a copy of the zen-cart license and are unable |
// | to obtain it through the world-wide-web, please send a note to    |
// | [email][email protected][/email] so we can mail you a copy immediately.     |
// +----------------------------------------------------------------------+
// $Id: jscript_main.php 1969 2005-09-13 06:57:21Z drbyte $
//
?>
<script language="javascript" type="text/javascript"><!--
function popupWindow(url) {
 window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,copyhistory=no,width=100,height=100,screenX=150,screenY=150,top=150,left=150')
}
function popupWindowPrice(url) {
 window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no,width=600,height=400,screenX=150,screenY=150,top=150,left=150')
}
//--></script>

hth...if not you may have the original in a the first download you made of zencart

good luck :)

24 Apr 2006, 4:01 PM
#113
knitlady avatar

knitlady

New Zenner

Join Date:
Apr 2006
Posts:
59
Plugin Contributions:
0

Re: HOW-TO: Image Preparation

thanks for the reply. I still can't get it to do the _LRG as the large photos. Can someone look at it and see if the can tell what I'm doing wrong, or not doing that I should be doing ::frust

MellmaxKnits

thanks so much in advance
Mellany

24 Apr 2006, 4:44 PM
#114
ajeh avatar

ajeh

Oba-san

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

Re: HOW-TO: Image Preparation

Did you change something related to images in any way?

Here is hoppy easter in the product listing:

http://www.mellmaxknits.com/images/medium/...yBasket_MED.jpg

This should be using the small image in:

http://www.mellmaxknits.com/imagesEasterBu...BunnyBasket.jpg

Then going to the product _info page you see:

http://www.mellmaxknits.com/images/medium/...yBasket_MED.jpg

While that is the correct image, I am wondering if you have the medium image in the database vs the small image ... if so, when you click the large image it will not be found so it will load the _MED image as it is currently thinking that is the base image ...

To check, either go to phpMyAdmin and browser your products table for products_id 9 and see what you have in the products_image field ... or go to the Admin and edit the product and see what you see is listed as its products_image

24 Apr 2006, 4:45 PM
#115
ajeh avatar

ajeh

Oba-san

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

Re: HOW-TO: Image Preparation

Note: you also are using spaces in your image filename ...

This is not a good idea on images or filenames etc. as it can cause unexpected issues on the code ...

24 Apr 2006, 5:06 PM
#116
knitlady avatar

knitlady

New Zenner

Join Date:
Apr 2006
Posts:
59
Plugin Contributions:
0

Re: HOW-TO: Image Preparation

I tried to do what I have read as far as putting the small image in via the browser when you are entering the individual product information; however when I click on the browse button to get the drop down box to select the file there was no "images" listed..only medium and large. So I think I probably put them in the medium. Are they supposed to go in the one called "main directory". If so, that is very confusing to have all the tutorials calling it images when it isn't.....anyway to me it is confusing.

I'll fix any of the file names so they don't have spaces and try uploading one of the small images to the main directory and see if that do the trick

In config/images I have the width at 80 and height for 0 for all but the product info and that is set at 179 wide and 0 high. Calculate image size is true and at the bottom "Use proportional images in products and catalogs is set to 1"

Thanks for your reply

Mellany

24 Apr 2006, 5:13 PM
#117
ajeh avatar

ajeh

Oba-san

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

Re: HOW-TO: Image Preparation

You should have in the dropdown: Main Directory

This is referring to the /images directory

24 Apr 2006, 5:15 PM
#118
ajeh avatar

ajeh

Oba-san

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

Re: HOW-TO: Image Preparation

Note: the pattern is ...

/images (You'd see Main Directory in the dropdown)
/images/medium
/images/large

/images/somedirectory (You'd see somedirectory in the dropdown)
/images/medium/somedirectory (You need to make this)
/images/large/somedirectory (You need to make this)

24 Apr 2006, 5:21 PM
#119
knitlady avatar

knitlady

New Zenner

Join Date:
Apr 2006
Posts:
59
Plugin Contributions:
0

Re: HOW-TO: Image Preparation

Hoooooorayyy!!!! I put the small bunny image into the main directory and it worked great. Thank you sooooo much.

Mellany ::tup :D

24 Apr 2006, 5:25 PM
#120
knitlady avatar

knitlady

New Zenner

Join Date:
Apr 2006
Posts:
59
Plugin Contributions:
0

Re: HOW-TO: Image Preparation

Ajeh:

Note: the pattern is ...

/images (You'd see Main Directory in the dropdown)
/images/medium
/images/large

/images/somedirectory (You'd see somedirectory in the dropdown)
/images/medium/somedirectory (You need to make this)
/images/large/somedirectory (You need to make this)
sorry, I didn't read your post before my last one. So what you are saying is that I need to make a folder of my own inside "images" and also inside medium and large? My template is called melknits...should I make a folder named that for everything that I make a change too for customizing?

Mellany