The migration from Joomla 3.10 to Joomla 4 for Simplify Your Web extensions is fairly simple, but there are still a few rules to follow for a smooth transition.
While creating your Joomla! 3 site, you may run into anomalies when it comes to showing tooltips, particularly if you are loading Bootstrap and jQuery UI libraries simultaneously. Some elements may get a nice Bootstrap-like tooltip while others may get a tooltip looking like the jQuery UI theme that is used by some of your extensions. Some tooltips may not even be skinned at all. Or the tooltips may not properly show at all, the code is "broken".
This tutorial will explain what is actually happening and how you can fix and homogenize your pages with jQuery Easy Profiles.
Since the plugin has been available online, many issues were presented to me and frankly, some websites can become a real mess when so many extensions use there own jQuery code. Forget about jQuery and MooTools conflicts! jQuery conflicts alone are mostly taking websites down to their knees.
Here is a case study I wanted to share, as I was researching the best way to correct such a mess, with the help of the jQuery Easy plugin. In this study, we will handle jQuery/MooTools conflicts and allow jQuery extensions to use their own variables.
Over the past few months, a large number of users have asked my help in finding out what was wrong with their website, even after installing the jQuery Easy plugin.
In this article, I will try and address ways of fixing these issues, with the help of the plugin.
In Joomla, scripts are added to the
<head> tag on a page.
When the browser's HTML parser finds the
<script> tag, it downloads the script and executes it. After the task is done, it goes on and parses the remaining HTML.
One basic reason you would install jQuery Easy would be to load jQuery and/or Bootstrap libraries from the internet, through a CDN (or Content Delivery Network). That has the advantage to load libraries that are not necessarily available in the version of Joomla you are using from an outsourced server that is optimized to deliver them.
The Chosen jQuery plugin is widely used in Joomla 3 and is primarily used to 'beautify' html select boxes. Many components load it but it may stand in the way in some website designs. While some extensions may give you the option to skip the plugin, you may not have any possibility to remove it. Let see how jQuery Easy Profiles, developed for Joomla, can help.
This set of articles have been created in order to increase people's awareness about the Simplify Your Web products.
It is aiming to show how those products can be used and point out not-so-well-known functionality.
Page 1 of 2