Ausgangspunkt ist bei mir ein Nachrichtenarchiv, das das aktuelle Jahr anzeigt, und eine Event-Liste die ab heute die Termie innerhalb eines Jahres anzeigen. Aber das sollte eigentlich nebensächlich sein.

Ich habe mich zu erst um die News gekümmert und heraus gekommen ist ein kleines Stückchen PHP-Code das man einfach in das entsprechende News-Template (bei mir z.B. news_latest.tpl) einsetzen kann:

<?php //Monate als Zwichenüberschrift
  global $latestMonth; //In dieser globalen Variable wird immer der aktuellste Monat gespeichert
  $currentMonth=$this->parseDate('F Y',$this->time); //Hier wird das Datum der aktuellen News ausgelesen und formatiert
  if (!isset($latestMonth) || $latestMonth!=$currentMonth) { //Wurde der aktuelle Monat noch nicht getestet bzw. hat sich geändert ...
    echo '<h3>'.$currentMonth.'</h3>'; //... gib die Überschrift aus ...
    $latestMonth=$currentMonth; //... und aktualisere die Variable.
  }
?>

Bei den Veranstaltungen gibt es auch andere Daten die man dafür verwenden kann (so z.B. [month] & [newMonth]), der Einfachheit halber habe ich aber das selbe Code-Stück auf für die Veranstaltungen genommen. Obacht: Hier muss man $this->time durch $this->startTime ersetzt werden.

Meine Contao bzw. die verwendete TYPOlight-Version: 2.8.3. Sollte es eine einfachere Möglichkeit geben die ich nicht gefunden habe, so wäre ich über Info sehr dankbar.

Wünsche weiterhin viel Spaß mit dem genialen CMS Contao.

1. Datenbank sichern. (Wer Hilfe beim Joomla-Datenbank Export und Import mit phpMyAdmin hat, der kann einen Blick auf diese Howto vom Joomlaportal werfen. Ist zwar schon etwas älter, funktioniert aber.)
2. Alle Dateien vom Quellverzeichnis auf den neuen Webserver übertragen.
3. Nun muss die Konfiguration von Joomla und von VirtueMart angepasst werden. Dazu brauchen wir zwei Dateien:
   • configuration.php (Joomla)
     Hier $host, $user, $db und $password an die neue Datenbank anpassen. Ebenso müssen $log_path und $tmp_path mit den neuen Daten gefüttert werden. (Sollte der interne Pfad nicht bekannt sein, so könnt ihr unter anderem euch mit einer php-Datei helfen. Einfach “echo phpinfo();” in eine beliebe php-Datei speichern, auf den Server hochladen und aufrufen. Unter “DOCUMENT_ROOT” steht der interne Link.
   • administrator/components/com_virtuemart/virtuemart.cfg.php (Virtuemart)
     Hier müssen die URL zur neuen Seite und der interne Link angepasst werden. Am einfachsten man markiert eine alte URL bzw. den alten internen Pfad und ersetzt einfach alle Vorkomnisse mit den neuen Daten.
4. Jetzt am besten noch einen kurzen Blick im Joomla Backend auf Hilfe -> Systeminfo -> Verzeichnissrechte prüfen ob alles passt.

Ich wünsche gutes Gelingen.

Wer das ändern möchte, der muss in die includes/classes/product.php gehen und dort in Zeile 149 die folgenden Info löschen.

if ($this->data['products_model'] != "")
   return $this->data['products_model'];

Die Position des Textes oder ähnliches könnte sich eventuell etwas unterscheiden, je nach Gambio bzw. xt:Commerce Version.

Heute habe ich es endlich geschafft mich diesem Buch anzunehmen, in der Badewanne.

Ich kann schon mal zwei Dinge sagen: 1. Das Format des Buches ist absolut ungeeignet um in der Badewann gelesen zu werden. 2. Ich bin bei dem Buch jetzt auf Seite 37 und habe noch nie zuvor so viele Absätze übersprungen. Ich finde viel ist “BlaBla”. Wäre das Buch eine Website hätte der Autor nur ein paar Sekunden gehabt um meine Aufmerksamkeit zu fangen (Quelle: Web Usability von Jakob Nielson ), die wären verschenkt gewesen.

Mal sehen wie es weiter geht und was ich davon lernen kann.

Parse error: syntax error, unexpected T_STRING, expecting T_OLD_FUNCTION or T_FUNCTION or T_VAR or '}' in ... on line 58

Der Fehler kommt daher, dass bei 1und1 PHP5 nicht standardmäßig eingeschaltet ist. Die Lösung besteht in einer zusätzlichen Zeile in der .htaccess-Datei. Im Grundverzeichnis der TYPOlight-Installation sollte schon eine .htaccess vorhanden sein, diese einfach öffnen und die folgende Zeile einfügen:

AddType x-mapp-php5 .php

Speichern und hochladen. Nun sollte alles wie gewohnt funktionieren.

Am liebsten wäre mir TYPOlight mit dem passenden TYPOlight webShop gewesen, aber leider besitzt dieser Shop nicht alle Funktionalitäten. Geeinigt wurde sich dann auf TYPOlight mit Gambio.

Nun habe ich mir lange den Kopf zerbrochen wie ich die beiden Systeme verbinde. Ursprünglich waren iFrames im Gespräch, aber ich bin nicht von dieser Möglichkeit überzeugt. Zudem bin ich mir nicht sicher, ob Cookies, SSL etc. da mit spielen. Zum anderen wäre es dann natürlich sehr schlecht, wenn jemand den Shop direkt öffnet, da ich dort ja viele der Navigationselemente ausblenden müsste. Zu letzt kann ich mit iFrames nicht die Höhe der Zielseite wissen was dann entweder eine zu lange Seite oder eine zu kurze Seite mit Scrollbalken im Inhalt zu Folge hätte. Nein danke.

Nun habe ich mich mit mir selbst darauf geeinigt einfach in beiden System das Layout anzulegen und durch die Navigation entsprechend zu springen.

Da es mein erstes Gambio Layout ist, wird es viel zu lernen geben. Wenn es meine Zeit zu lässt, werde ich den Aufbau hier im Blog dokumentieren.

EDIT: Projekt wird leider möglichst kostengünstig ausgeführt. Eigenes Gambio-Layout fällt somit flach. Schade, aber kann man nix machen. Vielleicht finde ich doch das ein oder andere zum dokumentieren. ^^

Zum Testen nutze ich den kostenlosen Gambio-Download von xtc-load. Doch bei der Installation im meinem lokalen Rechner unter XAMPP gibt er bei Schritt 6 und am Ende Fehlermeldungen aus:

Parse error: parse error in [...]\gambio\includes\configure.php on line 24
Parse error: parse error in [...]\gambio\admin\includes\configure.php on line 27

Nach öffnen der configure.php aus dem Verzeichnis “includes” sieht man, das Gambio für die Konstanten “DIR_FS_DOCUMENT_ROOT” und “DIR_FS_CATALOG” “\” statt “/” benutzt hat. Ändert man dies, klappt es auch mit der lokalen Gambio-Installation.

Obacht: Die zweite Datei befindet sich im Ordner “admin”. Dort sind es die Konstanten “DIR_FS_DOCUMENT_ROOT”, “DIR_FS_ADMIN” und “DIR_FS_CATALOG”. Nicht wundern, es sind zwei verschiedene configure.php-Dateien.

Da ich so wenig wie möglich direkt im Core von Typolight ändere und eine kurze Suche mir keine anderen Vorschläge gebracht hat, warf ich einen Blick in das Template des “Download”-Moduls von Typolight mit dem Namen “ce_download.tpl“.

Dieses einfach im Typolight-Backend unter “Templates” neu anlegen, darauf hin wird eine Kopie im Ordner “templates” erstellt, die geändert werden kann, ohne das direkt am Core von Typolight was geändert werden muss. Die dadurch entstandene .tpl Datei kann man so auch ganz einfach mit dem Editor der Wahl öffnen und kann auf die Vorteile des Syntax-Highlighting zurückgreifen. Aber genug abgeschweift…

Da ich dort nicht direkt auf die Art des Icons zugreifen konnte, habe ich zwei PHP-Zeilen eingefügt. Diese Zeilen holen den Namen des Icons aus dem Pfad zum Icon. Dann wird dieser Name als Klasse in den a-Tag eingebunden und schon kann man per Klasse ein Icon als Hintergrundbild einfügen.

Das ist meine Änderung in der ce_download.tpl:

<?php //Die Art des von Typolight gewählten Icons bestimmen und als Klasse weitergeben
  $icon=substr(strrchr($this->icon,"/"), 1);  //Dateiname des Icons
  $icon=substr($icon,0,-4); //Dateiendung abschneiden
?>
<a href="<?php echo $this->href; ?>" title="<?php echo $this->title; ?>" class="<?php echo $icon ?>"><?php echo $this->link; ?></a>

Dewplayer

Gefunden und getestet habe ich den Dewplayer von www.alsacreations.fr. Der Player kommt in 5 Varianten, von Mini bis zur angezeigten Playlist. Durch einen einfachen Generator kann der gewünschte HTML-Code schnell und einfach erstellt werden. Anschließend muss nur noch die dewplayer.swf auf den eigenen Webspace hochgeladen werden. Nicht vergessen die Pfade zu den Dateien im Code anzupassen.

>> Download Dewplayer

Mp3 Player

Gefunden, getestet und nun im Betrieb ist der Player mit dem treffenden Namen “MP3 Player” von flash-mp3-player.net. Der kleine aber feine Unterschied ist, dass sich der MP3 Player gut färben lässt und sich so an die Website anpassen lässt. Wie auch beim Dewplayer gibt es verschiedene Varianten und einen Code Generator sowie zusätzlich einen Farbgenerator. Dort kann  man die eingestellten Farben gleich sehen. Das einfügen in die Website funktioniert im Prinzip genauso wie beim Dewplayer.

>> Download MP3 Player

Falls die MP3 sich abspielen lässt, aber kein Ton zu hören ist…

Das Problem hatte ich, deshalb auch das ausführliche Testing der beiden Player. Nach dem die Player mit einer Test-MP3 immer funktioniert haben, aber bei der gewünschten MP3 kein Ton raus kam, habe ich den Fehler bei der MP3 gesehen. Leider kenne ich mich mit Audioformaten nicht so toll aus. Ich habe dann die MP3 nochmals neu convertiert. Dazu benutzt habe ich das Open-Source Programm CDex. Also, falls ihr auch das Problem habt, das ihr von der MP3 nichts hört, probiert es mal. Nach dem convertieren ist die Datenrate reduziert (somit auch die Größe) und die Abtastrate ist verändert. Ob es daran lag, weiß ich nicht, aber es geht ja jetzt.

Bei meinem aktuellen Projekt wollte ich aber einfach nicht mehr darauf verzichten. Google hat mich auch ziemlich schnell auf die richtige Fährte bebracht. Die Lösung: iepngfix.htc

Das ist ein Skript, dass den IE5.5 und den IE6 dazu bringt, die Transparenz der PNGs richtig anzuzeigen. Es funktioniert bei mit IMG-Tag eingebundenen PNGs sowie mit Hintergrundbildern. Die Verwendung ist sehr einfach.

1. IE PNG Fix herunterladen. Es sind alle nötigen Dateien und ein Beispiel in der Zip vorhanden.
2. Die Dateien “iepngfix.htc” und die “blank.gif” auf den Webserver hochladen.Sollte die blank.gif nicht im Grundverzeichnis liegen, muss die iepngfix.htc angepasst werden. Dazu kurz mit einem Editor öffnen (z. B. mit Notepad++) und in Zeile 15 den Pfad zur blank.gif anpassen.
3. Diesen Code in eine CSS einbauen und ggf. den Pfad zur iepngfix.htc anpassen:

   img, div {behavior: url(iepngfix.htc);}

Der Nachteil: Die Stylesheet ist nach dem Einbau leider nicht mehr valide. Meine Lösung hierzu: Conditional Comments. Das heißt, ich habe den CSS-Code in eine eigene CSS ausgelagert und binde diese nur für den IE6 und den Vorgängerversionen ein. Der Code hierzu:

<!--[if lte IE 6]>
	<link rel="stylesheet" href="styleIE6.css" type="text/css" media="screen" />
<![endif]-->

Bei mir funktioniert alles wunderbar, hoffe bei euch auch.

Links zu diesem Thema:

• Offizielle Seite von TwinHelix zum IE PNG Fix
• Der Artikel von Dr. Web, der mich auf die richtige Spur gebracht hat