Magento - new lightbox tutorial in wiki - HTML, XHTML, CSS, Design Questions - eCommerce Software for Growth, Powered by Open Source

Skip to site navigation »
Skip to main content »
Skip to footer content »

Sales: Call 877.832.5289 (N America)|310.295.4144 (International)

Magento Forum

new lightbox tutorial in wiki

lisali Total Posts: 459 Joined: 2008-04-28 London, UK Ignore user	Ok - this works. However - a couple of very important tips: 1. Image paths - use absolute image paths first, to see if it works, then go to relative. 2. The code that needs to be added in step 4 of the tutorial into app/design/frontend/default/default/layout/page.xml MUST go under the FIRST <block type="page/html_head" name="head" as="head"> as there are two of them. The first one is around line 30. 3. The code above MUST go AFTER <action method="addJs"><script>prototype/prototype.js</script></action> otherwise it will not work. Finally got it - after hours of...well, you don’t want to know! Thanks! Lisa Signature ExtraCall.com - UK Telecommunications & VOIP
	Posted: May 20 2008 \| top \| # 31

pixelpusher Total Posts: 62 Joined: 2008-04-23 SoCal Ignore user	I got this working and its great! However, there seems to be some conflicting javascript. When I use lightbox, my “checkout” form button doesn’t function from the sidebar (sidebar.phtml) also my “add to cart” buttons don’t function from the category view. Can anyone else confirm this? I downloaded lightbox from the wiki link (lightbox2.03.3.zip) and im running 1.0.19870 EDIT: tried it on another installation and it worked out great. I recommend replacing page.xml and media.phtml with the originals and try again to anyone having the same issues.
	Posted: May 22 2008 \| top \| # 32

nafnaf1000 Total Posts: 119 Joined: 2008-02-21 Ignore user	Thanks all for working on this, Any one how to put Magentos “images zoom (slidding bar)” in to rhe lightbox????
	Posted: June 12 2008 \| top \| # 33

gdoteof Total Posts: 22 Joined: 2008-05-21 Ignore user	that’s a great tip, butting the lightbox.js after prototype. that should definitely be added to the wiki. also, i had to reset my cache in order to get this to work. but now it works great: http://www.amalgamated-store.com/band-instruments/cello.html
	Posted: June 13 2008 \| top \| # 34

infield Total Posts: 67 Joined: 2007-11-04 San Francisco Ignore user	I would like to have the the “label” text from the individual gallery images appear in the caption as opposed to the product name. We are using the gallery to show color options, it would be nice to have the caption show the color name as defined in the image “label”. As far as I can tell, in this code: <?php foreach ($this->getGalleryImages() as $_image): ?> <li> <a href="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'image', $_image->getFile()); ?>" rel="lightbox[rotation]" title="<?php echo $_product->getName();?>"> <img src="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile())->resize(68, 68); ?>" width="68" height="68" alt=""/> </a> </li> <?php endforeach; ?> I would like this paramiter `title="<?php echo $_product->getName()` to reference the “label” field from the catalog_product_entity_media_gallery_value table of the associated gallery image. Can anyone tell me how to replace this value or point me in the right direction? Thanks Image Attachments Click thumbnail to see full-size image
	Posted: August 12 2008 \| top \| # 35

Darren E Total Posts: 40 Joined: 2008-05-23 The Woodlands, Texas Ignore user	Does this HAVE to go into the /default/default folders? Will this work if I place them to my template files? Thanks, Darren Signature Darren E Web Design The Woodlands Pixelbit Studios, LLC.
	Posted: August 21 2008 \| top \| # 36

Flicker Total Posts: 9 Joined: 2008-02-12 Ignore user	I have it setup on my custom template i.e not /skin/frontend/default/default but /skin /frontend/default/custom And it works great Gudmundur
	Posted: August 28 2008 \| top \| # 37

pilch Total Posts: 23 Joined: 2008-02-14 Westcountry, UK Ignore user	Hello. - I don’t see the Close or loading images which in turn means that to close lightbox I need to click away from the image currently loaded into view. - I also seem to have all of my additional images loading in the same dimensions rather than rescaling nicely. Visit the test site Regards, Rich.
	Posted: August 29 2008 \| top \| # 38

lisali Total Posts: 459 Joined: 2008-04-28 London, UK Ignore user	Rich, Your image paths are incorrect. For example, your “close” button tries to fetch the image from: http://www.theofficials.co.uk/magento/skin/frontend/default/Modern/images/lightbox/closelabel.gif Do you have that file there? Signature ExtraCall.com - UK Telecommunications & VOIP
	Posted: August 29 2008 \| top \| # 39

pilch Total Posts: 23 Joined: 2008-02-14 Westcountry, UK Ignore user	lisali - 29 August 2008 06:00 AM Rich, Your image paths are incorrect. For example, your “close” button tries to fetch the image from: http://www.theofficials.co.uk/magento/skin/frontend/default/Modern/images/lightbox/closelabel.gif Do you have that file there? Hi LisaLi. No I don’t have the images there, I have them in default. I have the Modern theme installed but as far as I was aware I was running on th edefault theme. Regards, Rich.
	Posted: August 29 2008 \| top \| # 40

MachineRebel Total Posts: 4 Joined: 2007-12-28 Ignore user	Thank you so much for the tutorial. Quick question: Could you tell me how to enable lightbox for the main product image. Right now it just works for the smaller “More Views” images. Currently, I can double-click the main product image and it expands to fill the browser window. I’d like to disable that functionality and replace it with lightbox. Thanks! -Mike
	Posted: September 30 2008 \| top \| # 41

daveman123 Total Posts: 5 Joined: 2008-10-31 Ignore user	What version of the LIghtbox is this for? I Dl’ed 2.04 and got stuck at the CSS editing because lightbox.css cannot find anything that I need to replace. Can anyone just make it simpler and upload the lightbox.css file?
	Posted: 3 weeks ago \| top \| # 42

jemoon Total Posts: 46 Joined: 2008-09-30 Gdansk, Poland Ignore user	Hi, does anybody know what should I do to get base images displayed in lightbox I know that I should change this code: `<p class="product-image-zoom"><img src="<?php echo $this->helper('catalog/image')->init($_product, 'image')?>" alt="<?php echo $this->htmlEscape($_product->getName()) ?>" /></p>` but the simplest way of doing it: `<p class="product-image-zoom"><a href="<?php echo $this->helper('catalog/image')->init($_product, 'image') ?>" rel="lightbox[rotation]"><img src="<?php echo $this->helper('catalog/image')->init($_product, 'image')?>" alt="<?php echo $this->htmlEscape($_product->getName()) ?>" /></a></p>` doesn’t work :/ Signature Wszystkich zainteresowanych zapraszam na Nieoficjalne, Polskie Forum Magento
	Posted: 3 weeks ago \| top \| # 43

Magento Community

Magento Community

Back to top

REMOVE. ??? Add to Wishlist | Add to Compare

Help! What did I do?

Sales: Call 877.832.5289 (North America) 310.295.4144 (International)

© Copyright 2008 Varien. Magento, eCommerce software, is a trademark of Irubin Consulting Inc. DBA Varien
Privacy Policy|Terms of Service Magento Community Count
53184 users|730 users currently online|107214 forum posts