Wie kann ich das Layout des Portals anpassen?

Startseite

affiliflex Shopping Portal

Der einfachste Weg das Layout anzupassen, ist die Änderung des Stylesheets. In jedem Templateverzeichnis befindet sich ein Unterverzeichnis "css", in dem die Stylesheetdatei(en) abgelegt werden. Standardmäßig trägt die Datei den Namen "style.css". Dieser kann in der Konfiguration (config.xml) individuell je Template angepasst werden.

Im Template "system" existiert der Style "style":

   ...
        <system>
            <default_css>style</default_css>
            <css>
                <style/>
            </css>
        </system>
   ...

Die Anpassung der HTML-Templates setzt die Kenntnis des Smarty-Templatesystems voraus.

» http://www.smarty.net/docs.php

Die HTML-Templates befinden sich im Unterverzeichnis "html" eines jeden Templates. Je Seite (System- und Inhaltsseite) existiert eine Datei mit Präfix "page_", welche die Grundstruktur enthält. Je nach Seiteninhalt werden optional weitere Seitenmodule eingebettet. Die Module tragen standardmäßig den Präfix "module_", der bei Bedarf geändert werden kann.

z.B. Template der Startseite: "page_home.tpl":

<?xml version="1.0" encoding="{$data.config.charset}" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{#name#} | {#title#}</title>
<meta http-equiv="Content-Type" content="text/html; charset={$data.config.charset}" />
<meta name="description" content="{#description#}" />
<meta name="keywords" content="{#title#}, {#keywords#}" />
<meta name="robots" content="index,follow,noodp" />
<meta name="content-language" content="{$data.language}" />
<meta name="page-topic" content="{#page_topic#}" />
<meta name="page-type" content="{#page_type#}" />
<meta name="audience" content="{#audience#}" />
<meta name="revisit-after" content="7 days" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<link rel="icon" href="/favicon.png" type="image/png" />
<link href="/{$data.config.basedir}templates/{$data.template}/css/{$data.css}.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="container">
<div id="header"><img src="/{$data.config.basedir}templates/{$data.template}/images/logo.jpg" width="980" height="54" border="0" alt="{#t0#}" /></div>
</div>
<div class="container">
<div id="search">{include file="html/module_search.tpl"}</div>
</div>
<div class="container">
<div id="pathway">{include file="html/module_pathway.tpl"}</div>
</div>
<div class="container">
<div id="content">
    <div id="content_left">
    {include file="html/module_shop_quick_navigation.tpl"}
    {include file="html/module_shop_statistics.tpl"}
    {include file="html/module_livesearch_1.tpl"}
    {include file="html/module_last_visited_1.tpl"}
    {include file="html/module_last_visited_user_1.tpl"}
    </div>
    <div id="content_main2">
      {include file="html/module_home_products.tpl"}
      <div id="content_main3">
          {include file="html/module_main_categories_3.tpl"}
      </div>
      <div id="content_right">
        {include file="html/module_shopping_advice_categories_2.tpl"}
          {include file="html/module_topshops_1.tpl"}
      </div>
      <div class="clearer"></div>
    </div>
    <div class="clearer"></div>
</div>
</div>
<div class="container">
<div id="footer">{include file="html/module_footer.tpl"}</div>
</div>
</body>
</html>