Customizing ProductCart - Ajax popup image

Print Page | Close Window

Ajax popup image

Printed From: ProductCart E-Commerce Solutions
Category: ProductCart
Forum Name: Customizing ProductCart
Forum Description: Exchange messages with other users that are customizing ProductCart.
URL: https://forum.productcart.com/forum_posts.asp?TID=2255
Printed Date: 26-June-2024 at 7:04am
Software Version: Web Wiz Forums 12.04 - http://www.webwizforums.com

Topic: Ajax popup image

Posted By: intour
Subject: Ajax popup image
Date Posted: 16-December-2008 at 4:23pm

Hi Folks,

Anyone know where to change the ajax popup product image size?

Many thanks

Nigel

Replies:

Posted By: Greg Dinger
Date Posted: 16-December-2008 at 4:32pm

Search for pSmimageURL in pc/xml_getPrdInfo.asp. that's where it is displayed. Work back from there to the query that grabs the product record.

-------------
GreyBeard Design Group

Certified ProductCart Developer

Web Design/Development/Hosting

http://tinyurl.com/5c8t4t" rel="nofollow - Add-Ons & Custom Code |

Posted By: intour
Date Posted: 16-December-2008 at 4:44pm

Many thanks Greg,

Thats a great help.

Nigel

Posted By: intour
Date Posted: 16-December-2008 at 5:05pm

Argghhh - the customer has made all the thumbnail images and general images 360 pixels wide so they won't fit in the box.

I've modified the png image sizes of the popup box to accomodate them but it's still showing the old size.

I'm guessing the box size is specified somewhere else - any ideas?

Thanks again

Nigel

Posted By: Greg Dinger
Date Posted: 16-December-2008 at 5:11pm

ya, but now you are getting into a slightly larger effort.

Have a look at ei-tooltip.js and ei-tooltip.css.

-------------
GreyBeard Design Group

Certified ProductCart Developer

Web Design/Development/Hosting

http://tinyurl.com/5c8t4t" rel="nofollow - Add-Ons & Custom Code |

Posted By: ProductCart
Date Posted: 16-December-2008 at 5:16pm

Also - here is a WIKI article on the AJAX feature that might help:

http://wiki.earlyimpact.com/how_to/modify_product_preview - http://wiki.earlyimpact.com/how_to/modify_product_preview

-------------
The ProductCart Team

Home of ProductCart http://www.productcart.com" rel="nofollow - shopping cart software

Posted By: Greg Dinger
Date Posted: 16-December-2008 at 5:23pm

That article is fairly brief. Nigel, if you alter the physical dimensions of the graphics that form the preview pane, you have to alter the "document.write('<IMG class="dpointer"" references at the top of ei-tooltip.js, as well as the CSS classes in order to get everything to play nice.

-------------
GreyBeard Design Group

Certified ProductCart Developer

Web Design/Development/Hosting

http://tinyurl.com/5c8t4t" rel="nofollow - Add-Ons & Custom Code |

Posted By: intour
Date Posted: 16-December-2008 at 5:29pm

Hmmm - I'm missing something.

I altered the widths in the ei-tooltip.css file - seemed straightforward

The ei-tooltip.js was a bit more difficult but I found all the images and size code and changed them all to the new ones.

I uploaded the files but the Ajax popup still comes out the same as it was.

It's nearly 10.30pm here in the Uk so i think I'll go get some sleep. These things always seem to be more obvious in the morning - I'm sure I've overlooked somehting in the code.

Many thanks for your help Greg - I'll let you know how I get on later tomorrow.

Nigel

Posted By: netprofits
Date Posted: 16-December-2008 at 5:37pm

Hi Nigel, make sure that you clear your browsers cache and close and re-open your browser. AJAX routines are notorius for being cached so you may have done everything correctly but still see the original size because of that. Believe me, I know that from experience.

-------------
NetProfits Internet Consulting

Certified ProductCart Developer

http://www.nicwebdesign.com" rel="nofollow - Our Site

Posted By: intour
Date Posted: 16-December-2008 at 5:56pm

Hi again,

I couldn't resist having another go after reading your replies - thanks everyone. I'm sure you've all been going to bed at some stage and ended spending a few more hours !

Netprofits - I did clear the cache thanks - been caught with that one too many times before.

I think Greg may have it in his reply about the "document.write('<IMG class="dpointer"" references.

What I don't quite follow is the relationship between these sizes and the popup image sizes.

My popup images (topcap.png etc) have all gone from 285px wide to 402px wide.

I've made the changes to the files but the "document.write('<IMG class="dpointer"" references all show a Width of 55px and a height of 101px - what should these be changed to? They refer to mages such as upleftcombo.png and pngfix.png

Thanks again

Nigel

Posted By: Greg Dinger
Date Posted: 16-December-2008 at 6:12pm

Tomorrow morning over coffee, you may want to look closely at lines 31-57 of ei-tooltip.js It's important that you look at an original unaltered version so you aren't getting tripped up.

Note that there are 4 pointers - up and down instances of left and right, plus 4 more images that form the top and bottom caps, the title row and the body of the box. The size of each of those 8 images need to be correctly referenced in the js. If you didn't change the pointer images, and only replaced the body elements, you don't necessarily have to change the pointer dimension references.

Make certain that you have created all the new images in a symetrical manner, so that when they get assembled as a whole there are no rough edges.

As I said in my first post on this - it's not simple. The first time I altered it I tore my hair out. Now I go find the last site I altered and copy that code as a shortcut!

-------------
GreyBeard Design Group

Certified ProductCart Developer

Web Design/Development/Hosting

http://tinyurl.com/5c8t4t" rel="nofollow - Add-Ons & Custom Code |

Posted By: intour
Date Posted: 16-December-2008 at 6:17pm

Hi All,

Got it sorted now.

I redid everything form scratch and I must have missed something first time because it was almost perfect except that the middle part of the popup was out of aligment. When checking the code I noticed it was referring to a file called contentmiddle.png which I hadn't uploaded. I'd used one called whitemiddle.png. When I uploaded that one it fixed the final part.

I need to play around a bit with the popup offset settings because its so big now its almost off the right hand side of the page but other than that it's great.

Many many thanks for all your help on this.

Nigel

Posted By: intour
Date Posted: 16-December-2008 at 6:21pm

Greg

I would have torn my hair out but I'm a bit short in that department. It started retreating 18 years ago when my first son was born !

Nigel

Posted By: Greg Dinger
Date Posted: 16-December-2008 at 6:30pm

If you haven't got the offsets done yet, you still have lots of opportunities for self-abuse before it's done. Note that this whole thing is based on a s cript from DynamicDrive.com, comments in the scripts. I found the documentation at the DD site useful in the past.

-------------
GreyBeard Design Group

Certified ProductCart Developer

Web Design/Development/Hosting

http://tinyurl.com/5c8t4t" rel="nofollow - Add-Ons & Custom Code |

Posted By: intour
Date Posted: 17-December-2008 at 4:39am

Hi Greg,

Thanks for the reference to Dynamic Drive. I found the script and their annotations look like they will be helpful.

I need to find the bit thats controlling the X offset without screwing up the page. At first I thought it was just the top couple of lines but I can see it's more complicated than that.

I need more tea before I solve this (I'm English so I have tea instead of coffee !)

Nigel