More Info Pop Up Window

[Frank]

I am new to Shopsite and must say that I have been impressed thus far. I am
learning the basics of template design and would like to see if others have
attempted a more information popup window.

I am displaying my products as such and need to know what I need in order to
have the More Info Page pop up in a 400 X400 window.

<table width="100%">
[-- LOOP PRODUCTS PAGE.Columns--]
<tr><td>
[-- PRODUCT --]
</td></tr>
[-- END_LOOP PRODUCTS --]
</table>
[-- IF PAGE.ProductsPerPage 0 --]
# do nothing
[-- ELSE --]
<p style="text-align:center">[-- PrevNext --]</p>
[-- END_IF --]


If anyone can help, I would appreciate it.

Thanks,
Frank

[robm]

Frank,

You should be able to do this easily in a custom product template. In the [-- DEFINE PRODUCT --] section, you can control how the link will work for the moreinfo page. You can use javascript to force a 400x400 popup window instead of the traditional hyperlink. Something along the lines of:

Code: Select all

[-- IF PRODUCT.DisplayMoreInformationPage --]

<!--
   function popup() {
     window.open( "[-- PRODUCT.MoreInfoURL --]",
                "[-- PRODUCT.MoreInformationTitle --]", "status = 1, height = 400, width = 400, resizable = 1" );
   }

-->
</script>
<a href="#" onClick="popup()">[-- PRODUCT.Name --]</a>
[-- END_IF --]

You could easily expand on this concept to make it more robust for multiple products on a page.

Rob

[Frank]

Rob,

I must say that you definitely got me pointed in the right direction. With
your help, I was able to do the more info popup in a 400X400 window. It is
all starting to come together. Thanks a bunch.

-fRANK

"robm" <rob@lexiconn-dot-com.no-spam.invalid> wrote in message
news:eb90p5$82u$1@eval.shopsite.com...

Frank,

You should be able to do this easily in a custom product template. In
the [-- DEFINE PRODUCT --] section, you can control how the link will
work for the moreinfo page. You can use javascript to force a 400x400
popup window instead of the traditional hyperlink. Something along
the lines of:

[-- IF PRODUCT.DisplayMoreInformationPage
--]

!--
function popup() {
window.open( "[-- PRODUCT.MoreInfoURL
--]",
"[-- PRODUCT.MoreInformationTitle
--]", "status = 1, height = 400, width = 400, resizable
= 1" );
}

--
/script
a href="#"
onClick="popup()">[-- PRODUCT.Name
--]</a
[-- END_IF --]

You could easily expand on this concept to make it more robust for
multiple products on a page.

Rob