Width and height Francybox

[Mary26]

hello,

I created a fancybox to open my links cms.


I can't adust the width and height of the fancybox .

<li style="width:"100%"><i class="icon-truck"></i><a href="#product-cms" id="cms-link"> - Livraison rapide et suivie</a></li>
<div style="display:none;">
<div id="product-cms">
{$cms->content}

</div>
</div>

<script
type="text/javascript">
{literal}
$(document).ready(function() {
$('#cms-link').fancybox();
});
{/literal}
</script>

I tried adding:

<script
type="text/javascript">
{literal}
$(document).ready(function ({

'width' : '75%',

'height' : '75%',


        });
    });

{/literal}
</script>

but it doesn't work

Prestashop 1.6

Thank you fot your help

[kassimi.hn]

Hi, 

I'm having the same issue , can you please tell me how did you solve it ?

Thanks 

[rocky]

That won't work. You need something like:

$(".fancybox").fancybox({'width':400,
                         'height':300,
                         'autoSize' : false});

[kassimi.hn]

thank you rocky , pb solved for me 

 

I have one more question

how can I have an overlay with my fancybox and how can I give the possibility to close the fancybox  if user click on overlay , I mean it s not necessary to click on close button 

 

I tried this but it doesn't work : 

 $("#dialog").fancybox({

    'width':800,

            'padding':0,

            'height':375,

            'autoSize' : false,

            'overlayShow' : true

        })