Как я могу показать детали продукта во всплывающем окне, а не перенаправлять на другую страницу в Virtue Mart?

Question

Я работаю над сайтом, используя Joomla и virtuemart: - Я хочу показать подробности продукта в ligthbox или всплывающем окне на текущей странице, а не перенаправлять на другую страницу.Пожалуйста, взгляните на мой сайт http://50.116.97.120/~amarhost/park_gold/index.php и нажмите на ссылку с информацией о продукте, он перенаправит вас на другую страницу. Я хочу остановить перенаправление и отобразить все детали в световом окне или всплывающем окне.Ваш совет бесценен.Заранее спасибо!!!!

Answer 1

См. Это: http://fancybox.net/

Преобразуйте ваш редирект в вызов ajax, извлеките данные через этот вызов ajax и свяжите его с вашим fancybox. В fancybox есть условия для этого ...

http://fancybox.net/blog

Пример кода:

$("a#productdetails").bind("click", function() {


$.ajax({
    type        : "POST",
    cache   : false,
    url     : "/data/product.php",
    data        : $(this).serializeArray(),
    success: function(data) {
        $.fancybox(data);
    }
});

return false;
});

Answer 2

Использование preventDefault() отключит ссылку для работы.

<a id="detailsLink" href="your_details_page.php?product_id=1212">Product Details</a>
$("#detailsLink").click( function(event) {
    event.preventDefault();
    launchLightBoxWindow();
});

Теперь в launchLightBoxWindow() запустите лайтбокс.

У меня был пример , аналогичныйэто.