Veröffentlicht am Schreib einen Kommentar

typoscript browser switch

Sometimes you need to detect an user agent, something like a browser switch. In Typoscript you can do it very simple.

For Opera, providing a Opera specific css file.

[browser = opera]
page.includeCSS {
file5 = fileadmin/css/opera.css
}
[END]

For Internet Explorer and version equal or smaller than version 7

[browser = msie] && [version =< 7.0]
page.includeCSS {
file5 = fileadmin/css/ie7.css
}
[END]

You do find more information in the tsref.

Veröffentlicht am Schreib einen Kommentar

mm_forum – which captcha

For a project I installed mm_forum. It is nice, it works more or less out of the box. At one point I get stuck. At the registration process I need a captcha function. In the configuration of mm_forum is a checkbox with whom you can activate the use of a captcha extension but it was not written which extension this could be. There are about 10 extension with captcha functionality.

At least I do understand it. There was written, the „captcha“ extension, what pointed out, that there is an extension with the extension key „captcha“. And it was …



this one



Title „Captcha Library“, extension key „captcha“, version „1.1.1“, last update „03-12-09“, from „Kasper Skårhøj“ and downloaded „20.555“ times.

So I installed it, don’t changed anything at the installation process. It works out of the box with mm_forum.

Veröffentlicht am 2 Kommentare

How to upgrade TYPO3

Backup your entire webroot folder and the database. It is eminent to save the file localconf.php in typo3conf.

You can save the database by using phpMyAdmin or using this command in console

mysqldump -a --add-drop-table   -u'database user name' -p'password'
-h'host' databasename > databasename_date.sql

Download here http://typo3.org/download/packages/ the last stable version. If you have a web case with separated core-files, you only need the „Source“ package. Otherwise you need the „Source + Dummy“ version.  Unzip it on your workstation or use „wget“ on Unix based systems on the web server and decompress it there.

If you have a separated instance, copy the source directory to a place outside webroot, delete the old symlink to source and create new one.

unlink typo3_src
ln -s ../typo3_src-4.3.3 typo3_src

If you haven’t separated source and dummy part, copy all the files to the webroot (overwrite the old ones).

Copy the file „localconf.php“ from your backup to the directory typo3conf (overwriting).

Call the back end of your installation on www.yourDomain.com/typo3/ and log in as Admin.
Create an install unlock file (named ENABLE_INSTALL_TOOL) in the preferences of the admin user. Log in to the Install-Tool.

Click on „Database Analyser“ and then the function „COMPARE“.

If you don’t see any obstacles straightaway, select the check boxes and press the button „Write to database“. Repeat this procedure as often as it is recommended.

Go back to the „DB Check“ on the left module area and check the Reference Index. Run first „Check now“. If some changes could made, then „Update now“.
At the end you should see what was updates and that the „Index Integrity is perfect.“

Delete the entire cache and the cache files under typo3conf. These start with „temp_CACHED_ …“.

Veröffentlicht am Schreib einen Kommentar

No „Translate to“ anymore

You do use TYPO3 nice language features. If you copy content to a new language you don’t like the term „Translate to“ in the title of content elements and want to disable it.

You can change this in TCA. Find

$TCA['tt_content']['columns']['header']['l10n_mode'] = 'prefixLangTitle';
$TCA['tt_content']['columns']['bodytext']['l10n_mode'] = 'prefixLangTitle';

Change it to

$TCA['tt_content']['columns']['header']['l10n_mode'] = '';
$TCA['tt_content']['columns']['bodytext']['l10n_mode'] = '';

So in the header and bodytext the terms „Translate to“ aren’t shown anymore.

Veröffentlicht am Schreib einen Kommentar

Symbolic links in Windows 7

How to create symbolic links in Windows 7?

Open command line in designated directory. Write there:

mklink /J "typo3_src" "../typo3_src-4.4.2"
mklink /J "typo3" "typo3_src/typo3"
mklink /J "t3lib" "typo3_src/t3lib"

So you get a symbolic link from typo3_src to directory typo3_src-4.4.2 lying in the directory above.

Edit: 28.04.2016

Seems it has changed since I first wrote this post. In recent TYPO3 and Win 7 Professional this has changed or let me say, didn’t work how it is stated above. I had to give the complete path, also it has changed in TYPO3 e.g. version 7, that you don’t need to link the lib directory, but the index.php.

In the install description coming with the source of TYPO3 is written:

mklink /D C:\...\example.com\typo3_src C:\...\typo3_src-7.6.x
mklink C:\...\example.com\index.php C:\...\typo3_src-7.6.x\index.php

Even you get managed that file symbolic links work in your instance the core update through Install tool won’t work at all on Windows systems.

Thus that worked for me:

mklink /J "c:/xampp/htdocs/reisen.local/typo3_src" "c:/xampp/myTmp/typo3_sources/typo3_src-7.6.6"
mklink /J "c:/xampp/htdocs/reisen.local/typo3" "c:/xampp/myTmp/typo3_sources/typo3_src-7.6.6/typo3"

Afterwards I copied index.php from source root into vhost root directory.

Veröffentlicht am 5 Kommentare

Using Introduction Package

Direct your browser to the login-mask. typo3/ is the directory where the login to the back end is possible. 

url_to_login

Use the login-data you created in the installation process or changed afterwords.

login

This is the start view.

backend start page

Go to „Page“ in the module frame on the left.

page-modul

In the middle of the view you see the pagetree. Open the pages created by the installation process by clicking on the arrow icons left side to the page name „Home“ and the world icon which is a symbol for the root page.

Then you see all created pages their hierarchy, which is also determining the navigation menu.

pagetree-opened

If you have a look to the front end like the node „Examples“ you can compare the order in pagetree of back end to navigation structure in front end.

frontend-examples

The first page after „Home“ is named in a different way.

Click on the icon like a page to the left of the page name „Welcome to TYPO3“.

click-welcome

Left click your mouse. Then you see a dialog box appearing. By clicking on „Edit“ …

dialog-box-edit

… you are seeing the page attributes.

page-attributes

Change „Navigation title“ to whatever and save the document by clicking on the floppy disk icon at the top.

page-attributes-change-navigation-title

Reload front end – the title of the first element in the menu is changed.

frontend-changed-navigation-title

Now we should change website title, change keywords and descriptions of exemplary one page.

code-before-changes

To check the changes later, we start looking at the HTML-code of the start page. Title, description and keywords of the start page are determined by the introduction package.

In the pagetree click on „Home“, on the left module bar click on „Template“. On the right side you get the detail view to template attributes according to page „Home“. Change the value of the drop-down box to „Info / Modify“.

go-to-template

That should be the result view.

template-edit-whole

Click on „Edit the whole template record“. Though clicking on the „Sitetitle“-pen-icon should be sufficient.

Change the Website title to your need and save it by clicking on the floppy disk icon.

template-change-website-title

Editing the first page of or pagetree goes like explained here. To find this mask, use the way I told above for the „Navigation title“.

Change here the „Pagetitle“.

change-page-title

Go to the register card „Metadata“ and change there at least „Keywords“ and „Description“. Save your changes.

change-page-meta

To clear the cache click on the flash-icon on the right top.

clear-cache

Afterwords reload front end.

frontend-changed-sitetite

By looking to the HTML-code we see the changed tags like title, description and keywords.

code-after-changes

If you want to change the style, click on the left on the item „Filelist“, browse to the directory default | Templates | CSS. There click on the icon next to stylesheet.css.  In the appearing dialog box click on edit.

edit-css-file

Exemplary we change the color of the body-element.

edit-css-file-color

Save changes, clear the cache and reload the front end.

footer-is-changed

As you can see parts of the footer were determined by the style of the body element.

How to change page-content?

Click on „Page“ than on the first element in pagetree on the right you see the page content. Here you see two elements. The one in the column „NORMAL“ is responsible for the main part. Click in the pencil-icon.

find-page-content-start-page

In this case this content element is of „HTML“-type, which follows from the fact that the main part of the start page is a bit difficult to manage in a rich text environment.

Go the register card „HTML“ and change the text between the tags.

edit-page-content-start-page-normal

Save and reload front end.

frontent-changed-page-content-start-page

How to delete pages and change the menu structure?

Go to the „List“ module. Mark the page „Examples“. On the left detail view you see all sub pages to examples, on the bottom in detail view there are the content elements of the page „Examples“.

delete-pages-in-a-row

Mark „Extended view“ and „Show clipboard“ and „Clipboard #1“. The page reloads each time. Afterwords you check all the pages you want to delete and click on the trash-icon.

Reloading the front end and clicking on „Examples“ proves that the sub pages are gone.

frontend-deleted-subpages

Then click on „Home“ in pagetree. On the right detail view you see the sub pages. Click on the trash icon in the line of „Examples“.  After reloading front end the page „Examples“ are gone.

frontend-with-deleted-Exapmles

Now you should go on adapting style sheets, changing pages, content elements, get starting to learn creating new pages and content elements. You should deactivate the login part and change the e-mail address in feedback form.

Veröffentlicht am 8 Kommentare

Install TYPO3 Introduction Package

In version 4.4 the TYPO3-Team introduced a new installation method, called „Introduction package“. It let’s you easily install a full TYPO3 instance. I want to have a look.

Go to http://typo3.org/download/. There you find more information to special packages and the actual version.

typo3.org download page

You will be redirected to sourceforge.net where the download immediately starts. You may change there to another mirror. I did it, because the first selected mirror was very slow.

You can check that the downloaded files are correct with a file integrity checker tool. Microsoft published „Microsoft File Checksum Integrity Verifier“ which you find on  http://www.microsoft.com/downloads/details.aspx?FamilyID=B3C93558-31B7-47E2-A663-7365C1686C08&displaylang=en

Open the command line where you downloaded the file, write there (Please change paths to your settings)

c:\FCIV\fciv.exe introductionpackage-4.4.2.zip

and compare the checksum.

file integrity check result

Copy the zip-file to your document root unzip it there in a folder (C:\xampp\htdocs\introductionpackage_442).

Start xampp especially Apache and MySQL. Direct your browser to http://127.0.0.1/introductionpackage_442/.

wizard start page

If you didn’t create a database before let it does by the wizard. Type the wanted title of the database in the first field. Otherwise search the created database in the drop down box.

wizard step2 database

Click continue. On my windows system, where Apache and MySQL are real slow it took one minute to see next step.

wizard step3 database creation

In step 4 you type in a password and can set a different color for the demo web page.

wizard step4 install pw

That’s it. Click on „Go to your Website“.

wizard final congrulations

It’s nice. Isn’t it?

start page

Four example users for different purposes are created. So now have a look to backend. Click on „Log into TYPO3“. If you want to log on later, direct your browser to

http://127.0.0.1/introductionpackage_442/typo3/ or change the directory according to your configuration.

Insert „admin“ in the box „Username“ and the password you gave in step 4 in the field „Password“. Please don’t forget to change the username „admin“ later to something more unguessable.

login page

Click on „Login“.

This is the start page of TYPO3 back end.

backend start page

To change the username of the admin, click on „User admin“ on the left below „ADMIN TOOLS“. On the right detail page you see the list of back end users. There you click on the pencil to open the edit page of admin.

user admin edit

Change the Username to whatever, write a name and an e-mail address to get system-emails.

backend change admin username

Then click on the icon for floppy disc above.

To test the changed username for admin log off an on or reload the page. Then you can see the news on the right.

backend see new username

That’s it for now.  To get an insight of TYPO3 look at the page module and browse through the automatic pages.

backend modul page another insight