t3brightside/microtemplate

TYPO3 CMS template extension – one pager with light box like sub pages.

Microtemplate

TYPO3 CMS template extension for one page sites with light box like sub pages.

• Demo
• Microtemplate in TYPO3 Now Package

Be aware...

Quite likely most major versions introduce breaking changes, without describing every single one. This is a place for us to try out and learn about new ways of doing things. Always trying to improve the speed, usability and SEO.

System requirements

• TYPO3
• fluid_styled_content
• containeritems

Features

• Can be installed in multi domain setup or just for a sub page
• Configurable color schemes
• Automatic menu of section titles or first level of sub pages
• Automatic language menu
• Social links in menu
• Content columns & accordions
• Section background (colour, image with effects, video)
• Section scroll in effect
• Dark mode support
• GDPR friendly

Install

• composer req t3brightside/microtemplate or from TYPO3 extension repository microtemplate
• Include static templates in that order: fluid_styled_content, advancedpagetitle, personnel, pagelist, youtubevideo, etc, containeritems section, microtemplate scripts, microtemplate
• Use TypoScript constant editor for customisation
• Set microtemplate.customCss constant copy the original file if desired and set your logo and .home CSS according your needs
• Edit home page to set 'Resources -> Include Page TSConfig -> Microtemplate – Main' and save
• Edit home page to set 'Appearance -> Page layout -> Backend layout (this page only) -> Home' and 'Appearance -> Page layout (subpages of this page) -> Backend layout -> Sub'
• Demo content and recommended packages: microstart

Editors

• To exclude content section from main menu uncheck 'Appearance -> Show in Section Menus' in section settings.

Admins

• To alter back end settings see: Configuration/TypoScript/PageTS/setup.ts

Recommended

These extensions are preconfigured and tested in Microtemplate

• pagelist – Page teasers, articles, events etc
• personnel – Contact persons information with vCard support
• gallerycontent – Gallery with preset crop ratios
• youtubevideo – YouTube videos with cover images and cover text
• favicon – Favicon extension
• advancedtitle – Page title prefix and suffix

Clean up the BE editing

• beux - Experiment to clean up back end editing for Microtemplate

To speed things up

• staticfilecache - Write pages into HTML files to save chunk of time

Sources

• GitHub
• Packagist
• TER

Development and maintenance

Brightside OÜ – TYPO3 development and hosting specialised web agency

microtemplate's Issues

template, css, js missing

Hi, i'm trying to run the extension with a fresh T3 10 installation, but some things seems not to work.
Static TS is added.
But there is no layout to choose from:

frontend looks nearly without css, and the all.js has only some lines of code.

Thanks a lot

hmbrgr is not defined

Hi, I have the following problem: On pages of the type "sub" there is a js error message:
"Uncaught ReferenceError: hmbrgr is not defined at merged-123...js?1675599052:102:1" and the code in line 102 (highlighted) is:
hmbrgr.onclick = function() {
hmbrgr.classList.toggle('open');
menu.classList.toggle('open');
header.classList.toggle('force-bg');
}
What can be done to fix the error?
Greetings,
mike

...

SVG data image

There's a problem in some browsers with the (+) / (-) SVGs as backround data-image defined in ge-accordion.css: They don't appear in current FF and Chrome Versions. To fix it I had to convert # into %23.

I got the hint from https://stackoverflow.com/questions/30733607/svg-data-image-not-working-on-firefox-or-chrome-72

Error after Creating Gridelements Section on TYPO3 9.5.3

After creating a Section via Content Wizard the following error message comes up:

Oops, an error occurred!
Data structure file /var/www/vhosts/testseite/typo3conf/ext/microtemplate/extensions/gridelements/Configuration/FlexForm/ge-section.xml could not be resolved to an existing file

Error log

Hi Tanel, first of all thanks for this great template! I noticed some logs with errors (.../typo3temp/var/log/typo3_a0a90dd321.log).
Is it the template or the installation? The error is:

Mon, Jun 06 2022 19:47:15 +0200 [WARNING] request="8483a2e3fcc78" component="TYPO3.CMS.Core.TypoScript.Parser.TypoScriptParser": No file or folder found for importing TypoScript on "EXT:microtemplate/ Configuration/PageTS/extensions.typoscript".

Greetings from Munster

cant get frontend_editing working

i tried https://docs.typo3.org/typo3cms/extensions/frontend_editing/stable/InlineEditing/Index.html .

in the files from folder
/microtemplate/Resources/Private/Templates/Content/*

nothing get through

Section background image generation is not working in 11.5

maybe an improvement?

This is one of the greatest Templates for T3. Maybe a suggestion for improvement: Would it be possible to integrate a responsive click-to-call button in the header in future versions, which could be controlled via the constants? Then the template would actually be one of the best out-of-the-box landing pages,too :-)

Content overflows element

Consider changing the following style to prevent content overflowing the section when the screen height is below 590px.

microtemplate/Resources/Public/Styles/Page/microtemplate.css

Line 722 in c8dad3e

@media screen and (max-height: 590px) {

The following works for me.

@media screen and (max-height: 590px)
.ge-section.fullheight {
    min-height: 100vh;
}

No horizontal menu?

Hi!
Isnt it possible to show a horizontal menubar when i am using a desktop-pc? I liked the old way of navigation very much. Dont know if it is a bug or a feature to show only the "phone-navigation".

thanks a lot for your work so far

greetings
Jens

conflict with container?

Hello,
Could it be that breakpoints for Personnel and Pagelist no longer work correctly after updating the container Ext (Container Content Elements) to version 2.0.0/2.0.1? Now, 3 columns are also displayed on mobile phones.
Best,
Mike
Oh, found out, it was a conflict with waconCookieConsent - Not a conflict

Text & Media - Media Adjustments

Hey Tanel Põld, thanks for your top extension!
Text & Media - Media Adjustments don't work. Values set for width and height have no effect.
Thx. + Greets

background images are not rendered + missing } in inline css

hello,
i try to use the microtemplate with typo3 11.5.10
it seems that rendering the background images are not working. every background image has a 1px x 1px size.

in styles.typoscript in line 140 there is a missing }
#header {background-color: {$microtemplate.header-bg}

best regards
jk

Pop Up Problem

dear sirs and madamy,

i installes your typo3 extension by following your instructions in the documentations.
The basic setup ws fine but when i wanted to ad subpages with popup links following error message shows up at the subpage

Oops, an error occurred! Code: 2018050916120377194aaf The argument "additionalAttributes" was registered with type "array", but is of type "string" in view helper "TYPO3\CMS\Fluid\ViewHelpers\Link\PageViewHelper". exception code:1256475113 file:/typo3fluid/fluid/src/Core/ViewHelper/AbstractViewHelper.php line:356 fh_debug trace: file: /typo3fluid/fluid/src/Core/ViewHelper/AbstractViewHelper.php" line:247 function:validateArguments file: /typo3fluid/fluid/src/Core/ViewHelper/ViewHelperInvoker.php" line:79 function:initializeArgumentsAndRender file: /typo3fluid/fluid/src/Core/Parser/SyntaxTree/ViewHelperNode.php" line:153 function:invoke file: /typo3fluid/fluid/src/Core/Parser/SyntaxTree/AbstractNode.php" line:58 function:evaluate file: /typo3fluid/fluid/src/Core/Parser/SyntaxTree/AbstractNode.php" line:40 function:evaluateChildNode file: /typo3fluid/fluid/src/Core/ViewHelper/AbstractViewHelper.php" line:304 function:evaluateChildNodes file: /typo3fluid/fluid/src/ViewHelpers/ThenViewHelper.php" line:35 function:renderChildren file: " line: function:render

What can i do about it? many thanks for your help

Gery

i would