e107.nl new theme...

[Alex-e107nl]

As of today e107.nl has Bootstrap 5.3.2 support :-)
https://e107.nl/

Would not been possible without Jimmi08 THX! I have learned a lot of your themes!

[Moc]

Nice work! Great job @Alex-e107nl and @Jimmi08

[Alex-e107nl]

Thx Moc, the dark/light/auto function is like magic... :-) e107 should be updated to BS-5.3.2 ... :-)

[Alex-e107nl]

@Jimmi08 i have read and read your splash report but i can't find anything about the <library> so i have been playing i little... When i do it like this it works... Fooling e107 with a bootstrap 6 version....

<libraries>
		<library name="bootstrap" version="6" scope="front"/>
		<library name="fontawesome" version="6" scope="front" files="js" />
		<library name="fontawesome" version="6" scope="wysiwyg" files="css" />
        <library name="animate.css" scope="wysiwyg" />
	</libraries>

If you know a better way, I'd love to read about it!

[Jimmi08]

Oh, sorry for that, I was sure I mentioned it there.
This is theme.xml solution:
You can look here too:
#4832 (comment)

scope="wysiwyg" - this will load bootstrap 5 only in wysiwyg, Without scope front, bootstrap will not be loaded on frontend.

Library solution is this:
update libraries from theme library class.
#1725 (comment)

[Alex-e107nl]

Scope="wysiwyg" - this will load bootstrap 5 only in wysiwyg, Without scope front, bootstrap will not be loaded on frontend.

Sorry @Jimmi08 it does not load Bootstrap5, that's right but there's something happening with the BREADCRUMB, when i use the not existent bootstrap 6 in the theme.xml it is like it should be...

[Jimmi08]

but you can use this only with version 5, if you want BOOTSTRAP constant = 5, bootstrap versions are hardcoded on many places.

[Alex-e107nl]

Oke, problem solved... there was another post of you @Jimmi08 in the thread about the theme_library.php and that works!!!!

/**
 * Class theme_library.
 */
class theme_library
{

	/**
	 * Provides information about external libraries.
	 */
	function config()
	{
		return array();
	}

	/**
	 * Alters library information before detection and caching takes place.
	 */
	function config_alter(&$libraries)
	{
		// Bootstrap (CDN).
		$libraries['cdn.bootstrap5']['library_path'] = 'https://cdn.jsdelivr.net/npm/[email protected]';
		$libraries['cdn.bootstrap5']['path'] = '';
		$libraries['cdn.bootstrap5']['version_arguments']['pattern'] = '/(\d\.\d\.\d\-[a-z]*)/';

		// Bootstrap (local).
		$libraries['bootstrap5']['library_path'] = '{e_THEME}bootstrap_5_classic/';
		$libraries['bootstrap5']['path'] = '';
		$libraries['bootstrap5']['theme']	= '';
		$libraries['bootstrap5']['version']	= '5.3.2';		
		$libraries['bootstrap5']['version_arguments']['pattern'] = '/(\d\.\d\.\d\-[a-z]*)/';
	}

}

THX, #1725 was from 2017, 6 years ago.... and you remembered it.. fantastic!

(edit) I was too enthusiastic for a moment, it turned out that I had to change some things... now it works, both locally and from the CDN...

[Jimmi08]

@Alex-e107nl I can see you use variable footers. Do they have menus too? How did you solve menu manager issues then? I can't wait when you to publish this theme to see how you solved this.
On second thoughts - you probably select between different footers for the whole site, not separated footer for each layout.

[Alex-e107nl]

That's right Jimmi, just sitewide.... sorry but if you have not invented it.... i am not as good as you!

[Jimmi08]

In theme shortcodes or from separated footer files? And your menu manager is working normally? Jut curious.

[Alex-e107nl]

I am now finishing the last things, then I will email you the theme, I would appreciate it if you would take a look at it to correct any errors! And think as I do, it should be simple, change headers, change footers and everything that is not standard should also be able to be disabled via the theme admin, that was the approach of this theme for me together with bootstrap 5.3.2. just a standard theme that I can continue to work with to develop designs with everything I understand in it :-)