display content from another page using fancybox

0

I have a page with the names of several products and I would like to click on one to open a fancybox with the details of each product. These details (name, price, etc.) are on another page and would like to display them on the same page as the products are listed.

    
asked by anonymous 12.02.2018 / 00:41

1 answer

0

Try this here ^^

js scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.1/jquery.fancybox.pack.js"type="text/javascript"></script>
<link rel="stylesheet" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css?v=2.1.3" type="text/css" media="screen" />

then in the footer

<script>
$(function() {
    $(".fancyboxIframe").fancybox({
        maxWidth    : 900,
        maxHeight   : 600,
        fitToView   : false,
        width       : '90%',
        height      : '90%',
        autoSize    : false,
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none',
    iframe: {
        scrolling : 'auto',
        preload   : true
    }
    });
});
</script>

and in your html

<a href="https://desapegogames.com.br" data-fancybox-type="iframe" class="fancyboxIframe">Clique aqui !!!</a>
    
12.02.2018 / 01:08