Posting in the Magento forums has been disabled pending the implementation of a new and improved forum solution which should better serve the community.

For new questions please post at magento.stackexchange.com, the community-run support site for the Magento community. We will be providing updates on the new forum solution soon. For questions or concerns please email community@magento.com.

Magento Forum

jquery pirobox in product description ? 
 
Nickyfashion
Sr. Member
 
Avatar
Total Posts:  116
Joined:  2009-08-19
Bangkok/Miami
 

Hi Magento Comunity.

I would like to add the jquery pirobox (http://www.pirolab.it/pirobox/index_b.html) functionality into my product description.
Following code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<
title>piroBox V.1.1 black version</title>
<
link href="http://www.pirolab.it/pirobox/css_pirobox/pirobox_b.css" media="screen" rel="stylesheet" type="text/css" />
<
script type="text/javascript" src="http://www.pirolab.it/pirobox/js/jquery-1.3.1.min.js"></script>
<!--<script type="text/javascript" src="js/jquery1.2.6.js"></script>-->
<
script type="text/javascript" src="http://www.pirolab.it/pirobox/js/piroBox.js"></script>
<script type="text/javascript">
$(
document).ready(function(){


    
$('.thumbs').piroBox({
            mySpeed
400,  
            
bg_alpha0.8,
            
open_speed 600,
            
close_speed 400,
            
pathLoader 'url(css_pirobox/ajax-loader_b.gif) center center no-repeat;'
            
gallery '.pirobox_in li a'
            
gallery_li '.pirobox_in li'
            
next_class '.next_in',
            
previous_class '.previous_in'
    
});    
    $(
'.thumbs').piroBox({
            mySpeed
400
            
bg_alpha0.8,
            
open_speed 600,
            
close_speed 400,
            
pathLoader 'url(css_pirobox/ajax-loader_b.gif) center center no-repeat;'
            
gallery '.pirobox li a'
            
gallery_li '.pirobox li',
            
single '.single  a',
            
next_class '.next',
            
previous_class '.previous'
    
});    
});

</script>


</head>

<
body>

<
h2 style="margin-top:10px;" >&nbsp;</h2>
<
div class="pirobox_in">
  <
ul class="thumbs_all">
              <
li>
                        <
a href="http://www.pirolab.it/pirobox/images/1.jpg" title="" ><img src="http://www.pirolab.it/pirobox/images/1_s.jpg" alt="demo" width="100" height="100" /></a>
    </
li>
                    <
li>
                        <
a href="images/2.jpg" title="3 lines caption,Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem " ><img src="images/2_s.jpg" alt="demo" width="100" height="100" /></a>        
                    </
li>
                    <
li>
                        <
a href="images/4.jpg" title="2 lines Caption, Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem " ><img src="images/4_s.jpg" alt="demo" width="100" height="100" /></a>

                    </
li>
                    <
li>
                            <
a href="images/3.jpg" title="1 line Caption"><img src="images/3_s.jpg" alt="demo" width="100" height="100" /></a>
                  </
li>
  </
ul>
</
div>
</
body>
</
html>

It works perfectly in a cms page , but once I add this code as a product description the pirobox “effect” doesn’t work.
Someone got a suggestion or hint to make this work in a Product Description ?

Best regards and thanks,
Justine

 
Magento Community Magento Community
Magento Community
Magento Community
 
Nickyfashion
Sr. Member
 
Avatar
Total Posts:  116
Joined:  2009-08-19
Bangkok/Miami
 

Someone got an idea how I can fix this problem ?
Thank you very much ,
Justine

 
Magento Community Magento Community
Magento Community
Magento Community
 
shoptoylife
Member
 
Total Posts:  58
Joined:  2009-09-01
 

Hi -

do you have http://www.magentocommerce.com/extension/1619/mxperts--jquery-base this extension added?  I had a heck of a time getting JQUERY to run and after adding this I was able to get some of the mods to work. However, I found that if you try to add in an extra .js file (even after adding it to page.xml) that the scripts still won’t run.

your script might run, though, since the .js is offsite although i wouldn’t recommend that for a live shop.

 
Magento Community Magento Community
Magento Community
Magento Community
 
MagePsycho
Mentor
 
Avatar
Total Posts:  1702
Joined:  2009-06-23
 

Dear All
I have just released an extension which is a collection of jQuery Lightboxes for media gallery which includes popular jQuery lightboxes like:
1> FancyBox
2> PiroBox
3> Lightbox clone

Find more @ :
http://www.magentocommerce.com/magento-connect/MagentoPycho/extension/4979/mpycho_jquery_lightboxes

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
Back to top