Search Form and Social Buttons

HotThemes Logo and Top Menu

To request a forum account, please login here and open support ticket. Only customers with active order(s) can open forum account!

× Discussion about Hot Newsflash free Joomla module.

Topic-icon Enabling no conflict mode scrolls the page up...

More
5 years 9 months ago #9852 by bhj000
bhj000 created the topic: Enabling no conflict mode scrolls the page up...
This is a great extension but I have a bit of a problem with it.

When I "enable no conflict mode" and click on one of the tabs, it scrolls the page all the way up and then brings the page down again to position of this newsflash.

When I disable the no conflict mode, it works smoothly. But I have to have the no conflict mode enabled because the other extension I am using is using mootools.

Any idea how to get this fixed?

Thanks

Please Log in to join the conversation.

More
5 years 9 months ago - 5 years 9 months ago #9868 by ivan.milic
ivan.milic replied the topic: Re: Enabling no conflict mode scrolls the page up...
Eliminate need for no conflict mode . Read this text:

Good practice is to disable JQuery in all modules and then in index.php of template in head section add manually reference to .


Latest version of jQuery you can download from jquery.com , link is jqueryui.com/download .
You can copy files from package to <template folder>/js/

There are 2 script and one css reference:

<link href="<???path???>/jquery-ui-1.x.xx.custom.css" rel="stylesheet" type="text/css" />

<script src="<???path???>/jquery-1.x.x.min.js" type="text/javascript" />
<script src="<???path???>/jquery-ui-1.x.xx.min.js" type="text/javascript"/>

Go to Module manager open module by bodule and whereerver you see "Load JQuery" (this name can differ form case to case ) property disable it.
Then also go to plugin manager and do that also.

Then open index.php of template and check if there is already reference there. If yes you can just modify it to reference new files you downloaded or delete it and put above 3 reference lines in that order as much close to begining of <head> section as it can be.


To chack you have one and only exactly one reference use "View source" option of your browser when you go to your site. js. References can sometimes be in place where module is rendered so you need to check all source. Easiest way is to text-serach "jquery" in page's source.


EDIT:
jQuery 1.5.2 is tested for our components.
Last Edit: 5 years 9 months ago by ivan.milic.

Please Log in to join the conversation.

Time to create page: 0.120 seconds

Links, Partners and Social Media