Slimbox

[designwerks]

Thought I'd try the slimbox feature that comes built into Squirrelcart...

Can someone look at this link:

http://www.woodwickcandles.ca/store/...e-met-hospital

When you click on image - the code provided with Squirrelcart does display a larger image, but in a new browser window.

Any ideas?

I did check the option to load "Slimbox" in the account settings, but not sure if there is some code to add after that...

John

[pdunton]

Your <a> reference supplies target="_blank" which will cause the new window.
Not being sure how you are encoding the link I will provide what works for me:

<div><a rel="lightbox[product-PROD_RN]" style="display: none" title="Your Title" href="http://www.manzanitalab.com/sc_images/products/1024_scaled.jpg">1</a>
<a rel="lightbox[product-PROD_RN]" style="display: none" title="Your Title" href="http://www.manzanitalab.com/sc_images/products/1024_scaled.jpg">2</a></div>

This is the code I use to add TWO additional pictures to the Large Image which is displayed by default. To add just one pic, delete appropriately. Too add more, just expand the div.
I just add to the end of the Product description content.
Hope this helps.

Phil
Tucson

[Jamie]

When you enable Slimbox, it should automatically add the following tags to your <head/> tag:

<script type="text/javascript" src="http://www.example.com/squirrelcart/lib/mootools/mootools.js.php"></script>
<script type="text/javascript" src="http://www.example.com/squirrelcart/lib/slimbox/slimbox.js.php"></script>
<link href="http://www.example.com/squirrelcart/lib/slimbox/slimbox.css.php" rel="stylesheet" type="text/css" />

If you load your storefront page in a browser and view source, those lines are missing. They are normally added automatically via the <?php print $SC_Header ?> code inside the store_main.tpl.php template file. I'm guessing maybe you altered that code.