Customizing ProductCart

Print Page | Close Window

Ajax Popup

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=2526
Printed Date: 23-July-2025 at 4:45pm
Software Version: Web Wiz Forums 12.04 - http://www.webwizforums.com

Topic: Ajax Popup

Posted By: ledfish
Subject: Ajax Popup
Date Posted: 03-March-2009 at 3:27pm

I have reworked my layout and now my ajax image summary popup is off by about 300 px to the right. Have the same problem with the popup when you hover over "Previous Item" and "Next Item" as well.

I believe this is controlled in ei-tooltip.css, but I'm not sure under which "ID". Is it dhtmltooltip or dpointer or both ?

Anybody able to tell me which one ?

Replies:

Posted By: Greg Dinger
Date Posted: 03-March-2009 at 3:35pm

You also have to look at ei-tooltip.js

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

Certified ProductCart Developer

Web Design/Development/Hosting

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

Posted By: ledfish
Date Posted: 03-March-2009 at 3:38pm

I'm looking at ei-tooltip.js, but I'm not seeing what is causing the 300px offset

Posted By: ledfish
Date Posted: 03-March-2009 at 3:44pm

It might only be an offset of 250px. It's kinda hard to put an exact number of pixels on it.

Posted By: Greg Dinger
Date Posted: 03-March-2009 at 3:52pm

At the moment, I'm limited to being able to point you to the correct scripts in this regard.

It's fairly tricky to adjust the product preview window and can take a bit of time. What you may wish to do is to browse sites that have had the window adjusted, download the .css and .js files from those sites (it's readily accessible if you simply form a URL to the respective files), and compare them to your own. Or hire one of the developers around here to do it for you.

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

Certified ProductCart Developer

Web Design/Development/Hosting

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

Posted By: Greg Dinger
Date Posted: 03-March-2009 at 3:57pm

Have you looked at this?

http://wiki.earlyimpact.com/how_to/modify_product_preview?s%5b%5d=ajax - http://wiki.earlyimpact.com/how_to/modify_product_preview?s[]=ajax

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

Certified ProductCart Developer

Web Design/Development/Hosting

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

Posted By: ledfish
Date Posted: 03-March-2009 at 4:26pm

Yes, I did look at that, specifically the bottom where it talks about offset issues and neither solution seems to be the problem. I didn't use any ID's that could have caused a conflict and the suggestion of edited the js file does not account for enough of the offset.

It actually appears that the issue might be because of my wide screen monitor and might not be a real issue, although I wish the offset was not so much because it looks like its a screw up.

Posted By: intour
Date Posted: 04-March-2009 at 8:28am

I had to do something similar recently and Greg pointed me in the right direction.

It was more fiddly than it seemed at first but I managed to sort it in the end only to find the client decided against using it !

There 3 main areas to change:

1. The tooltip images

2. ei-tooltip.css

3. ei-tooltip.js

Nigel

-------------
http://www.innerview.co.uk - Innerview
Productcart Platinum Reseller
Web Design/Hosting/Virtual Tours

Posted By: mthierfelder
Date Posted: 13-March-2009 at 2:19pm

I am having this same issue, but only in IE6 & IE7...Firefox (standards compliant browser) is perfect. I have tried modifying the x & y positions as suggested, and even created a conditional statement for ie only. It worked great until I resized my browser window.

Any tips for someone who is trying to get this thing solved?

Posted By: mthierfelder
Date Posted: 16-March-2009 at 9:06pm

I have resolved this issue. It was being caused by either a float:left or a position:relative in one of my main divs. I hope this is useful info for somebody, it drove me crazy till I got it sorted.