Magento - lightbox 2.0 only in custom template - 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

lightbox 2.0 only in custom template

Black Cat Total Posts: 689 Joined: 2008-02-14 Gonnesa (Italy) Ignore user	Hi, I have followed the guide in the wiki to insert lightbox 2.0 but I would like the whole necessary files for lightbox to be inserted only in the folder of the custom designed template. Then I would like the files to be alone in the briefcase skin/default/my_theme and in app/design/frontend/default/mytheme/ecc.. Besides I would possibly like the links to be “relative” to the template, that is changing the name of the folder of the template, continuous lightbox to work. I have made some attempt but lightbox it doesn’t work and the image opens me in a new window Can someone help me? Signature Cerchi un Webdesigner o grafico per Magento? Contattami Maintainer Traduzione Italiana Moderatore Forum Italiano Magento Magento Webdesigner -------------My Blog--------------
	Posted: May 20 2008 \| top

jay@grimestore Total Posts: 45 Joined: 2008-04-02 Ignore user	I have also followed the wiki on how to add lightbox, but done it with a custom template and it is not working also. The main product image when on the product now no longer zooms in and out when you click the zoom buttons. Also when I click the images I merely get tkaen to the image and lightbox does not work.
	Posted: May 21 2008 \| top \| # 1

laurent Total Posts: 62 Joined: 2007-08-31 Paris, France Ignore user	The js: - put lightbox.js in my_skin/js directory - in lightbox.js, find `var fileLoadingImage = "images/loading.gif"; var fileBottomNavCloseImage = "images/closelabel.gif";` replace with `var fileLoadingImage = SKIN_URL + "images/lightbox/loading.gif"; var fileBottomNavCloseImage = SKIN_URL + "images/lightbox/closelabel.gif";` - in page/html/head.phtml, find `<script type="text/javascript"> var BLANK_URL = '<?php echo $this->helper('core/js')->getJsUrl('blank.html') ?>'; var BLANK_IMG = '<?php echo $this->helper('core/js')->getJsUrl('spacer.gif') ?>'; </script>` replace with `<script type="text/javascript"> var BLANK_URL = '<?php echo $this->helper('core/js')->getJsUrl('blank.html') ?>'; var BLANK_IMG = '<?php echo $this->helper('core/js')->getJsUrl('spacer.gif') ?>'; var SKIN_URL = '<?php echo $this->helper('core/js')->getJsSkinUrl('') ?>'; </script>` -in your catalog.xml, find `<catalog_product_view> [...] <reference name="head">` add the following lines right after the previous code `<action method="addItem"><type>skin_js</type><name>js/lightbox.js</name></action> <action method="addItem"><type>skin_css</type><name>css/lightbox.css</name></action>` The css - put lightbox.css in my_theme/css directory - change all the image url to be like : url(../images/lightbox/image.gif) The images: -put all the lightbox images in my_skin/images/lightbox/ Don’t forget to insert lightbox into magento product details. (Adding Lightbox to magento V2 step 5 from wiki).
	Posted: May 21 2008 \| top \| # 2

kylewhat Total Posts: 25 Joined: 2008-06-02 Ignore user	edit..
	Posted: June 26 2008 \| top \| # 3

luffy59 Total Posts: 3 Joined: 2008-07-16 Ignore user	Hey thanks for this explication. In the wiki tutorial he didn’t mention the modification of the files catalog.xml
	Posted: July 26 2008 \| top \| # 4

Darren E Total Posts: 35 Joined: 2008-05-23 The Woodlands, Texas Ignore user	For some reason, clicking an image just opens the image in the browser. In order to get back to the products, you must use the back button on the browser. I swear, I have gone through these steps several times - no such luck. the site: http://boardbookalbums.com Signature Darren E Web Design The Woodlands Pixelbit Studios, LLC.
	Posted: August 21 2008 \| top \| # 5

chiaraweb Total Posts: 643 Joined: 2008-03-21 Aviano ~ Italy Ignore user	Darren E - 21 August 2008 11:05 AM For some reason, clicking an image just opens the image in the browser. In order to get back to the products, you must use the back button on the browser. I swear, I have gone through these steps several times - no such luck. the site: http://boardbookalbums.com I can’t see lightbox into your site, but I’m sure that if X close doesn’t show up the reason is the incorrect path of close.gif image if you have developer toolbar of Firefox you can find the broken images Signature Non criticare cio’ che non puoi capire. Bob Dylan My Live Magento Shops http://www.ecobaby.it http://www.pesicampione.it
	Posted: August 22 2008 \| top \| # 6

Lorenzo66 Total Posts: 12 Joined: 2008-06-04 London, UK Ignore user	Darren, I just came here by chance as I am working on the lightbox for the 1.1.5 version of magento (btw, now we can use the 2.04 version of lightbox). I had a look on your web site. The missing file is lightbox.js which needs to go on the js folder under the skin/frontend/default/default as you can see if you look at the html source of your page: `... <script type="text/javascript" src="http://boardbookalbums.com/skin/frontend/default/default/js/lightbox.js" ></script> ...` I hope that will help you. Lorenzo
	Posted: September 16 2008 \| top \| # 7

speedyss Total Posts: 24 Joined: 2008-07-02 Ignore user	I have the same problem, I have double checked that all files are there but still not getting lightbox to work. It only opens up the product image in the same web browser window. Any help? website address is http://www.crickethaven.co.uk/shop
	Posted: September 21 2008 \| top \| # 8

speedyss Total Posts: 24 Joined: 2008-07-02 Ignore user	oops wrong thread!
	Posted: September 21 2008 \| top \| # 9

serpico Total Posts: 6 Joined: 2008-08-28 Ignore user	For some reason I can’t get this working. I thought I followed the instructions properly. Can anyone see where I’m going wrong? http://www.fhtcruises.com/noosa-hilton-hotel.html
	Posted: October 1 2008 \| top \| # 10

José Feliphe Total Posts: 23 Joined: 2008-09-09 Brasil - São Paulo - SP Ignore user	serpico, your problem, is my problem! Can anyone see where we going wrong?
	Posted: October 1 2008 \| top \| # 11

Lorenzo66 Total Posts: 12 Joined: 2008-06-04 London, UK Ignore user	Hi guys, in which folder did you put the lightbox/lightbox.js file? Lorenzo
	Posted: October 1 2008 \| top \| # 12

Sokki Total Posts: 1 Joined: 2008-09-26 Ignore user	Hi Guys, Places lightbox/lightbox.js under the main js folder eg domain.com/store/js/ The wiki tells us to place the js files in the incorrect spot. Hope this helps ppl
	Posted: October 1 2008 \| top \| # 13

Hercilio Costa Total Posts: 44 Joined: 2008-07-15 Ignore user	Sokki - 01 October 2008 05:23 AM Hi Guys, Places lightbox/lightbox.js under the main js folder eg domain.com/store/js/ The wiki tells us to place the js files in the incorrect spot. Hope this helps ppl I keep lightbox/lightbox.js in skin/frontend/default/default/js, but for this work in page.xml I replaced the lines that wiki tell us to insert: `<action method="addJs"><script>lightbox/lightbox.js</script></action> <action method="addCss"><stylesheet>css/lightbox.css</stylesheet></action>` for this two lines: `<action method="addItem"><type>skin_js</type><name>js/lightbox/lightbox.js</name></action> <action method="addItem"><type>skin_css</type><name>css/lightbox.css</name></action>` And I don’t have to insert anything in catalog.xml since page.xml put this lines in all pages.
	Posted: October 1 2008 \| top \| # 14

serpico Total Posts: 6 Joined: 2008-08-28 Ignore user	Hi Guys, I’ve placed the JS file in a number of different places and still can’t get it to work. It looks like the main JS file just isn’t being called at all! Please take a look at: http://www.fhtcruises.com/noosa-holiday-inn.html So far I have a copy of the JS file at: domain.com/lightbox.js domain.com/lightbox/lightbox.js domain.com/skin/frontend/default/modern/js/lightbox/lightbox.js domain.com/skin/frontend/default/modern/js/lightbox.js
	Posted: October 1 2008 \| top \| # 15

Magento Community

Magento Community

Back to top

main box in modern theme

Image zoom and alterations

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
52285 users|538 users currently online|105608 forum posts