Script shop Ajax response in fancybox

Question

i try open with fancy box iframe with content of product page without header, sidebar and other.

There is my link

<a rel="example_group" class="fancy_view" data-id="{$product_info[11]}" data-href="{$product_info[13]}" href="#fancy_popup">Увеличить</span></a>

and this is jquery

$( ".fancy_view" ).click(function () {
    var id = $(this).data('id');
    var link = $(this).data('href');
    $.ajax({
            type: "POST",
            url: link,
            data: "id=" + id + "&ajax=1",
            success: function(result){
                $.fancybox(result, {
                    'type'  : 'iframe',
                    'width' : 600,
                    'height': 500
                });

            },
        });
    return false;
});

in console i see response with content, but in iframe - 404 error. where is my mistake?

score 0 · Answer 1 · edited May 23 '17 at 12:03

0

Add beforeLoad with your link variable like following

        success: function(result){
            $.fancybox(result, {
                'type'  : 'iframe',
                'width' : 600,
                'height': 500,
                beforeLoad : function(){
                this.href = link
               }
            });
          }

Reference Link

edited May 23 '17 at 12:03

Community

1
1

answered Dec 25 '14 at 08:30

Sadikhasan

18,365
21
80
122

what you get in `result`? – Sadikhasan Dec 25 '14 at 08:35
– Dec 25 '14 at 08:40
maybe i don`t need iframe? maybe i need inline? – Dec 25 '14 at 08:42

waki · Accepted Answer · 2014-12-25T09:40:35.507

0

http://jsfiddle.net/v7nbLuzr/

$.fancybox({
  'content'  : result,
  'width' : 600,
  'height': 500
});

try it

edited Dec 25 '14 at 09:40

answered Dec 25 '14 at 09:33

waki

1,248
2
17
27

Script shop Ajax response in fancybox

2 Answers2