Shopping Cart Software

seebeyond · #1 05-24-2008, 04:16 PM

Hi, im trying to add an image popup on mouseover sorta like the ones on netflix etc.. This is where you move the mouse over the products in product_info.tpl and it will enlarge while still being able to have the dynamic mopics there as well.

I have saw osCommerce: Pop Up Mouseover Images
his contribution but I do not know how to install this one. Any help would be appreciated thanks in advance. Happy memorial day!

met00 · #2 05-25-2008, 11:06 AM

netflix originally used a piece of DTML code that loads the popups at the time that the page is loaded (this has changed to an ajax routine that loads the dhtml at the time of the mouseover). In either case it is not hard to include the code. Since the contribution you have pointed at was written for osc and not osCMAX you will have to make certain changes (the files won't be in the catalog directory, but in the template directory, and if you don't the the product_info file copied over into your templates/content directory you will have to copy it over from the fallback/content directory to your templates /content directory before you start to make the modifications), but it should work once you modify it to work in the templates area rather than the root catalog directory.

seebeyond · #3 05-25-2008, 12:37 PM

Thanks for that fast reply. I think i understand but his instructions is not very detailed. I understand where i have to put instruction #1 but instruction 2 and 3 is confusing. I do not know where to place this in oscmax .tpl file? Do you know which file i need to put instructions 2 and 3 in?
installation instructions:

1) upload popupmode.js and popupmod.php to your catalog directory

2) add this before your </head> tag
<script language="javascript" src="popupmod.js"></script>

3) add this before your </body> tag
<div id="tipDiv" style="position:absolute; visibility:hidden; z-index:100"></div>

Thanks in advance.

met00 · #4 05-26-2008, 10:07 AM

well, I would do it a tad differently than what he said for osCMAX

1) I would put the javascript in a javascript library in the includes
2) the #2 item would go into /templates/mytemplate/main_page.tpl.php where they stated
3) the #3 would go somewhere after the <body> tag in the same file

#2 would have to be changed a bit to locate the popupmod.js file since I didn't put it in the catalog root.

<script language="javascript" src=<?DIR_WS_JAVASCRIPT?>"popupmod.js"></script>
or
<SCRIPT LANGUAGE="JavaScript" SRC="includes/javascript/popupmod.js")</script>

If you're going to continue to play with osCMAX, may I suggest that you get a really good handle on the BTS. In simple terms... everything starts by
1) going through the file at the catalog root...
2) heading to the templates main_page.tpl.php
3) being sent to the /content directory (or fallback/content) for the file.

In most cases the file at the catalog root just contains base code to extract some passed values and then the redirect to the main_page.tpl.php. There are some very few that don't follow this (exceptions to every rule) but for the most part, that's how BTS works.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
LavoriamoPerVoi Ajax Popup Image	michael_s	New osCommerce Contributions	0	04-20-2008 08:12 AM
CSS Image Popup Viewer on Mouseover	michael_s	New osCommerce Contributions	0	12-01-2007 12:54 AM
trying to change image mod, no image in popup	aaanativearts	osCMax v2 Customization/Mods	1	05-09-2007 03:37 AM
Products image missing popup image	islander	osCMax v2 Installation issues	7	08-10-2005 12:30 PM
Mouseover Dropdown menu from an image with PHP code. HELLLLP	joeyliu	osCommerce 2.2 Modification Help	1	12-07-2004 11:10 AM

Shopping Cart Software

Image popup on mouseover Errors..

Image popup on mouseover Errors..

Similar Threads