TOPIC: [Solved] Not compatible with MetamorphV2 Template

Hi,
First of all I would like to thank you writing such an awesome component and not charging us for using it. Thanks!

When I install the comment component and plugin on our newly created website it screws up the frontpage which uses the rokcontentrotator module which comes with the great Metamorph V2 template from RocketTheme.

When I disable the comment plugin, allw orks fine again.

URL to the site: www.hbb-scheveningen.nl/portal
The comment plugin is currently enabled so you can see the error.

If you would like I can post some screenshots. Any help will be appreciated.

Thanks
Xander Bok
Netherlands (Europe)

Not good screenshot


Good screenshot

Does this module brakes the text after a given text length?

No. Normally the rokcontentrotator has a locked height with three buttons on the right side. As you can see now the module falls over the rest of the frontpage and shows only one button on the right side. So it screws up the lay-out for some reason.

If you want me too, I can give you the login details for the back-end?

I've seen this sort of thing before. I'm nearly certain it's an issue with MooTools. I use a premium template on my site too, it has it's own MooTools library instead of using the one at the Joomla core, having it enabled breaks JoComment and GK SlideShow [both use MooTools].

If you don't know what MooTools is, basically its a big-ass Java script for getting nice, smooth and fancy effects.

Try disabling "menu effects" in your Template settings, if it has them. It's from RocketTheme though - while they are praised for their high quality template designs, they are shunned by many in the Joomla dev community (it seems) because of their habit on using fancy code that breaks a lot of other fancy extensions.

I don't know how you could do it, but try turning off MooTools for either the Template or JoComment and see if it fixes it. I turned it off for my template (not a RocketTheme one though), and although I don't get bouncy-fun flyout menus anymore at least all my other mootools-utilizing extensions work now

JonusC, thanks you for your reply.

I turned off all the fancy menu settings as well as the hover function for the rokcontentrotator. Makes no difference unfortunately. Turned them back on again. I doubt it has something to do with the menu, cause the fancy stuff keeps working with the comment component. I'm pretty sure it is the rokcontentmodule in combination with the commentcomponent.

Damn. Any other suggestions? Since I don't ant to you use another commenting system.
Thanks!
Xander

Dimitri,

Woops, in answer to your question, YES it does brake the text. The module says:

Preview Length: 400


Thanks
Xander

Xander Bok wrote:

Damn. Any other suggestions? Since I don't ant to you use another commenting system.

Heck yes, I even "trialed" the premium ones from official Joomla Extensions website - JoComment is seriously the best, free or paid.

Ah ok, thats a shame. Well your header showcase thingy there [blue box with selections on the right] is probably using MooTools too, that's why I suggested it. It looks like Flash, but it isn't Flash, so it probably uses MooTools Java library to draw it all - there are many out there that do it. I use GK PhotoSlide which has a very similar function, and it was broken with MooTools enabled in my template - looked all wierd similar to yours.

Ah well, looks like a DIV layer problem. Dunno why. Looking at your page with Firebug, I see something strange. It's got "section-padding" holding "header", "horiz-menu1" and "showcase-main", that's fair enough. Inside showcase-main div layer, it's got two things - "showcase-bg" which is the blue part, and "rotator-module" which appears to encompass the entire width including the selector on the right. It's only covering two of three of the possible options on the right. And right underneath that, "section-padding" is escaped, and it's parent "section1" is too - prematurely escaped I might add - and that wierd bar cutting through is a div class="divider".

The code is pretty intense... it's got about 10 nested DIV layers (rotator-2, rotator-3, etc), and under that theres a <ul> list with only two <li>'s instead of three. I sorta get how it works, but it's over my head... That's what I was talking about before with RocketThemes being love/hate among many - they do all sorts of crazy-ass tricks

Sorry, i'm not helping at all - I know maybe that rant has given one of you an idea though. Dunno how good you are with CSS and XHTML, but if it were me i'd be hacking into the template right about now.

BTW, have you tried enabling different JoComment templates?

Well i'll be silent now , hopefully Daniel can help come to a solution!

EDIT: I do have one last suggestion. Just try going into JoComment settings > Content Settings > 'Layout' tab > under "Include javascript library" try setting that to No and testing. If that doesn't fix it, then it must be a DIV conflict of some sort.

JonusC
Thanks for all your "helping-me-out-efforts".

Finally I've fixed it.

Solution: un-installed rokcontentrotator module > re-installed rokcontentrotator module.

Weird but true.
Thank you guys for trying to help me out and responding so quickly.

Daniel, maybe take note of this solution as I can imagine other users can run into the same kinda problem.
Thanks again!

Would you add a third button to the module?

Third button? There are already three buttons there.
Not exactly sure what you mean...

We were writing at the same time. Well, cheers!

Thanks m8.

Nice work!

I've pre-pended [Solved] to the original thread Subject, I hope thats OK to do Daniel