karavas / foundation-zurb-framework
Installs: 8
Dependents: 0
Suggesters: 0
Security: 0
Stars: 1
Watchers: 1
Forks: 1
Open Issues: 0
Type:typo3-cms-extension
Requires
- typo3/cms-core: ^9.5
Replaces
- foundation_zurb_framework: 10.0.2
- typo3-ter/foundation-zurb-framework: 10.0.2
README
Create Foundation content elements in TYPO3
For administrators
The extension needs to be installed as any other extension of TYPO3 CMS:
- Switch on the Extensions module
- On the upper left corner select the "Get Extensions" from the select menu
- On the search bar, type: foundation_zurb_framework
- Click on the cloud icon and download the extension
Preparation: Include static TypoScript
The extension ships some TypoScript code which needs to be included.
- Switch on the Template module
- Go to your root page
- Switch to the Edit the whole template record
- Switch to the Includes tab
- Choose the Include Foundation Zurb static template
- Save and close your settings
Include PageTS
The extension ships TSConfig too:
- Switch to your root page
- Edit the page
- Switch to Resources
- Include Foundation Zurb - BackendLayouts (foundation_zurb_framework)
- Include Foundation Zurb - PageTS (foundation_zurb_framework)
- Save
Include your version of Foundation Zurb
Apply your own templates
Define on your TypoScript file the path that your templates are located.
tt_content {
foundation_reveal {
templateRootPaths.500 = EXT:yourExtention/Resources/Private/Templates/
partialRootPaths.500 = EXT:yourExtention/Resources/Private/Partials/
templateName = Reveal.html
}
}
For editors
- Switch on the Page module
- Choose the page on the Pagetree that you would like the content element to be placed
- Click on the content button to create a new content element
- Switch to Foundation Zurb Elements
- Choose your content element
Attention
For the foundation Button, the expanded classes are not yet implemented with the Foundation Zurb 6.4.3 so if you really want to use it you should include the following CSS to your project:
https://gist.github.com/rafibomb/2497ca75ceedfa3f5ccf3ba146eae295
Include a navigation menu
The version 1.0.6 brings the Foundation Zurb responsive navigation. How you can use it: