Added

Bootstrap 2 layout on Joomla 6

• New css/bs2-bs5-bridge.css, loaded as the last stylesheet in the page head with a version marker. It takes over what the removed Bootstrap 2 stylesheets did for Magnetic’s markup: .row-fluid rows with .spanN columns, standalone .spanN, offsets, the hidden-phone / visible-phone utilities, Bootstrap 2 buttons, tab panes, and stacking of multi-column rows on phones.
• Joomla’s own icon-* classes (for example icon-eye, icon-angle-left, icon-angle-double-right) are mapped onto Font Awesome 6, so the icons Joomla prints in forms and pagination show up (see Fixed).
• New js/cs-jq-compat.js: restores three jQuery 1.x calls that Joomla’s jQuery 3.7 no longer has: .live(), .offset() on the window, and .load(fn) as a load-event shortcut (see Fixed).

Phone header and menu

• New js/cs-mobile.js. On screens up to 767 px Magnetic gets a menu button (#cs-menu-toggle) on the same line as the logo, level with it. The logo is capped at 140 px wide on phones so the two never overlap.
• The menu opens as a panel below the header, built from the site’s real menu. Items with sub-pages get a round open/close button, and opening one section closes the others.
• An icon row under the header (#cs-utility-row) with 44×44 px buttons on one line: section menu (the page’s sidebar menu, or the main menu’s top level where a page has none), account (opens the login dialog), register, search and social.
• Search opens a full-width panel directly under the header with a touch-sized field and a search button showing a magnifier.
• Social opens the social links as one centred row in a full-width bar beneath the icon row.
• Phone layout details: the page cannot be dragged sideways, the menu button cannot be pushed off the side of the screen by the template’s fixed desktop width, footer menus show as lists of links, and login and registration fields fill the width of the screen.

Favicon tool

• New Favicon tab (fieldset faviconsettings, first in the template options) with a media field (favicon) and a crop tool (favicontool, field class fields/favicontool.php): load the chosen image, drag or resize a square over the part you want, and the cropped image is saved. With thanks to Gianluca, whose favicon question inspired this tool.
• On the front end, index.php builds the icon set from that one image with two new helpers, phFaviconSet() and phIcoBytes(): a real favicon.ico (16, 32 and 48 px), 32, 192 and 512 px PNGs and a 180 px Apple touch icon, written to images/favicon-generated/. The .ico is also copied to the site root, where browsers look for it.
• The generated file names change whenever the image changes, so browsers pick up a new icon instead of holding on to the old one. With no image chosen, the template’s own favicon.ico is used, with a version marker.
• 10 new language strings in en-GB.tpl_magnetic.ini (68 → 78), e.g. TPL_MAGNETIC_FAVICON_TAB, TPL_MAGNETIC_FAVICON_HELP, TPL_MAGNETIC_FAVICONTOOL_CREATE.

Colour picker

• New custom field fields/colorpicker.php with the bundled Coloris picker (js/coloris.min.js, css/coloris.min.css). All 71 colour settings change from Joomla’s core color field to type="colorpicker", with a swatch in the field and keyboard support. Nothing is loaded from an outside site.
• Colours you have already set are kept as they are.

Options screen layout

• New fields/adminui.php: a hidden field that styles the template’s Options screen only, so long help text (such as the Favicon tab’s) runs across the full width of the form instead of being squeezed into the narrow label column.

Modern social network support

• Five new social services, each with an on/off switch and a URL field: Threads, Bluesky, Mastodon, TikTok, Discord (fields threads/threadsON … discord/discordON). With the existing ones the set is now 13: X, Facebook, Instagram, Threads, Bluesky, Mastodon, LinkedIn, YouTube, TikTok, Vimeo, Pinterest, Discord and RSS.
• The Twitter fields are kept (your link carries over) and are labelled X (formerly Twitter).

Security helpers

• New helpers in index.php: phEsc() (HTML escaping), phHexColor() (a colour value) and phCssDim() (a number with a CSS unit), each declared only if not already defined. Details under Security.

Changed

Joomla 6 platform

• templateDetails.xml drops the Joomla 2.5 <!DOCTYPE>, goes from <extension version="3.10"> to "6.1" and declares <targetplatform name="joomla" version="6.1" /> (there was none). method="upgrade" is kept, so an existing install updates in place.
• Version 06.11.2025 6.0.0 → 6.1.3. The creation date was 11/09/2015, which is what Extensions → Manage showed as the template’s date; it is now 2026-08-18. The template’s Details panel reads 6.1.3 (2026-08-18), and index.php carries the same version in its header.
• The page loads Joomla’s Bootstrap 5 stylesheet (/media/vendor/bootstrap/css/bootstrap.min.css, plus bootstrap.rtl.min.css on right-to-left sites) instead of the template’s bundled Bootstrap 2 files.
• index.php: the 15 .row-fluid wrappers became .row, and the column classes moved to Bootstrap 5 (.spanN 49 → 4, .col-md-N 0 → 46), including the main-content and sidebar widths that index.php works out in PHP. css/template.css, css/layout.css, css/responsive-template.css and css/template_rtl.css gained the matching .row / .col-md-N selectors, so the template’s own column styling still applies.

J3 → Joomla 6 API migration

• All 17 Joomla 3 class calls removed (calls before → after): error_.php (now error.php) 13 → 0 (JError::raiseWarning() → new Exception(), JText → Text), component.php 2 → 0 (JFactory → Factory), html/mod_breadcrumbs/default.php 1 → 0 (JText) and html/mod_search/default.php 1 → 0 (JRoute → Route). These old names exist only while Joomla’s Behaviour – Backward Compatibility plugin provides them.
• html/mod_login/default.php: the 3 Htmlhelper::_() calls use the correct class name HTMLHelper, and $type defaults to 'login' when Joomla does not pass it. html/mod_breadcrumbs/default.php likewise defaults $moduleclass_sfx, so neither override raises an undefined-variable warning.

Error page

• The template’s error page was shipped as error_.php, a name Joomla never loads, so errors showed Joomla’s plain system page. It is now error.php, on the Joomla 4+ API, using the template’s own error layout (css/reset.css, css/presets/style-error.css).

Template Options screen

• All 39 remaining legacy on/off checkboxes (class="switch" type="checkbox", drawn by the old utils/admin-js.js image toggle) are now Joomla’s native switchers, for example logoLinked, H1TitleImgText, usedropdown, usetheme, cam_turnOn, cam_autoAdvance, cam_navigation and testisl_navigation. With the five new social switches there are 44.
• 110 field type changes in all (the 71 colour settings plus the switches). Fields 183 → 189, tabs 8 → 9.
• The tabs now read Favicon / Basic / Site Name & Slogan / Community Links / Drop Down Menu / Header & Footer Custom Code / Built-in Slideshow / Testimonials Slider / Theme. Before: Basic Settings, Site Name And Slogan Settings, Community Links, Drop Down Menu Settings, Template Header And Footer Custom Code, Built-in Slideshow Settings, Testimonials Slider Settings, Theme Settings.
• The Twitter and Facebook icons at the top of the Options screen use Font Awesome 6 brand classes (fa-x-twitter, fa-facebook-f).

Menus and login dialog

• Desktop drop-down menus open on hover through the template’s CSS instead of the Superfish/Supersubs plug-ins, with an invisible hover strip between the menu heading and its drop-down so the menu stays open on the way down. The drop-down animation settings (dropopacity, dropheight, dropwidth, dropspeed) no longer have an effect.
• The menu override (html/mod_menu/default.php) no longer calls selectnav(), which turned every menu into a drop-down select box on phones; the phone menu above replaces it.
• The login window is a Bootstrap 5 dialog, centred on the screen (modal fade + modal-dialog-centered + modal-content), opened and closed with data-bs-toggle / data-bs-target / data-bs-dismiss. Before, it was a hidden block that a jQuery .toggle() call showed in place.

Search

• The search box is a usable size. It was a drop-down about 170 px wide with a field under 30 px tall. On phones and tablets it is now a full-width panel under the header with a touch-sized field; on a desktop it stays a drop-down under the magnifier, wide enough to read what you type.

Icons, fonts and social links

• The front end loads Font Awesome 6.5.2 from cdnjs (all.min.css + v4-shims.min.css), so existing fa fa-* class names keep working. Before, it loaded two copies of Font Awesome 4 (4.6.3 and 4.3.0) from maxcdn.bootstrapcdn.com.
• The social links are drawn as Font Awesome 6 brand icons instead of PNG images (images/twitter.png and the rest).
• The Google Fonts WebFontConfig JavaScript loader (and Google’s webfont.js) is replaced by a direct font stylesheet link with display=swap, so the Roboto headings and text appear without waiting for a script.

Stylesheets and scripts

• The local stylesheet links in index.php (text, layout, nav, typography, template, responsive-template, print, camera, template_rtl and the compatibility stylesheet) and in component.php, and the template’s own <script> tags in index.php, carry a version marker taken from the file’s modification time. Style changes show straight after an update instead of waiting for visitors’ browser caches to expire.
• The print and pop-up view (component.php) still uses the template’s Bootstrap 2.2.1 stylesheet css/bootstrap.css.

Fixed

• The slideshow’s play/stop controls did nothing on current Joomla. camera.min.js binds them with jQuery’s .live(), a call that was dropped from jQuery long before the 3.7 release Joomla ships. js/cs-jq-compat.js restores it.
• A JavaScript error on every page with the slideshow. The bundled jquery.mobile.customized.min.js fails while loading under jQuery 3.7, and nothing used it. It is no longer loaded.
• The slideshow could not be moved on a touch screen. Its previous/next arrows were shown only on mouse-hover, which never happens on a phone or tablet. They are now visible on touch devices.
• Social links covered the page on phones. The “Follow Us” links are a fixed column on the left edge of the screen, and on a phone that column sat over the page content. On phones it is hidden and the links open from the social button instead; on desktop it is unchanged.
• Two Options-screen headings meant to be in capitals were not. templateDetails.xml had text-magnetic: uppercase (2 places) where it should read text-transform.
• Fixes from a maintenance pass across our templates:
  • The password show/hide button on the login and registration forms was a small dot, and the Previous / Next / First / Last pagination buttons were blank. Joomla prints its own icon-* classes there, and nothing mapped them to an icon font; the compatibility stylesheet now does, and the eye takes the button’s own colour.
  • Featured-article intro text in a one-column layout is no longer clipped to its title (.blog-featured .blog-items.columns-1).
  • The @font-face in css/template.css pointing at Joomla 3’s removed media/jui/fonts/ IcoMoon font is disabled.
  • The version shown in the template matches the release (see Joomla 6 platform).
  With thanks to Michael Mullan, whose Expression bug report led to this maintenance pass across our templates.

Removed

Legacy scripts and stylesheets no longer loaded

• Scripts: superfish.js, supersubs.js, selectnav.min.js, jquery.mobile.customized.min.js, Google’s webfont.js, and the Internet Explorer scripts modernizr.js, selectivizr-min.js and the html5shiv from Google Code, plus the inline jQuery.browser shim (5 lines). The files that came with the template remain in js/ but nothing loads them.
• Stylesheets: the bundled Bootstrap 2 files below, the two Font Awesome 4 copies, and the Internet Explorer files ie6.css and ie.css with their conditional comments. ie9-10.css, which was loaded on every page in every browser, is no longer loaded. The ie*.css files remain in css/.

Files removed from the package

• Bundled Bootstrap 2: the css/bootstrap/ folder (bootstrap.css, bootstrap.min.css, bootstrap-responsive.css, bootstrap-responsive.min.css, bootstrap-extended.css, bootstrap-rtl.css, bootstrap-tooltip-extended.css) and the archive css/bootstrap.zip.
• The unused jscolor picker utils/js_colourchanger/ (jscolor.js, arrow.gif, cross.gif, hs.png, hv.png).
• error_.php (replaced by error.php).

Retired social services

• Four social slots removed with their switches: Google+ (gplus), StumbleUpon, Digg and Blogger.

Security

• index.php now starts with defined('_JEXEC') or die;, so it can no longer be requested directly. The previous version had no such guard.
• 136 places in index.php where a template setting is written into the page now go through the new helpers:
  • phEsc() (56), including the 13 social link URLs, the site name and slogan text (H1Title / H2Title, so HTML typed into them shows as text) and images, their positions and font sizes, the drop-down column widths, the slideshow height and the favicon links.
  • phHexColor() (76): the colour settings written into the page’s inline CSS.
  • phCssDim() (4): the header height (topheight) is accepted only as a number with a CSS unit.
• The social links open in a new tab with rel="noopener".

Quickstart Installer

The Quickstart is a complete Joomla 6.1.3 site with Magnetic installed as the active template and the demo content. It is now a standard Joomla installation package, so the Joomla installer creates the administrator account from the details you enter; the previous Quickstart was an Akeeba backup archive (.jpa) that needed Kickstart.

• Bundled extensions: Akeeba Backup 10.3.7, MCP For J 2.5.0, Weblinks 5.1.0, StageIt 5.7.3. The templates/ folder holds cassiopeia, cassiopeia_extended, magnetic and system.
• Joomla’s legacy Search component, module and its six search plugins are disabled. They do not work on Joomla 6; the “Search” item in the Top Menu keeps its name and now opens Smart Search.
• The post-installation messages are hidden, and Joomla’s Statistics plugin is switched off.

Package format

• Standalone template: pkg_magnetic-6.1.3.zip, a Joomla package (pkg_magnetic.xml) that installs the magnetic template and registers it in the package manager. Before, the download was a bare template zip (magnetic-J6.zip). It declares method="upgrade", so an existing Magnetic updates in place, and <blockChildUninstall>true</blockChildUninstall>, so the template is removed through the package rather than on its own.
• Quickstart bundle: Magnetic-6.1.3-Quickstart.zip, a complete Joomla 6.1.3 install with Magnetic pre-loaded as the active template.