Zen Wireframe Business Edition

Zen Wireframe Business Edition is a turnkey sample TYPO3 web site and project starter. Add your own HTML/XHTML designs or use Core XHTML templates provided. Core and Business Wireframes use the same file directory structure for organizing and porting TYPO3 extension templates between projects.




Zen Wireframe's evolution is the result of 4 years of feedback from clients and subscribers. Wireframe Core and Business use the same standards compliant Core XHTML templates. Wireframe business includes more pre-configured TYPO3 extension Typoscript templates.

Cosmetic enhancements to many popular TYPO3 HTML/CSS extensions seen here and sample data for extensions are included to jump start project development. Zen Wireframe also includes a Frontend and a Backend user with user groups for demonstration and production.

Please read the FAQ section for additional information.

TYPO3 Pagetree Export / Import Tool

Zen Wireframe was designed to be used with the TYPO3 Pagetree Export / Import Tool for rapid project development.


Zen Wireframe Core contains less TYPO3 extension plugins, extension Typoscript templates and extension HTML/CSS files than Zen Wireframe Business. Core and Business Wireframes were created to be used together or separately to save time.

The development strategy is to use Zen Wireframe Business and the TYPO3 Pagetree Export / Import Tool to export pages containing extensions from Zen Wireframe Business into Zen Wireframe Core or another TYPO3 project.

If you need most extensions in Zen Wireframe Business for your project, begin with Zen Wireframe Business and move unused extension pages into the storage folder (pid=2) for future use.

To create a .t3d Pagetree export for Core or another project, begin with the steps on the left. Click on the page to be exported and click "More options...". Next, click "Export to .t3d".


Configuring the .t3d Export

Next select the level of pages to export, select [All tables], click "Update" and proceed to Exclude all files.

Download the .t3d Export File

The next 2 steps involve clicking "Update" to Exclude files then "Download export".

Import the .t3d File

This the same process as installing Zen Wireframe. The only difference is, the .t3d file is imported at the root page (id=1) as shown here. If you are not familiar with how to import a .t3d file please Click Here.

Make sure you include the necessary Extension HTML and CSS files before importing. If you forget, simply upload them and Clear all caches.



Final Steps

Because TYPO3 renumbers imported pages sequentially, the last thing you will need to do is edit the Extension TypoScript template to point to the new Page IDs. 

For example, the news record storage folder for storing and retrieving news records in Zen Wireframe Business is news posts Page ID 63 (pid=63), single page news articles are displayed on News article Page ID 64 (pid=64) and the Archive and Category views point to News Page ID 60 (pid=60).



plugin.tt_news {
  pid_list = 63
  singlePid = 64
  catSelectorTargetPid = 60
  archiveTypoLink.parameter = 60
  10.typolink.parameter = 60
}

About