TelaFirma - X-Cart Dynamic Image Generator

simonv74 · #**321** 02-05-2008, 05:29 AM

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?!

TelaFirma · #**322** 02-05-2008, 09:38 AM

Quote:

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:

Code:

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

and add and ID tag to it:

Code:

<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:

Code:

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:

Code:

showthumbBox:function(){ //Show ThumbBox div

and add this right below it

Code:

hideSelect()

Find the line:

Code:

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

and add this right below it

Code:

unhideSelect()

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

simonv74 · #**323** 02-06-2008, 01:40 AM

Wonderful, works like a charm, thank you very much!

I have installed the recently viewed mod now too - http://forum.x-cart.com/showthread.php?t=36753&highlight=new+products - however, the images shown aren't being drawn from the dynamic images mod but are referencing the actual images uploaded (so, they are grainy/squashed), do you have any ideas on a quick fix for this?

Once again, many thanks

TelaFirma · #**324** 02-06-2008, 03:38 AM

This is untested but...

replace

Code:

<script type="text/javascript">
prodImage='<img src="{$product.tmbn_url}"/>';
prodName='<{$product.product}>';
var p0=('<br/><a href="'+document.URL+'">'+prodImage+'<br/>{$product.product}</a><br/>${$product.taxed_price}<br/>');
</script>

with

Code:

<script type="text/javascript">
prodImage='<img src="{$product.tmbn_url}"/>';
prodName='<{thumb file=$product.tmbn_url width=80 linkonly=Y}>';
var p0=('<br/><a href="'+document.URL+'">'+prodImage+'<br/>{$product.product}</a><br/>${$product.taxed_price}<br/>');
</script>

Also note that the width was set to the same width that was in the CSS.

simonv74 · #**325** 02-06-2008, 03:51 AM

Many thanks for the speedy response Steve, but...

It didn't work

Is there anything else you think could do it?

Thank you

simonv74 · #**326** 02-06-2008, 07:33 AM

Hi Steve,

Yet another query I'd like your assistance on!

When trying to insert/update category images, the default 'no image available' does not show, nor does the image uploaded show when editing in admin.

The image uploads, yet won't show on the customer side either.

Reversing the action in step 6 (/skin1/main/edit_image.tpl) removes the problem, however, once doing that the rest of the product adding/editing won't allow the upload of one image for dynamic images.

Help!

TelaFirma · #**327** 02-06-2008, 09:47 AM

Quote:

Originally Posted by simonv74

Many thanks for the speedy response Steve, but...

It didn't work

Is there anything else you think could do it?

Thank you

Try changing linkonly=Y to linkonly=true

simonv74 · #**328** 02-06-2008, 09:58 AM

Quote:

Originally Posted by TelaFirma

Try changing linkonly=Y to linkonly=true

No, unfortunately still the same.

TelaFirma · #**329** 02-06-2008, 03:13 PM

Quote:

Originally Posted by simonv74

Hi Steve,

Yet another query I'd like your assistance on!

When trying to insert/update category images, the default 'no image available' does not show, nor does the image uploaded show when editing in admin.

The image uploads, yet won't show on the customer side either.

Reversing the action in step 6 (/skin1/main/edit_image.tpl) removes the problem, however, once doing that the rest of the product adding/editing won't allow the upload of one image for dynamic images.

Help!

On step 6 change the line

Code:

{if $active_modules.Dynamic_Images}

to

Code:

{if $active_modules.Dynamic_Images && $main ne "category_modify"}

mistaegoista · #**330** 02-06-2008, 11:21 PM

Hello!

I sent you a PM with all of our purchase info. Tried to send you another one but seems that you're over the Inbox quota. Have you by any chance responded to any of the e-mails included in the first PM?