[TelaFirma]

Originally Posted by simonv74

Steve,

Going back to the problems I'm experiencing getting the drop down quantity boxes showing through the image on the pop-up layer, I wonder if you could take a look at this website:

http://www.galaday.com/

They seem to have the pop-up layers showing over the quantities box.

How do they do this?!

This is a bug in IE5.5 and IE6. Even through MS will not admit that it is a bug, they did fix it in IE7. What is happening is that for some reason MS decided to have the SELECT elements be rendered by the OS rather than by the browser. This gives it precedence over any DHTML or windowless element (same reason that your CSS styling for selects do not work in IE6).

There are only two solutions to this - either shove and empty IFRAME under the DHTML popup or hide the select elements while the popup is active. The IFRAME solution sucks so I have been playing with another solution for this.

This is completely untested so... (you know the drill). If you would like to try this out on your site and see if it works for you, here is what needs to be modified:

Edit /skin1/customer/main/product.tpl and find the <form> line:

<form name="orderform" method="post" action="cart.php?mode=add" onsubmit="javascript: return FormValidation();">

and add and ID tag to it:

<form id="cartselect" name="orderform" method="post" action="cart.php?mode=add" onsubmit="javascript: return FormValidation();">

Next open the file /skin1/thumbnailviewer/thumbnailviewer.js

Insert this at the top right under the comments:

function hideSelect()
{if (document.all){document.all.cartselect.style.visibility="hidden";}}

function unhideSelect()
{if (document.all){document.all.cartselect.style.visibility="visible";}}

Find the line:

showthumbBox:function(){ //Show ThumbBox div

and add this right below it

hideSelect()

Find the line:

closeit:function(){ //Close "thumbbox" div function

and add this right below it

unhideSelect()

What this will do is hide the form when the popup is open and then show it again when the popup is closed.