fancybox with product description

[Rich Walker]

I'm trying to add fancybox to the product description. The code below makes the fancybox popup but for the life of me i can't work out why it won't show the text.

 

 

 

<a href="#inline1?content_only=1&TB_iframe=true&width=700&height=470&thickbox=true" class="iframe">INGREDIENTS | ORIGIN</a>

<script type="text/javascript">/* <![CDATA[ */$('a.iframe').fancybox();/* ]]> */</script>

 

<div id="#inline1" style="width:400px;display: none;">

{$product->description_short}

</div>

 

Any one got any ideas?

[Alex Simonchik BelVG]

Hi,

 

<div id="#inline1" style="width:400px;display: none;"> try to change to <div id="inline1" style="width:400px;display: none;">

 

Regards

Edited April 23, 2013 by Alexander Simonchik (see edit history)

[Rich Walker]

Hi Alexander,

 

That didn't work. Thanks anyway.

[Alex Simonchik BelVG]

Hi again, i test code below, and it works:

 

<a href="#inline1" class="show-fancybox">INGREDIENTS | ORIGIN</a>
<div style="display:none">
   <div id="inline1" style="width:400px;">
    45345345345
   </div>
</div>
<script type="text/javascript">/* <![CDATA[ */$('a.show-fancybox').fancybox();/* ]]> */</script>

 

Regards

[Rich Walker]

Hi Alexander

 

Thank you so much for your help. That works great.

 

Thank you

[WGD]

Hi again, i test code below, and it works:

 

<a href="#inline1" class="show-fancybox">INGREDIENTS | ORIGIN</a>
<div style="display:none">
    <div id="inline1" style="width:400px;">
	    45345345345
    </div>
</div>
<script type="text/javascript">/* <![CDATA[ */$('a.show-fancybox').fancybox();/* ]]> */</script>

Regards

 

 

Hello, this code where I need to add? in which file exactly?

I would need to put in fancybox also the product data sheet (page-product-box) how should I do? Are in big trouble!