CSS Conflict

Hi,

i have a big problem maybe a css conflict.
i have installed FavEffect module of yootheme, i don't understand why if i pubblish the module in the site where i installed the quickstart i have no ptoblem:: http://www.upyourface.com/testenviromen ... Itemid=371

while, in the live site maybe i have a css conflict - -> http://www.upyourface.com/key-features

Please help me

On the second site you are having some JS problems (probably jQuery is not loaded), also some css files are not loaded:
/media/jui/css/bootstrap-responsive.css

I would check the configuration of the modules one by one - there must be a difference somewhere.

the module that i am using it's very simple, i enabled it just after installation without editing nothing.
so i don't think that there are some difference..
can u help me please?
It's very important

someone can help me please???????
What means ReferenceError: $Gavick is not defined?????

so i have two problem:

1) Slider doesn't work
2) faveffect module is displayed in a single column and the output is very ugly.

Can someone help me?
My developers don't understand which is the problem.
please

The problem is in javascript. Check firebug console for errors and correct them.

What you can check is to change to default Beeze template and check if everything works fine.
Also - your site is now password protected and I can't access it.

i have no idea, i don't understand nothing about java or css.
If i give u my user admin can u correct it?
thanks

i got this error on the page:

Uncaught ReferenceError: jQuery is not defined tabs-state.js:11
Uncaught ReferenceError: joms is not defined home:96
Uncaught ReferenceError: $GKMenu is not defined gk.menu.js:39
event.returnValue is deprecated. Please use the standard event.preventDefault() instead.
Uncaught ReferenceError: $Gavick is not defined

any ssuggestion?

I don't know what changes have you made.
Please describe me exactly your installation process... Was it quickstart or normal template? What have you changed since installation?

I Just installing normal templates and building the quickstart homepage from scratch....

Please check if every module uses jQuery (some allow you to chose one), not mootools. Check also VM configuration for this setting if you installed it.

what is VM?
How can i check if all module use jquery?

By editing every module in modules section of adminpanel and check if any has used mootools instead of jqiery.
VM is VirtueMart, but if You are using J3.x then there is no way you can use VM.

hi,

my home page is like the quickstart, so there aren't standard module but only custom one.
The only module is image show pro and news pro
Can you help me or not?

I'll ask other moderators - perhaps someone will have an idea what you did wrong.
Menwhile, please send me a PM with:
1. URL to your website
2. login and password of user with admin/super-admin privileges (please create one for me)
3. link to this thread

Hi

I've took a look at Your site but I do not see any errors in consol anymore, so I suspect You have managed to fix it. Anyway I'm not 100% sute if I look at the correct site: http://www.upyourface.com/key-features, if I'm wrong just let me know.

Anyway problem was probably becuase conflicting jQuery libraries. It happens if for example 2 extentions loadc jQuery in different versions, but the one called as last is loading older version than ones before. Easy jQuery plugin should correct that, so please include that into solutions to try.

Hi, the page where i pubblished the slider is www.upyourface.com/home
Please take a look and let me know.
My developers spent time to understand the issue but at least the dev opinion is that there is not a jquery conflict but maybe only the plugin order.

But, when i try to enable cookie message, i get the message "develoers......" And something that say me that i need to use latest version of jquery.

Please let me know
Thanks

Hi

Ok. It's clear that script is not being loaded. Please send me an access to joomla panel. I'll test some other libraries.

Hi,

i sent you my adminuser and psw by PM.
Please let me know.
PS: there is possibility that if u change library i will have problem with other component that use jquery?

Thanks

Hi

Ok. That's officially worst case of conflict I've ever seen. You have too many extentions using different versions of jQuery or mootools and it's not possible to find one that match them all. I've checked every possible combination. So the only option is to remove couple of them from equasion. I believe this code is causing the most damage:

Code: Select all

           joms.jQuery(document).ready(function(){   
            var menuUrl = "http://www.upyourface.com/users.html?usexius=1".replace(/\&amp\;/gi, "&");
            joms.jQuery("a[href^='" + menuUrl + "']").hide();
         });   
          
           joms.jQuery(document).ready(function(){   
            var menuUrl = "http://www.upyourface.com/offerte/le-tue-pubblicazioni".replace(/\&amp\;/gi, "&");
            joms.jQuery("a[href^='" + menuUrl + "']").hide();
         });   
          
           joms.jQuery(document).ready(function(){   
            var menuUrl = "http://www.upyourface.com/events.html".replace(/\&amp\;/gi, "&");
            joms.jQuery("a[href^='" + menuUrl + "']").hide();
         });   
          
           joms.jQuery(document).ready(function(){   
            var menuUrl = "http://www.upyourface.com/quiz-dashboard".replace(/\&amp\;/gi, "&");
            joms.jQuery("a[href^='" + menuUrl + "']").hide();
         });   
          
           joms.jQuery(document).ready(function(){   
            var menuUrl = "http://www.upyourface.com/il-mio-account.html".replace(/\&amp\;/gi, "&");
            joms.jQuery("a[href^='" + menuUrl + "']").hide();
         });   


any idea which module can be adding it ? "joms" tells that it has something to do with Jomsocial, but I have already removed jomsocial component form homepage, since You have not been using it here anyway.

Here is what You need to do so I'll be able to make the version check one more time. There is a lot of modules which are attached to all pages, but position they are attached to doesn't exists in homepage. You need to attach this modules to menu items which has this module position only, so the amount of javascripts for frontpage can be reduced. Let me know when You will be ready so I'll try Easy jQuery one more time.

I,

many thanks for your answer.
Yah, (document) should be a custom component designed by my developer.
Now that i know the cause i will speak with her.
I will update you
many thanks

Hi

Ok. That's just a guess,. Anyway a key to find the fix is to reduce the javascript as much as possible, so it should be easier to find a jQuery version to replace with.

Hi,

like now i unpibblished the slider cause i need to go live.
But, just some days ago the theme switcher (colours) was working, now it doesn't work.
Can u check? www.upyourface.com

Thanks

Theme switcher requires correctly working JavaScript. With jQuery problems theme's JS just don't work.

Hi,

i solved all conflict problem thanks to Easy-Jquery plugin and now all is working fine.
Just last question, should be the last..
i read in the document that login position exist for simplicity, but other moderator said me that doesn't work on simplicity.
So i used perfect pop-up box module, that have a class to show pop-up on click.
Ok it work from desktop, but not from mobile.
The answer from support was:
"Hello,
It is because on mobiles your template get rid of previous menu and creates list with menu items. However it removes all added classes from Joomla.
Please see how to style the mobile menu and add there also a pwebbox class. Then it will work."

Any Idea?
Thanks

Hi

Great. Easy jQuery saved me couple of times as well

Simplicity has login position listed but it's not included in code. Looks like it's a part of framework, but was not implemented within this particular template. Can You please explain what You want me to do and where shoudl I look for the popup You have mentioned.

I would like to have the login position like u can see in creativity template.
For this reason u can see that on my site, on the main menu of the home page there is the menu voice "Accedi", that work from desktop but not from mobile.
So just go to www.upyourface.com and click "Accedi", this is the modal pop-up
Thanks

Hi

I do not see our template anymore, but I think what You have in mind. It's not a matter of a new module position, but it can be doen thanks to menu itself. You just need to add a new menu option set for registered users and attache a module to its subelements. You can show a login module and a menu there with links to profile, etc. I think it's a fastest way to accomplish that.

Here is an instruction about how to add modules to submenu element: http://www.gavick.com/documentation/gen ... into-menu/

Hi,

yes i did it in the past but the module was opened on mouse over, and was not possible (in a easy way) to change the dimensions of the pop-up module

Hi

In this case please send me an access to ftp so I'll make a new module position triggered by a button where this modules can be kept.

Hi

Ok. I probably got it wrong again ;/ I can see You have already used a plugin to make it like I was going to do. That's the only way, becuase this template doesn't have this implemented. If You just can tell me how can I help You with this from now, than I'll be happy to assist.

the pop-up doesn't appear from mobile. only this is the problem now...

Hi

Now we are talking Please send me an access to ftp, so I'll add a new module position and add a code for none conflicting popup.

I sent you my ftp details.
Please let me know.
Many thanks
Claudio

Did you do something into my template?
The template was good before, now it become more larger.....
Please let me know....
Thanks

What happened

ok i will restore backup of yesterday....

so please don't work now...i will advise u when u can...thanks...

HI

It wasn't me for sure. Now is first time from my last post since I've visited this thread. Ok, let me know when it will be ready. A sudde resize of template is most likely because of a validation error or a none responsive module stretching the template.