Adding Pop Up Windows

gtwing · #1 10-31-2011, 10:05 PM

Does anyone know how to add a simple pop up window on the product page to display additional info? I would like to put in a text navigation menu below the Product Detail like:

info1 | info2 | info3

with each one popping up a window with the info.

Thanks!

qualiteam · #2 11-09-2011, 12:13 AM

You can integrate Jquery UI -> http://jqueryui.com/demos/dialog/ or http://jqueryui.com/demos/tabs/

gtwing · #3 11-09-2011, 08:00 AM

Perfect! Thank you very much!

klinetim · #4 11-10-2011, 05:36 AM

Hello,

I'm still fairly new to x-cart, and I'd like to integrate some of these jquery elements - but i'm not sure where to put their libraries,
/css/
/development-bundle/
/js/

My first guess is in /include, and then put these lines:

Code:

<link type="text/css" href="/include/css/themename/jquery-ui-1.8.16.custom.css" rel="Stylesheet" />    
<script type="text/javascript" src="/include/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="/include/js/jquery-ui-1.8.16.custom.min.js"></script>

in the /skin/common_files/customer/main/product_details.tpl template. Then add the widget to any product description where i want it to show up. Does this make sense? Thanks!

EDIT - I mean /skin/common_files/customer/home.tpl ?

klinetim · #5 11-10-2011, 10:51 AM

ok, i should have dug more before i made my last post. I see a lot of the functions are already built in. Is there some documentation on an easy way to call a particular jquery function on a single product? thanks!

klinetim · #6 11-10-2011, 07:27 PM

anyone have suggestions on how to call an XC jquery widget for a single product? Like the .dialog widget? I can't find anything in the forum or the manual how to easily do this...

qualiteam · #7 11-16-2011, 10:06 PM

Could you please clarify what exactly you are trying to achieve?

klinetim · #8 11-17-2011, 06:14 AM

We have several products that require large tables of information. This makes the product details page look quite clunky. But, it's necessary to show the data so the customer can make a decision about whether or not they are buying the right part. So, I'd like to use something like the jquery accordion function to make this data less obtrusive since I can group it into sections. But, I don't need to use it on all of our products, just a few. Is it possible to do this in the x-cart back-end when I'm editing the Product Details? Thanks in advance for your time!