Hintergrundfarbe

Hallo,
eine schnellere Möglichkeit wäre, im -> Content-Manager -> Index* eine Tabelle anzulegen (1 Zeile, 1 Spalte, jeweils Höhe/Breite 100%, keine Rahmen, Abstände 0) und ein kleines CSS einzufügen:

<style type="text/css">table{background-color: silver;}</style>

'silver' steht hier als Beispiel-Farbe. Das alles in der "Quellcode"-Ansicht und ganz am Anfang, also vor allem vor <table ....

Die Inhalte, Texte etc. kommen dann alle in dieses Tabelle - also in der Wysiwyg-Darstellung. Da nur eine Zeile/Spalte vorhanden ist, wird der gesamte Content ausgefüllt (durch die 100%).

 

... oder Du machst eine Unterklasse zum <p>-Tag (damit das nicht mit dem Rest des CSS durcheinander kommt) und hast so einen eigenen Hintergrund für den Indextext zwischen den <p>-Tags.

Beispiel (wie oben, aber 2. Definition):
<style type="text/css">
p.index {background-color: yellow;}
table{background-color: silver;}
</style>
<p class="index">hier stehen Texte, Bilder und all so was .... </p>

Der Klassenname ist weitgehend frei, sollte natürlich nicht mit bereits definierten Klassen kollidieren.
Meinetwegen also auch p.myclasshartmut .... und dann <p class="myclasshartmut">Text, Text, Text ...</p>

 

Das aber geht im StyleEdit3 ....
-> Allgemein aufklappen
nach unten scrollen, weit ...
-> Hintergrund -> Hintergrundfarbe des Containers
und da eine Farbe auswählen.
Nun ist alles zwischen Header und Footer in der gewählten Farbe.

 

Das ist dann ein Mißverständis. Der "gesamte Container" - wie Du das schreibst, ist halt der Teil zwischen Header und Footer. Da kommen alle anderen Inhalte rein. Eben auf allen Seiten.

Sollen nur die Boxen, die auf der Startseite stehen, die Hintergrundfarbe haben, dann allen diesen Boxen nach dem ersten Verfahren die Hintergrundfarbe geben. Und die gesamte Breite.
Falls die Boxen Rahmen haben, dann diese auf 0 stellen, damit sich keine Abstände ergeben.

Das ist da leider mein "letzter Gedanke"

 

Man könnte folgendes tun:

- kopier dir die templates/Honeygrid/index.html und nenne sie index-USERMOD.html
- in der USERMOD fügst du dann folgendes ein:

HTML:

{if ""|detect_page == "Index"}
    <style type="text/css">
    {literal}
    #wrapper {
            background-color: deinFarbwert;
        }
    {/literal}
</style>
{/if}

Am besten, dass das dann so aussieht:

HTML:

{load_language_text section="index"}{$HEAD}

{if $smarty.const.SHOP_OFFLINE}
    {html_shop_offline}
{else}

{$POPUP_NOTIFICATION}

{if ""|detect_page == "Index"}
    <style type="text/css">
    {literal}
    #wrapper {
            background-color: deinFarbwert;
        }
    {/literal}
</style>
{/if}

Danach dann einmal den Seitencache des Shops leeren. Das ist keine mega schöne Lösung aber sie ist erstmal updatesicher und dürfte ohne Probleme funktionieren.