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

Who can help me with shadowbox installation
 
Pixxa
Sr. Member
 
Total Posts:  275
Joined:  2008-10-23
 

Im having a real hard time implementing shadowbox. Have followed this tut

But getting Error: uncaught exception: Unable to load Shadowbox adapter, Shadowbox not found in the Firefox Error console and the shadowbox function wont work ofcourse
Here is my source

<!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" xml:lang="en" lang="en">
<
head>
    <
titleTryst Soaps in Glass Canister Dutch Collections </title>
<
meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<
meta name="description" content="Using MenScience Microfine Exfoliating Face Scrub is the fastest and most effective way to revitalize the complexion, deep clean pores and prepare skin for shaving. Contains unique combination of biological and physical exfoliating agents. Three types of Microfine particles physically buff away rough upper layer of cells, and a 5% concentration of unbuffered Glycolic Acid and 1% concentration of Salicylic Acid deep clean pores and encourage growth of new cells." />
<
meta name="keywords" content="Tryst Soaps in Glass Canister" />
<
meta name="robots" content="INDEX, FOLLOW" />
<
link rel="icon" href="http://www.lizzylane.com/skin/frontend/default/lizzylane/favicon.ico" type="image/x-icon" />
<
link rel="shortcut icon" href="http://www.lizzylane.com/skin/frontend/default/lizzylane/favicon.ico" type="image/x-icon" />
<
script type="text/javascript">
//<![CDATA[
    
var BLANK_URL 'http://www.lizzylane.com/js/blank.html';
    var 
BLANK_IMG 'http://www.lizzylane.com/js/spacer.gif';
    var 
SKIN_URL 'http://www.lizzylane.com/skin/frontend/default/lizzylane/';
//]]>    
</script>
<script type="text/javascript">var addthis_pub="pixxa"; var addthis_brand "Lizzylane"; var addthis_options 'email, favorites, digg, delicious, myspace, google, facebook, reddit, live, more'; var addthis_offset_top = -157</script>
<script type="text/javascript" src="http://s7.addthis.com/js/200/addthis_widget.js"></script>
<script type="text/javascript" src="http://www.lizzylane.com/js/index.php?c=auto&amp;f=,prototype/prototype.js,prototype/validation.js,scriptaculous/builder.js,scriptaculous/effects.js,scriptaculous/dragdrop.js,scriptaculous/controls.js,scriptaculous/slider.js,varien/js.js,varien/form.js,varien/menu.js,mage/translate.js,mage/cookies.js,jquery/jquery-1.3.2.min.js,jquery/jquery.noconflict.js,shadowbox/adapters/shadowbox-prototype.js,shadowbox/shadowbox.js,varien/product.js,calendar/calendar.js" ></script>
<script type="text/javascript" src="http://www.lizzylane.com/js/index.php?c=auto&amp;f=,calendar/calendar-setup.js" ></script>
<link rel="stylesheet" type="text/css" href="http://www.lizzylane.com/skin/frontend/default/lizzylane/css/reset.css" media="all" />
<
link rel="stylesheet" type="text/css" href="http://www.lizzylane.com/skin/frontend/default/lizzylane/css/boxes.css" media="all" />
<
link rel="stylesheet" type="text/css" href="http://www.lizzylane.com/skin/frontend/default/lizzylane/css/menu.css" media="all" />
<
link rel="stylesheet" type="text/css" href="http://www.lizzylane.com/skin/frontend/default/lizzylane/css/clears.css" media="all" />
<
link rel="stylesheet" type="text/css" href="http://www.lizzylane.com/skin/frontend/default/lizzylane/css/print.css" media="print" />
<
link rel="stylesheet" type="text/css" href="http://www.lizzylane.com/skin/frontend/default/lizzylane/css/tags.css" media="all" />
<
link rel="stylesheet" type="text/css" href="http://www.lizzylane.com/skin/frontend/default/lizzylane/css/blog.css" media="all" />
<
link rel="stylesheet" type="text/css" href="http://www.lizzylane.com/js/calendar/calendar-win2k-1.css"  />
<!--
[if lt IE 8]>
<
link rel="stylesheet" type="text/css" href="http://www.lizzylane.com/skin/frontend/default/lizzylane/css/iestyles.css" media="all" />
<!
[endif]-->
<!--
[if lt IE 7]>
<
script type="text/javascript" src="http://www.lizzylane.com/js/index.php?c=auto&amp;f=,lib/ds-sleight.js,varien/iehover-fix.js" ></script>
<link rel="stylesheet" type="text/css" href="http://www.lizzylane.com/skin/frontend/default/lizzylane/css/ie7minus.css" media="all" />
<!
[endif]-->
<
link rel="canonical" href="http://www.lizzylane.com/tryst-soaps-in-glass-canister.html" />
<
script type="text/javascript">var Translator = new Translate([]);</script><!-- Added Shadowbox -->
<
script type="text/javascript">
window.onload = function(){ Shadowbox.init(); };
</script>
<!-- end Added Shadowbox --></head>
<
body class=" catalog-product-view product-tryst-soaps-in-glass-canister categorypath-collections-go-dutch-html category-go-dutch">

Here is my media.phtm

/**
 * Product media data template
 *
 * @see Mage_Catalog_Block_Product_View_Media
 */
?>
<?php
    $_product 
$this->getProduct();
    
$_helper $this->helper('catalog/output');
?>
    
<class="product-image-zoom">
    <
a href="<?php echo $this->helper('catalog/image')->init($_product, 'image'); ?>"
    
title="<?php echo $this->htmlEscape($this->getImageLabel()); ?>" 
    
rel="shadowbox[product]">
    <
img src="<?php echo $this->helper('catalog/image')->init($_product, 'image')->resize(300); ?>" 
    
alt="<?php echo $this->htmlEscape($this->getImageLabel()); ?>" 
    
title="<?php echo $this->htmlEscape($this->getImageLabel()); ?>" /></a>
    </
p>
    <
class="a-center" id="track_hint"><?php echo $this->__('Click on above image to enlarge'?></p>
<?php if (count($this->getGalleryImages()) > 0): ?>
<div class="more-views">
    <
h4><?php echo $this->__('More Views'?></h4>
    <
ul>
    
<?php foreach ($this->getGalleryImages() as $_image): ?>
        
<li>
            <
a href="#" onclick="popWin('<?php echo $this->getGalleryUrl($_image) ?>', 'gallery', 'scrollbars=yes,width=348,height=348,resizable=yes');return false;">
                <
img src="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile())->resize(100, 100); ?>" alt="<?php echo $this->htmlEscape($_image->getLabel()) ?>" title="<?php echo $this->htmlEscape($_image->getLabel()) ?>"/>
            </
a>
            <
a href="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile()) ?>" 
            
title="<?php echo $this->htmlEscape($_image->getLabel()) ?>" 
            
rel="shadowbox[product]">
                    <
img src="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile())->resize(143); ?>"
                    
alt="<?php echo $this->htmlEscape($_image->getLabel()) ?>" 
                    
title="<?php echo $this->htmlEscape($_image->getLabel()) ?>" />
                    </
a>
        </
li>
    
<?php endforeach; ?>
    
</ul>
</
div>
<?php endif; ?>

As far as I can see is everything implemented right, do I miss something?

 
Magento Community Magento Community
Magento Community
Magento Community
 
Pixxa
Sr. Member
 
Total Posts:  275
Joined:  2008-10-23
 

when I change the page.xml from

<action method="addJs"><script>shadowbox/shadowbox.js</script></action>
<
action method="addJs"><script>shadowbox/adapters/shadowbox-prototype.js</script></action>
to
<action method="addJs"><script>js/shadowbox/shadowbox.js</script></action>
<
action method="addJs"><script>js/shadowbox/adapters/shadowbox-prototype.js</script></action>

It solves the Unable to load Shadowbox adapter, Shadowbox not found error but still my shadowbox wont work because it still isnt loaded.
New error: Error: Shadowbox is not defined Line: 131

where line 131 is the init () of shadowbox. Im out of options! Please someone, help me out here.

 
Magento Community Magento Community
Magento Community
Magento Community
 
VortexCommerce
Sr. Member
 
Avatar
Total Posts:  104
Joined:  2008-08-06
Harrogate, UK
 

I have it installed on one of my magento installation: http://www.inspiredoffice.co.uk/dymo-labelwriter-400-label-printer.html

You will need to view the gallery tab to see it working.

You must include shadow box like this:

<script type="text/javascript" src="/js/shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>

So not using the xml js adding.

Hope that helps you out!

-
Bruce

 
Magento Community Magento Community
Magento Community
Magento Community
 
Pixxa
Sr. Member
 
Total Posts:  275
Joined:  2008-10-23
 

Bruce, Thank you for that!! Seems to work a lot better as I dont get any errors anymore.
I put this above, I think

<link rel="stylesheet" type="text/css" href="/js/shadowbox/shadowbox.css">

My images are opening in the same window without the use of shadowbox.. almost there! So it looks like the css isnt properly loading.

 
Magento Community Magento Community
Magento Community
Magento Community
 
VortexCommerce
Sr. Member
 
Avatar
Total Posts:  104
Joined:  2008-08-06
Harrogate, UK
 

I added the shadow box css in with my gzip-css.php css file, maybe try that out.

-
Bruce

 
Magento Community Magento Community
Magento Community
Magento Community
 
Pixxa
Sr. Member
 
Total Posts:  275
Joined:  2008-10-23
 

Hmm Bruce,

It is still not working. This is my error_log at shell telling me:

[error] [client x.x.x.x] File does not exist: /var/www/vhosts/lizzylane.com/httpdocs/js/shadowbox/,http:, refererhttp://www.lizzylane.com/tryst-soaps-in-glass-canister.html?SID=ab0p4irttp3ubdipsar20i6hu2

Looks like it still cant find the right .js file I think, but firefox error console wont give any error anymore.

 
Magento Community Magento Community
Magento Community
Magento Community
 
Pixxa
Sr. Member
 
Total Posts:  275
Joined:  2008-10-23
 

Well, well, after to many hours of trying. I have finally fixed my issues, all includes en code went into the head.phtml (on the last row) and I re-uploaded a new copy of shadowbox because the one provided from the 3.0b + magento tutorial is apparently broke. Damn that was hard to find! Thx Bruce for helping me.

 
Magento Community Magento Community
Magento Community
Magento Community
 
InfernoX
Jr. Member
 
Total Posts:  5
Joined:  2009-05-11
 

Hello,
I am trying to get Shadowbox 3.0b to work at my Magentobased site, it works well with FireFox 3 and IE8, but with IE 6 and 7 I get a “Operation Aborted” window and a windows warning. I am wondering what the workaround is? I have used the following tutorial to implement it on my page:
http://www.swiftcore.com/en/magento/integrate-shadowbox-alternative-lightbox-30b-magento.html

Hopefully somebody knows how to help, thanks, Dex!

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