: Small conflict between lightbox.css and slimbox.css
: 107727gb February 25, 2009, 09:14:35 AM

Hi there,

I can't find what happens, but I have a small conflict between "/templates/emercantilism/css/lytebox.css" and "slimbox.css" from one of my components.

In FF3, Opera, Safari and Chrome everything works fine and my images open as should be, but in IE7 and 8 beta the images in my lightbox stay dark grey and the PREV and NEXT buttons don't appear. This could be because the component uses another lightbox? I think it is slimbox.css, but I can't fix it myself. So, any idea what happens?

Look here and click on "Bekijk hier alle kaarten" and try opening an image by clicking on it: http://www.sjaaltjes.com/index.php?option=com_rwcards&view=rwcards&Itemid=67

Regards,
Gabriel

: Re: Small conflict between lightbox.css and slimbox.css
: jonahh February 26, 2009, 01:35:19 PM

Yes you are correct, the lytebox.js file is using the same Javascript. Did you try disabling the lytebox or do you also need this feature for other pages on your site?

: Re: Small conflict between lightbox.css and slimbox.css
: 107727gb February 27, 2009, 01:06:04 AM

Well, all my virtuemart product pages use the lytebox of course (the big images), so that's a problem I think.

There's no conflict between lytebox and slimbox in the other browsers. Only in IE7 and 8. So, maybe it is possible to let the eCard component make use of the template lytebox .js/.css instead to disable the lytebox? Or will Virtuemart automatically use the slimbox when I disable the lytebox?

Gabriel

: Re: Small conflict between lightbox.css and slimbox.css
: 107727gb February 27, 2009, 08:57:54 AM

I tried to disable the lytebox in the admin backend (eMercantilism template option shape5)
No difference.

G

: Re: Small conflict between lightbox.css and slimbox.css
: jonahh March 03, 2009, 11:33:59 AM

Ah ok, Im sorry I thought you meant this was occurring in VirtueMart but I see it is another component. If you can provide me FTP details to your site I can edit the code so that the lytebox from our templates aren't used on your components pages.

: Re: Small conflict between lightbox.css and slimbox.css
: 107727gb March 03, 2009, 01:04:12 PM

Hi Jonah,

I pm'd you my FTP path.

Keep in mind that I need the lytebox in Virtuemart for showing the big product images.

Thank you!
Gabriel

: Re: Small conflict between lightbox.css and slimbox.css
: jonahh March 03, 2009, 03:13:27 PM

Ok you should be good to go, what I did was the following:

In your index.php I changed all instances of:

if (JRequest::getVar('option') == 'com_virtuemart' ) { 
 } else {

To:

if (JRequest::getVar('option') == 'com_virtuemart' ) { 
 } else if (JRequest::getVar('option') == 'com_rwcards' ) {
	 } else {

This accommodates for the third party component you are using and says not to use lytebox CSS or javascript when this component is running.

Regards,

: Re: Small conflict between lightbox.css and slimbox.css
: 107727gb March 06, 2009, 03:48:25 AM

Thank you Jonah,

Everything seems working fine (knock on wood)

Regards,
Gabriel.

Shape 5

Joomla Templates => eMercantilism - January 08 - Club => : 107727gb February 25, 2009, 09:14:35 AM