attribute pop up images

[blag]

A friend has helped me to add a margin around the pop-up image. The 'backgorund' colour can be adjusted so that the margin can appear to be a border.

Here's the revised file:

[ckosloff]

I modified the script so that it now works using the corresponding images in the /images/large/ subdirectory rather than images/attributes/medium

I did this because the 'large' directory already exists in the default zen cart set-up (I believe) AND I have already uploaded a significant number of the attributes 'large' images there!

In this mod of the mod, the required large image 'suffix' follows the Zen cart convention i.e. image_name_LRG.xxx

I hope that it may be of use to someone.

Blag,
Please allow me to correct an inaccuracy in this post.
The correct path is images/medium/attributes.
images/medium/ is created upon installation, you only create the attributes subfolder.
I think that it will also work if you put your large image in images/large/attributes and use the _LRG at the end of the file's name, Zen Cart scans both directories by default.
I am very interested in your research, please submit everything to the downloads --> other section, I think this contrib really belongs there.
Respectfully.

[blag]

Blag,
Please allow me to correct an inaccuracy in this post.
The correct path is images/medium/attributes.
images/medium/ is created upon installation, you only create the attributes subfolder.
I think that it will also work if you put your large image in images/large/attributes and use the _LRG at the end of the file's name, Zen Cart scans both directories by default.
I am very interested in your research, please submit everything to the downloads --> other section, I think this contrib really belongs there.
Respectfully.

ckosloff

I haven't yet finalised my mods, so they are not 'ready' to be submitted to the download section.

Having reviewed the code for the mod, I can assure you that the mod, as originally posted will work only with images of suffix _MED in the folder you describe - no other variations will work. (Unless, that is, I have completely misread the code)

[ckosloff]

ckosloff

I haven't yet finalised my mods, so they are not 'ready' to be submitted to the download section.

Having reviewed the code for the mod, I can assure you that the mod, as originally posted will work only with images of suffix _MED in the folder you describe - no other variations will work. (Unless, that is, I have completely misread the code)

Point taken, and thanks for clarifying that.
I'll try to do a test to verify precisely that, if you are right won't add anything.
Please continue your research, this is an important contribution to Zen Cart.

[blag]

ckosloff

I have finally sorted the module, and here it is in zipped including a 'Read Me' text file.

[blag]

ckosloff

I have finally sorted the module, and here it is in zipped including a 'Read Me' text file.

OOPS!

The zip file is utterly confusing, because there are superseded files included. Please ingnore and download the updated version from Downloads/Other Modules/Attribute Pop-up (Large Images)

[ckosloff]

OOPS!

The zip file is utterly confusing, because there are superseded files included. Please ingnore and download the updated version from Downloads/Other Modules/Attribute Pop-up (Large Images)

Good job!
Just one question here.
When I upload an attribute image swatch (a thumbnail), Zen Cart by default will try to upload it to ROOT/images/attributes.
In the old version of this contrib, Zen Cart was scanning in ROOT/images/medium/attributes for the larger image.
Now, where exactly will Zen Cart scan in your mod:
1) ROOT/images/large/
2) ROOT/images/large/attributes (I create this subfolder).
3) Both
?
Thanks for the hard work.

[btetra]

ckosloff, the information you are looking for is in the attributes.php file. You can easily modify the path for it to work wherever you wish.

this is the line you need to change: $path = DIR_WS_IMAGES . '/large/'



blag, have you thought about adding lightbox support to this as well? Thanks for your hard work.

[ckosloff]

ckosloff, the information you are looking for is in the attributes.php file. You can easily modify the path for it to work wherever you wish.

this is the line you need to change: $path = DIR_WS_IMAGES . '/large/'



blag, have you thought about adding lightbox support to this as well? Thanks for your hard work.

gotcha, thanks.

[blag]

ckosloff & btetra

The revised files in my version look here, and here ONLY: ROOT/images/large/

(as explained in the Read Me File - I though I had made this absolutely clear)

I suppose it would be possible to script it so that it looked in a secondary folder, but since I have declared that the files must be in a certain location and in a specific format, I believe that is sufficient

SO you can use existing 'large' files for the pop-up (In some case, including me, this will avoid duplication of these files in different locations)

If you want to modify the file locations setting open the file attributes.php and search for 'Mike Scott 070606'

Once found you will see that the next 'section' of the PHP file looks like this:

$array_filename = split("[/\\.]", $products_options->fields['attributes_image']) ;
                    $filename = $array_filename[count($array_filename)-2];
                    $extension = '.'.$array_filename[count($array_filename)-1];
                    $filename = $filename.'_LRG';
                    $path = DIR_WS_IMAGES . '/large/';
                    $attribute_image_lrg = $path . $filename. $extension;
                    $selected_attrname = $products_options_names->fields['products_options_name'] . ': '.$products_options->fields['products_options_values_name'];

As btetra rightly suggested, you can edit the line

 $path = DIR_WS_IMAGES . '/large/';

to a new filepath to suit your requirements


To change the border sizes you need to modify the following lines in the javascript file :

writeln('<html><head><title>Loading...</title><style>body{margin-bottom:32px;margin-left:8px;margin-right:8px;margin-top:8px;font-family:tahoma, arial, helvetica, Geneva, sans-serif;}</style>')

writeln('width=parseInt(document.images[0].width)+16;');
writeln('height=parseInt(document.images[0].height)+40;');
writeln('window.resizeTo(width+12,height+84);}');writeln('if (isNN){');       
writeln('window.innerWidth=document.images["George"].width+16;');

But note that Internet Explorer does funny things: that is why the line writeln('window.resizeTo(width+12,height+84) doesn't seem to make sense, it seems to be that the additional value for the height needs to be twice the 'real' value plus 4 pixels, whilst the value for the additional width is 4 pixels less than its 'real' value!

To change the font for the text, modify it here:

writeln('<html><head><title>Loading...</title><style>body{margin-bottom:32px;margin-left:8px;margin-right:8px;margin-top:8px;font-family:tahoma, arial, helvetica, Geneva, sans-serif;}</style>');

To change the background colour of the image i.e. the borders, you need to chnage the hex value in this line:

else writeln('</head><body bgcolor=ffffff scroll="no" onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">');
writeln('<img name="George" src='+imageURL+' style="display:block"> <center>' + imageDesc + '<br/><a href="#" onclick=" self.close();">Close Window</a></center></body>

after 'bgcolor=".


I don't know anything about Lightbox - so I would have to look into that. What IS lightbox? (BTW I am not a programmer and I have never previously dabbled with either php or javascript - this was just beginner's luck.

FOOTNOTE:

My motivation to produce this was the fact that I am convinced that I can produce far better-looking thumbnails than the auto-generated thumbnail software does, and, it goes without saying that the page load time must be reduced because the browser is only loading the thumbnail, not the whole large file, and then processing it for display purposes - even if some or all of the image processing is done server-side.

I have just realised that the Attributes.php file is probably not the original for 1.3.7, I think that it may be the 'Products with Attributes' version.