Layout des Content-Popups anpassen
Author: Ing. Michael Fürst (m.fuerst@bluegate.at)
Web: http://www.bluegate.at
Publiziert: Februar 2007
Einleitung und Hinweise
Dieses Tutorial ist für die Version 3.0.4 SP 2.1 des XT:Commerce Shops ausgelegt. Die Anwendung des Tutorials erfolgt auf eigene Gefahr und der Author übernimmt keine Haftung für mögliche Schäden am System
Grundlegende Problematik
Das File das für die Darstellung des Content-Popups genutzt wird (popup_content.php), liegt im Root Verzeichnis des XT:Commerce Shops und nicht wie sämtliche andere Daten im Verzeichnis des Templates. Das Layout stimmt nicht mit dem des restlichen Shops überein.
<body> Tag einfügen
Die Ursache des Problems besteht größtenteils darin, dass der öffnende <body> Tag in der Datei fehlt und somit der Stylesheet Selektor für den <body> Tag im CSS nicht greift. Um dieses Problem zu beheben öffnen Sie die Datei "popup_content.php" im Root Verzeichnis Ihres Shop Systems.
In Zeile 33 erkennen Sie, dass der <body> Tag nach dem schließenden </head> Tag fehlt. Fügen Sie nach dem schließenden </head> Tag folgende Zeile ein:
...
</head>
<body style="background-color:#ffffff; padding:15px;">
...
Mit diesem Body-Tag und dem enthaltenen Inline-CSS wird der Hintergrund des Popups weiß eingefärbt, und die Randabstände auf 15 Pixel gesetzt. Natürlich können Sie hier auch eine eigene Style-Klasse definieren, die Sie anschließend im Stylesheet als Selektor notieren.
Sämtliche weitere Änderungen am Layout (etwa Umstellung von Tabellenlayout auf CSS basiertes Layout) können Sie im Quellcode nach dem eben eingefügten <bod> Tag durchführen.