With the free TYPO3 template you can start creating content immediately and your website will be online in no time. You don't have to worry about design, templates or TypoScript code, you can get started right away.
This is what it looks like: Live version of our TYPO3 template
Own mission or full-service flight?
The TYPO3 14 template is available as a free download. You can use the template directly with us or with other providers. Please note that we cannot offer you support with other providers.
Do you want to reach the stars particularly quickly with a new website? Then simply book our free TYPO3 Developer plan without obligation for 3 months. The template (as in all our hosting packages) is already pre-installed and you can get started right away.
Download the latest version of the TYPO3 template (tar.gz archive)
System check: TYPO3 v14 requires at least PHP 8.3 and MySQL 8.0.17 or MariaDB 10.4.3.
The on-board equipment for your project:
Our project template provides a flexible base station that you can completely customize according to your wishes. To ensure that your flight to the stars is as safe as possible, we have taken the most important issues for current online projects into account when creating the template:
- Responsive web design: optimized for all galaxies (desktop, tablet and smartphone).
- Short loading times: Warp speed and clean code according to the current state of the art.
- Secure navigation: Search engine optimized and prepared for accessibility.
- Fully equipped: Examples of all standard content elements directly on board.
- Visually and functionally customizable
The template can be used as the basis for your own website and represents a "best practice" example. Here you can learn how to set up a TYPO3 project. It is not intended to be a design template, but a project template. You can adapt the design to your own ideas.
Long-term mission without relaunch
The template uses TYPO3 Version 14 LTS. This keeps your project on track until at least October 2028 (with Extended Support even until 2031).
Proven technology since 2008
Our sample project is not a prototype. We have been developing this template with every TYPO3 generation for over 15 years. Learn more about the history of our mission.
The system specifications of the TYPO3 template
We have deliberately kept the systems on board lean and efficient. But every successful mission needs certain modules to be successful, which is why we have pre-installed them:
- News center: Current messages always in view (Extension: news).
- Modular design: Flexible multi-column layouts (extension: container).
- Galactic highlights: Elegant lightbox for image display.
- Security check: Integrated, configurable cookie consent manager.
For the jump to TYPO3 v14 we have optimized the engines and added new modules:
- AI marker: In the backend, you can easily mark AI-generated images as such via a checkbox. An informative tooltip will then automatically appear in the frontend. AI labeling requirement: Check!
- Color configurator: From now on, you can adjust the look of your website directly in the backend via the site settings using an intuitive color picker.
- Fluid Components: The use of Fluid Components (including best practice examples) allows you to implement a cleaner template structure.
- One-pager mode: Instead of a website with subpages, your web presence can now also be completely implemented as a modern one-pager.
- Next-gen graphics: Full support of WebP images for minimal file sizes with maximum quality.
- Contrast button: With the new button in the frontend, visitors can immediately switch the display to a high-contrast view - for optimum readability and greater accessibility.
- Barrier-free navigation: Visual accessibility has been further optimized to ensure a smooth journey for all passengers.
We have also significantly increased efficiency in the engine room: CSS and JS are now integrated via assets instead of TypoScript, which, together with in-depth CSS optimizations, ensures real warp-speed loading times. For maximum rendering performance, we have switched to the new PAGEVIEW content object, as in the TYPO3 13 template, and outsourced image calculation to a separate DataProcessor for clean logic separation.
Radio contact to the ground station
Do you have suggestions and ideas for improving our template? Simply contact us at hosting(at)jweiland.net
What does the TYPO3 template from jweiland.net cost?
The template is included in all new TYPO3 hosting packages from jweiland.net and is already pre-installed. It can be downloaded and used free of charge from this website (see download link above)
Install the TYPO3 template yourself
When you order a hosting plan (including the free DEVELOPER plan), the TYPO3 template is already installed by us.
If you would like to install the template in an existing hosting package yourself, we will show you all the necessary steps:
- Create a new database (MariaDB version 10.11) via the customer menu (Plesk) or a comparable version in Classic Hosting.
- Log in to the web server via SSH (instructions for Windows, MacOS and Linux).
- Unpack the TYPO3 source code (typo3_src-14.3.x.tar.gz) if it is not already in the typo3cms directory.
- Unpack the archive (sitepackage-14.3.x.tar.gz).
- Adjust the database parameters in typo3conf/system/settings.php.
- Import the database file typo3conf/sitepackage.sql into the new, empty database.
- Adapt/create symlink to TYPO3 14.3.x source code.
- Have the document root of the domain point to the directory.
- Log in to the TYPO3 backend (user: typo3-admin, password: Password1!)
Change the password immediately after installation! - Call up Websites→Setup.
- Click the pencil and change the domain name.
- Create a 301 redirect to the desired domain (with or without www.) in .htaccess.
Change user name and password
For security reasons, we strongly advise you to change the username and password of the default user account immediately after logging in to the backend for the first time! The password can be changed in the System module under User settings.
The password must meet the following requirements:
Minimum length: 8 characters
At least one character in upper case
At least one lower case letter
At least one digit
At least one special character
Must be different from the current password
Change the language of the backend
The TYPO3 backend can be used in many different languages. English and German are already pre-installed, but other languages can also be installed very easily by the administrator.
Incidentally, every backend user can set their preferred language in the user settings.
Configuration of the website
Some basic settings for the website can be made via the "Websites" module in the "Setup" area. You must customize these for your website.
- General: ID of the start page, title of the website, domain
- Languages: add additional languages or remove unused ones
- Error handling: Configure what should happen in the event of an HTTP error status code.
The default setting is a 404 error page that appears when users access an invalid URL. - Static routes: The robots.txt is stored here, which defines the searchability of the website for search engines.
A newly installed TYPO3 template cannot be indexed by Google or other search engines. This is prevented by entries in a file called robots.txt. The settings should be adjusted when going live.
Visual adjustments to the layout with CSS and site settings
1. adjust colors via the site settings
In the new version of the template, you no longer need to edit files for basic color adjustments. The primary colors, secondary colors and other accent colors can be adjusted directly in the module "Websites" → "Setup" → click on the cogwheel.
There you will find a "Colors" tab where you can easily select the desired values using a color picker. These colors are automatically applied to the respective website.
2. special CSS variables for detailed adjustments
The template uses modern CSS variables for further visual refinements (such as specific spacing or font sizes) that go beyond the site settings. These can be found in the site package under:
/typo3conf/ext/jwsitepackage/Resources/Public/Css/CssVariables
To access this file with CSS variables from the backend in the file list, you must create a new data set of the type "File storage" via the "Content" → "Data sets" module and enter the path above in the "Base path" field (see screenshot). You can then edit the file in the File module. The CSS variables in this file are used in all stylesheets of the template.
3. abandonment of SCSS
In the new v14 template, we have deliberately decided against SCSS in order to reduce complexity. Since modern browsers fully support native CSS variables and nesting, compilation is no longer necessary.
No build process: Changes to the CSS files are visible immediately after the frontend cache has been emptied.
Future-proof: We rely on pure, standard-compliant CSS that is interpreted directly by the browser.
Individual adjustments in the site settings
Since TYPO3 version 13, the tasks of the constants editor have been transferred to the site settings. With the introduction of the Site Settings Editor, these settings can now be configured directly via the backend module "Websites" → "Setup" → "Site Settings", replacing the previous management via TypoScript constants.
Many functions and output options of the TYPO3 template can be conveniently controlled in the backend via the site settings. You can access the site settings as follows:
- Click on "Settings" in the Site Websites module.
- Click on the "Edit site settings" cogwheel on your page.
- If necessary, select a category from the menu on the left-hand side.
The various setting options are described in this site settings editor and can be customized as required. Here are a few examples.
Replace the logo in the header area
You will find a logo at the top left of every page, which is always automatically linked to the homepage.
How can you use your logo?
To replace our example logo, proceed as follows:
- Upload your logo file via the file module under "Media" (file format JPG, PNG or SVG recommended). If necessary, create a suitable folder to organize your files.
- Click on "Setup" in the Websites module.
- Click on the "Edit site settings" cogwheel.
- Select the "jweiland.net general settings" category in the menu.
- Scroll down to the "Layout" section.
- Click in the "Logo" field.
- Enter the path to your logo file here (for example fileadmin/logos/my_logo.png).
- Click on the "Save" button at the top.
Customize company name
One of the first steps in customizing the TYPO3 template should be to change the company name. This can be seen at the bottom of every page, for example. Of course, you can also enter your personal name or any other text here instead of a company name.
How can you change the company name?
Carry out the following steps:
- Click on "Setup" in the Websites module.
- Click on the "Edit site settings" cogwheel.
- Select the "jweiland.net General Settings" category in the menu.
- Scroll down to the "Layout" section.
- Click in the "Company name" field and customize the company name.
- Finally, click on the "Save" button at the top
Replace favicon and appicon
Favicons are small images that are displayed in the browser title bar / browser tab, for example. Usually a company logo or similar is used here.
The TYPO3 template is prepared for the use of individual favicons. Touch icons (app icons) for smartphones and tablets are also created.
Both types of icons can be easily exchanged via the site settings editor.
Please note:
- The image file for the favicon and the standard touch icons must be square.
- The second variant of the image, which is particularly useful for Windows phones, requires an aspect ratio of 31:15, for example: width 310 px, height 150 px
- Use an image file in PNG or JPG format. PNG is recommended. Since different variants are created dynamically in the TYPO3 template, the classic ICO files do not work here. However, these are no longer needed nowadays.
How can you replace the favicon and appicon?
To customize the files, proceed as follows:
- Click on "Setup" in the Websites module.
- Click on the "Edit site settings" cogwheel.
- Select the "jweiland.net general settings" category in the menu.
- Scroll down to the "Layout" section.
- Click in the fields "App-/Favicon Square" or "App-/Favicon Wide" to activate the input field.
- Enter the path to your image file in the input field. This can be located below fileadmin/ or in a separate extension:
- Example for fileadmin: fileadmin/mydirectory/images/appicon-square.png
- Example of an extension: EXT:myextension/Resources/Public/Icons/appicon-square.png
- Finally, click on "Save" at the top.
- If the change is not immediately visible, you must delete the frontend cache and also your browser cache.
Navigation variants
Horizontal navigation is used as standard. If a page has further subpages, these are displayed as a so-called "drop-down menu".
In addition, different variants can be activated via the constants editor:
- Horizontal navigation (default)
- Vertical navigation
- Horizontal and vertical navigation
In addition, the so-called "mega menu" can be selected for the horizontal menu via the navigation type.
How can you change the default navigation?
Carry out the following steps to change the default navigation:
- Click on "Setup" in the Websites module.
- Click on the "Edit site settings" cogwheel.
- Select the "jweiland.net general settings" category in the menu.
- Scroll down to the "Navigation settings" section.
- The fields for selecting a navigation type are available here
- Finally, click on the "Save" button at the top
Hide the language menu
The TYPO3 template is delivered in 2 languages (German, English). However, if you only want to run your website in one language, you can hide the language menu.
How can you hide the language menu?
Carry out the following steps to hide the language menu:
- Click on "Setup" in the Websites module.
- Click on the "Edit site settings" cogwheel.
- Select the category "jweiland.net general settings" in the menu.
- Scroll down to the "Navigation settings" section.
- Under "Navigation settings", deactivate the "Show language menu" field.
- Finally, click on the "Save" button at the top
Hide the search function
We have also integrated a search function for the website into the TYPO3 template. We use the standard extension "indexed_search". (There are other, sometimes more powerful search extensions such as "ke_search" or"solr").
How can you hide the search function?
Carry out the following steps to hide the search function:
- Click on "Setup" in the Websites module.
- Click on the "Edit site settings" cogwheel.
- Select the category "jweiland.net general settings" in the menu.
- Scroll down to the "Navigation settings" section.
- Under "Navigation settings", deactivate the "Show search field" field
- Finally, click on the "Save" button at the top
Deactivate the contrast button
We have integrated a contrast button in the TYPO3 14 template for greater accessibility. A click on the button ensures that the website is displayed in black and white. An optimal contrast for all visitors to the website. If required, this function can be deactivated via the site settings.
How can you deactivate the contrast button?
Carry out the following steps to hide the contrast button:
- Click on "Setup" in the Websites module.
- Click on the "Edit site settings" cogwheel.
- Select the category "jweiland.net general settings" in the menu.
- Scroll down to the "Navigation settings" section.
- Under "Navigation settings", deactivate the "Show contrast button" field
- Finally, click on the "Save" button at the top
Fixed header
The TYPO3 template is output with a fixed header area. This means that it always remains visible when scrolling the website. If this is not desired, it can be deactivated.
How can you deactivate the fixed header?
Carry out the following steps to deactivate the fixed header:
- Click on "Setup" in the Websites module.
- Click on the "Edit site settings" cogwheel.
- Select the category "jweiland.net General Settings" in the menu.
- Scroll down to the "Layout" section.
- Under "Layout", deactivate the "Fixed header" field
- Finally, click on the "Save" button at the top
Show content when scrolling
When scrolling a page, the content elements slowly fade in. If this is not desired, you can deactivate it.
How can you deactivate the display of content elements?
Carry out the following steps to deactivate the display of content elements:
- Click on "Setup" in the Websites module.
- Click on the "Edit site settings" cogwheel.
- Select the category "jweiland.net general settings" in the menu.
- Scroll down to the "Layout" section.
- Under "Layout", deactivate the "Show content elements" field
- Finally, click on the "Save" button at the top
Show RSS feed for news
The TYPO3 template provides an RSS feed for news articles. Visitors can subscribe to this feed to keep up to date with new articles.
If you want to use this feed for your news articles, you must configure it via the constant editor. You can also use a constant to switch the feed off or on in general.
The following must be adjusted:
- The title of the RSS feed
- The description
- The domain name of the website, including protocol (http or https)
If the RSS icon with the social media icons is to be displayed as a content element (menu of the subpages with layout "Social media links of pages"), then activate "RSS icon in social media icons content element" in the constant editor.
Page layouts
The TYPO3 template provides various page layouts to display the editorial content in a certain structure. These can be changed editorially in the page properties under the tab Appearance, Backend layout.
Together with the multi-column options of the extension container, the majority of common layout requirements can be covered.
One-Pager
With the TYPO3 14 template, you can easily create a so-called one-pager instead of a website with several subpages. A one-pager is a website that is built entirely on a single HTML page. All content - e.g. About us, Services, References, Contact - is located one below the other in different sections. The navigation menu does not link to separate pages, but jumps directly to the respective section on the same page via smooth scroll (<a href="#leistungen">).
A one-pager is ideal for focused, streamlined websites. However, as soon as a company grows or SEO plays a role, a classic multi-page structure is the better choice.
How can you create a one-pager?
Proceed as follows:
- Your homepage is the one-pager with the sections and all content
- Create subpages of the "Link" type for the navigation (About us, Services, etc.)
- Enter an anchor jump to the desired section of the start page as the "Link target"
- Save and check the start page in the frontend to see if the link is set correctly
Edit and customize footer area
Any content elements can be displayed in the footer area of the website. These are maintained centrally on a special page and automatically displayed on the entire website.
Editorially, it is possible to choose between a one, two or three-column layout (backend layout) in the page properties under the "Appearance" tab.
Social media icons
If you want to link to social media channels on your website, there is an extra layout "Social media links from pages" in the "Subpages" menu. This content element is already inserted on the Footer content page.
Some social media pages below the "Social media links" page are already prepared for you.
In the page properties, there is a corresponding icon for each page below the Resources tab.
All you have to do is change the page type to External page in the page properties and enter the individual link to your social media channel.
Pages for meta navigation in the footer
In the footer of the page you will see a so-called "meta navigation" with links to various pages (Home, Contact, Imprint, Privacy). These pages can be edited, deleted and supplemented with additional pages in the backend under "Metamenu". Please note that the Imprint and Data protection pages must be customized with individual information.
Search engine optimization (SEO)
In TYPO3 14 LTS, you no longer need an additional extension for basic SEO functions. The manual adjustment of the page title, the control of indexing by search engines and the generation of the canonical tag are among the standard functions.
You will find an "SEO" tab in the page properties
- Title for search engines: here you can manually overwrite the automatically generated page title (<title> tag in HTML)
- Description for search engines: here you can insert the text for the meta description
- Robot instructions:
- Index this page: controls whether search engines index the current page or not (meta tag robots="noindex" or "index" in HTML)
- Follow this page: controls whether search engine bots follow the links on the current page or not (meta tag robots="follow" or "nofollow" in HTML)
Search engine optimization and accessibility also include filling in the meta data for every file that is integrated on the website.
This meta data can be managed for every file that is used in the backend. Meta data can be, for example, an "alternative text" for images or copyright information. In some cases, this metadata is also automatically output in the frontend if it is available.
There are two ways to maintain this metadata:
- per content element on the files used there
- globally via the media backend module
The global way has the advantage that you only have to maintain this data once per file. If you then use the file in a content element (even multiple times on different pages), the globally maintained metadata is automatically used.
Nevertheless, you still have the option of overwriting the global metadata locally for each content element if required.
Crop variants for images in content elements
We use "Responsive Image Rendering" in the TYPO3 template. This means that, depending on the end device used to view the website, an image optimized in size for this device is delivered. The browser on a smartphone therefore receives a smaller image than the browser on a desktop computer.
This greatly improves the performance of the website, as it naturally makes little sense to deliver large images (= large amounts of data) to devices that can only display the images smaller anyway.
As a user, however, you don't have to worry about this at all, TYPO3 does this fully automatically in the background.
If the checkbox "Apply changes in all crop variants" is checked, the system uses the setting selected under Desktop for all screen resolutions. If the image section should be different depending on the screen width (desktop, tablet, smartphone), the check mark must be removed. You can then configure the sections for each image individually in the editor.
Image gallery with square thumbnails
To implement an image gallery with TYPO3, you don't really need an extension. It can also be done very well with on-board tools.
To improve the display of such galleries a little, we have added the option to display square preview images of the pictures. By clicking on the images in the lightbox, they are displayed in their original aspect ratio.
How can you create image galleries with square thumbnails?
Follow these steps:
- Select the Text & Media content element
- Insert your images below the Media tab. These images are automatically displayed square in the preview. If the section does not fit, you can change it in the image editor by selecting the ratio 1:1
- Set the "Number of columns" to 3 or 4 and activate the "Enlarge on click" checkbox
- Under the Appearance → "Layout" tab, select the "Gallery with square thumbnails" option
- Save and you're done
Expand and collapse content element
A function often requested in customer projects is integrated in the template: the option to display content elements in the frontend in an expandable and collapsible form.
Especially with long texts or a lot of content on a page, this gives you an option to make the texts clearer.
We have also integrated the option of displaying content elements in expandable and collapsible form only on smartphones, i.e. small screens. On larger screens, these content elements are displayed "normally".
Hero Image
In the TYPO3 template, we have added a content element that allows the editor to position text in different variants over an image. The settings can be made in the content element under the tab "Appearance" → "Layout" and "Frame".
- Text left
- Text in the middle
- Text right
- Text on dark background
- Text on light background
- Text without background
As image height and text length must be coordinated in the output, there is an option in the site settings to limit the maximum text length for editors.
- Click on "Setup" in the Websites module.
- Click on the "Edit site settings" cogwheel.
- Select the category "jweiland.net General Settings" in the menu.
- Scroll down to the "Layout" section.
- Scroll to the field "Maximum number of characters for the body text on the hero image".
- Adjust the desired number of characters accordingly.
- Finally, click on the "Save" button at the top.
News extension for news
News articles, blog articles or similar can be maintained with the "News" extension supplied.
A news article consists of at least a headline, usually a teaser text and the actual news text. In addition, images, files, relevant links and more can be added to articles.
News articles differ from normal content elements in that they are usually collected centrally in a directory. The output of the articles on the website is controlled by the news content element with various types.
Different list views for news articles
The news extension provides a list view for news articles by default. In addition, we have configured two further display types in the TYPO3 template:
- a reduced list view that can be used, for example, on the homepage of the website for the latest news items
- a card view, which can be used as an alternative to the standard view.
In each news plugin, the desired display type can be selected under the "Plug-in" tab under "Template" → "Template layout".
Note on the news_administration extension: We do not integrate any paid extensions into our SitePackage. This function is therefore not available.
Configure the Cookie Consent Manager
Although TYPO3 does not set any cookies in the frontend in the standard configuration, we have integrated a tool that displays a so-called "cookie banner" to visitors to the website. If cookies are to be set by the site, visitors have the option of agreeing to the use of individual or all cookies, or generally rejecting cookies.
In a newly installed TYPO3 template, the consent to cookies from Youtube or Vimeo is requested, as we also include a Vimeo video on a demo page.
You can control the behavior of the cookie banner via the Site Settings Editor. You can also deactivate it completely if your website does not set any third-party cookies.
Note: Cookies for logging in to the backend or frontend are technically necessary cookies that do not need to be pointed out separately.
We have also preconfigured the Cookie Manager for common tools. You only need to add the relevant information in the site settings to use the following tools:
- Matomo
- Google Analytics
- Facebook Pixel
- Youtube / Vimeo
Since version 13.2.0 of our template for TYPO3, we have also preconfigured the Google Tag Manager.
Translate the Cookie Consent Manager
Of course, you can add any other languages you like. However, the texts in the Consent Manager must then also be translated if necessary. To do this, you must edit the following file via SSH or FTP:
typo3conf/ext/jwsitepackage/Resources/Private/Page/Templates/Partials/Klaro.html
What is the cache and why it needs to be cleared from time to time
To speed up the delivery of a website, TYPO3 uses various cache mechanisms. The cache is a type of temporary storage so that TYPO3 does not have to regenerate the requested page every time the frontend is called up.
The cache of a page is automatically deleted when an editor saves a new content element on a page.
In the backend, editors can delete the page cache by clicking on the lightning bolt icon.
What about updates?
The project is under continuous development. The current version 14.3.1 of the template from April 2026 is based on TYPO3 version 14 LTS and is automatically available in the cloud hosting packages.
Please note, however, that existing installations cannot be updated automatically, as each customer can make individual changes to the TYPO3 template files. With automatic updates, these changes would be overwritten.
We log all important changes in the change log so that you can add new functions or bug fixes if necessary.
Update the TYPO3 template
If you have previously used the sample project 13, you can of course upgrade to TYPO3 version 14.
After the successful upgrade, there are two options:
1. you continue to use the sample project extension, version 13 (jwmusterprojekt13), in TYPO3 V14
Advantages:
- You have a current TYPO3 version
- If you have made your own customizations to the files of sample project 13 (CSS, TypoScript, fluid templates, etc.), these customizations are still available and the website simply continues to work in the frontend as before
Disadvantages:
- You cannot use the new functions of the site package for version 14 (jwsitepackage14).
Steps for upgrading the sample project 13 for TYPO3 V14
In these instructions, we assume a sample project 13 in its original state, which has not been changed apart from adjustments in the Site Settings Editor and the stylesheets. Additional measures may be required for more extensive changes.
- Please follow the instructions in our general upgrade guide
- Deactivate the extensions jwsitepackage13 and container
- Perform the TYPO3 core upgrade to version 14
- Execute upgrade wizards, delete TYPO3 and PHP cache, execute Analyze Database Structure
- Perform all extension updates and reactivate the extension container
- The following adjustments must now be made to sample project 13:
- Adjust the version numbers in the files composer.json and ext_emconf.php under "require" and 'depends' respectively
- in the file typo3conf/ext/jwsitepackage/Classes/ViewHelpers/ExistsViewHelper.phpadd at the end of line 69: public function render(): mixed (type "mixed")
- in the file typo3conf/system/settings.php or via the InstallTool under $GLOBALS['TYPO3_CONF_VARS']['SYS'] add 'systemLocale' => 'de_DE.UTF-8'
- Replace the .htaccess file in the root directory with the default .htaccess of TYPO3 v14 or with the one from our template for TYPO3 version 14
Now you can reactivate the jwsitepackage13 extension. Then delete the PHP cache and run Analyze Database Structure and Rebuild PHP Autoload Information. Then go to the backend module "System > Maintenance" and update the reference index.
2. you replace the sitepackage extension version 13 (jwmusterprojekt13) with version 14 (jwsitepackage14).
Advantages:
- You also have a current TYPO3 version
- You have all the new functions of Sitepackage V14
Disadvantages:
- If you have made your own adjustments to files of the sample project V13 (CSS, TypoScript, Fluidtemplates etc.), you must manually transfer these adjustments to the corresponding files of the Sitepackage V14. Automatic migration is not possible.
So both variants have advantages and disadvantages, and you have to decide for yourself which variant you choose. Of course we can help you with this!
Using the template for TYPO3 in a Composer environment
Since our template for TYPO3 is located on a non-public server, it cannot currently be downloaded via packagist.org or an individual repository. However, you can use the following steps to create a Composer-enabled version from our template for TYPO3. In the following, we explain the steps on our cloud server and locally with DDEV in parallel:
1.) download the current version of the TYPO3 template (tar.gz archive), or use the tar.gz that is already on your server.
2) Install TYPO3 14.3 (see also https://get.typo3.org/version/14)
2.a) On the cloud server:
If you are working on the server, you need the path to the PHP version and to Composer. You can prepend the paths to the command or set a PHP version for the console as the default. Here is the path to PHP version 8.3 and Composer:
/opt/alt/php83/usr/bin/php /usr/local/psa/var/modules/composer/composer.pharComplete installation command with paths (with Composer path, the "composer" in the command is omitted):
/opt/alt/php83/usr/bin/php /usr/local/psa/var/modules/composer/composer.phar create-project "typo3/cms-base-distribution:^14.3" site-packageChange to the "site-package" directory just created.
2.b) Local: Make sure that your DDEV installation is up to date. Create a new project folder with the name "site-package" and execute the following commands with your favorite shell:
ddev config --project-type=typo3 --docroot=public --php-version 8.2 --webserver-type 'apache-fpm'
ddev composer create --no-install "typo3/cms-base-distribution:^14.3"
ddev composer install
ddev typo3 setup --server-type=apache --driver=mysqli --host=db --port=3306 --dbname=db --username=db --password=db
ddev restart3) Add the following packages (locally prepend "ddev"):
composer req typo3/cms-indexed-search:^14.3
composer require ichhabrecht/content-defender
composer require jweiland/sync-crop-areas
composer require jweiland/video-shariff
composer require yoast-seo-for-typo3/yoast_seo4) Unpack the downloaded template, e.g. "sitepackage-14.3.20.tar.gz" with
tar -zxvf sitepackage-14.3.20.tar.gzand move the subdirectory sitepackage-14lts/typo3conf/ext/jwsitepackage into the site-package/packages directory of the TYPO3 installation.
5) Copy the directory sitepackage-14lts/typo3conf/sites from the unpacked template into the directory site-package/config (if not already present, create a directory /config)
6) Edit the file /config/sites/main/config.yaml and adapt the first line base: to your domain name. (In a DDEV environment this is [projectfoldername].ddev.site, all lower case and without spaces).
7) Copy the file sitepackage-14lts/typo3conf/system/settings.php from the unpacked template into the directory site-package/config/system/ (if not already present, create a directory /system)
8) Copy the directory sitepackage-14lts/fileadmin from the unpacked template into the directory site-package/public
9) Copy the file sitepackage-14lts/.htaccess from the unpacked template into the directory site-package/public
10) Overwrite the repository entry in the composer.json file in the main directory with the following section (use the version information from the site-package/packages/jwsitepackage/ext_emconf.php file for the [version number]):
"repositories": {
"packages": {
"type": "path",
"url": "./packages/*",
"options": {
"reference": "none",
"symlink": true,
"versions": {
"jweiland/jwsitepackage": "[version number]"
}
}
}
}11) Importing the database
11.a) On the cloud server: If available, use the existing database of the template for TYPO3 or create a new database in the database administration. Then change to the sitepackage-14lts/typo3conf/ directory in the unpacked template and import the sitepackage.sql file into the new database:
mysql -h [hostname] -u [username] -p [database hub] < sitepackage.sqlFinally, enter the password for the new database.
Then enter the connection data to the database in the site-package/config/system/settings.php file.
11.b) Locally: Copy the file sitepackage-14lts/typo3conf/sitepackage.sql from the unpacked template into the site-package directory and import the database with
ddev import-db --file=sitepackage.sql12) Now install the jwsitepackage with the following command (use the version number from the site-package/packages/jwsitepackage/ext_emconf.php file for the [version number]) precede "ddev" locally:
composer req jweiland/jwsitepackage:[version number]On the cloud server: Go to the domain administration and edit your domain so that it points to your project directory in the public directory(httpdocs/typo3cms/site-package/public). Make sure you have the correct PHP version. Now you can call up the website with your domain in the browser.
Locally: with the command:
ddev launchyou can now open your website in the browser.
13) Log in with the standard access data of the template in the backend and change your access data!
14) Select the module "System" → "Maintenance" and then "Manage Language Packs". Click on "Update all"
15) Select the module "System" → "Environment" and click on "Check Directory Status..." Scroll down and click the "Try to fix file and folder permissions" button
16) In the module "System" → "Maintenance" please click on "Flush cache". The installation of the template for TYPO3 with Composer is now complete.
This page contains automatically translated content.