Mögliche Formatierungen einer CMS Seite

CMS-Seiten und Statische Blöcke sind eine Möglichkeit ihre Inhalte frei zu platzieren. Sie können im gesamten Shop eingesetzt und entsprechend verknüpft oder verlinkt werden. Die jeweilige inhaltliche Ausgestaltung obliegt ihnen als Betreiber.

Zur inhaltlichen Pflege der Seiten gibt ihnen der Shop bereits standardisierte Gestaltungsmittel an die Hand, die sie zur individuelle Ausgestaltung heranziehen können. Diese Gestaltungsoptionen sind standardmäßig im sogenannten CSS (Cascading Style Sheets) hinterlegt. Zum allgemeinen Leistungsumfang bei Grundeinrichtung Shops gehört es auch, diese an ihr persönliches Farbportfolio anzupassen. Dies betrifft insbesondere die Schriftfarben von Überschriften, Sondertexten, Links & Co. Allgemeine Platzierungen von Elementen sowie Schrifttypen und -formen bleiben standardmäßig wie hier ersichtlich erhalten.

Diese Seite "cms-beispiel" stellt ihnen ihrer Gestaltungsoptionen in kompakter Form vor.
Wie sie diese im einzelnen ein- und umsetzen können, entnehmen sie bitte dem Administrations-Backend des Shops.

CMS > Seiten verwalten > System: CMS-Beispiel - DE (cms-beispiel) > Tab: Inhalt

Um CMS-Seiten und/oder Statische Blöcke anzulegen oder zu editieren, steht ihnen im Magento-Backend (Administrationsoberfläche) die Menüpunkte

CMS > Seiten verwalten
CMS > Statische Blöcke

zur Verfügung.

Konkrete Beispiele des Einsatzes ihrer Gestaltungsoptionen

Überschriften

Überschriften werden in den Tags "<h2>" und "</h2>" eingeschlossen. Achten sie dabei darauf, den Absatz mit dem öffnenden Tag zu beginnen und ihn korrekt mit dem schließenden Tag zu beenden. Dabei wird die "Form" (Schrifttyp, -größe, -farbe, Abstände davor & danach) der Überschrift durch die Ziffer im Tag bestimmt. Die Ziffer im öffnenden und schließenden Tag müssen identisch sein.

Beispiel:

H1-Überschrift

H2-Überschrift

H3-Überschrift

H4-Überschrift

H5-Überschrift

Textformatierung

Normaler Text: Das ist mein Beispieltext
Normaler Text: Das ist mein Beispieltext mit Fettungen
Normaler Text: Das ist mein farbiger Beispieltext
Normaler Text: Das ist mein roter Beispieltext
Normaler Text: Das ist mein unterstrichener Beispieltext
Normaler Text: Das ist mein kursiver Beispieltext
Normaler Text: Das ist mein kleiner Beispieltext

Absätze

In den Tags "<p>" und "</p>" wird ein Absatz eingeschlossen. Achten sie dabei darauf, den Absatz mit dem öffnenden Tag zu beginnen und ihn korrekt mit dem schließenden Tag zu beenden.

Innerhalb eines Absatzes wird durch den Tag "<br/>" ein Zeilenumbruch erzeugt.

Durch den Tag "<span class="indent">" wird ein Text eingerückt. In diesem Fall können Sie auf die normalen Absatztags "<p>" und "</p>" verzichten. Achten sie dennoch darauf, dass der eingerückte Text mit einem schließenden Tag "</span>" abgeschlossen werden muss.

Beispiel:

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sednonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Listenansicht

Listeneintrag
Listeneintrag
Listeneintrag
Listeneintrag

Listeneintrag
Listeneintrag
Listeneintrag
Listeneintrag

Bilder mit Text

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, seddiam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, seddiam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Links

Externer Link
Interner Link
PDF Link

Dynamische Impressumsfelder

Die Impressumsangaben für den Shop sind an zentraler Stelle im Backend unter System > Konfiguration > Allgemein: Store Information & Impressum hinterlegt.
Werden in Texten auf CMS Seiten, in statischen Blöcken, in E-Mailtemplates etc. derartige Angaben ausgewiesen, sollte man dabei konseqent auf die Angaben zum Impressum im Backend verweisen.

Möglich ist dies mit dem dynamsichen Aufruf {{block type="germansetup/imprint_field" value="WERT"}}, der als Platzhalter an der entsprechenden Position des Textes eingefügt wird. WERT in diesem Aufruf wird dabei jeweils durch die entsprechende Impressums-Feldbezeichnung ersetzt, die an dieser Stelle benötigt wird. (siehe Liste unten) Dieser Aufruf liest den dazugehörigen Eintrag im Backend des Shops aus und fügt diesen ein. Der entscheidende Vorteil dabei ist, dass Anpassung und Änderungen derartiger Angaben bei konseqenter Umsetzung dieses Prinzips zentral an einer einer Stelle im Backend beeinflusst werden können und infolge adhoc in allen weiteren Verwendungen innerhalb des Shops auf einem einheitlichen und aktuellen Stand sind.

Beispiel MIT dynamischen Aufruf der Impressumsangaben - im Backend unter CMS > Seiten verwalten > System: CMS-Beispiel - DE (cms-beispiel):

Sollten Sie Fragen an das -Team haben, so kontaktieren Sie uns per Telefon unter oder schicken Sie uns eine E-Mail an .

Postalisch sind wir unter folgender Adresse erreichbar:

Folgende Impressums-Feldbezeichnung stehen für diese dynamischen Imprint-Felder als Einsetzung anstatt WERT zur Verfügung:

shop_name
company_first
company_second
street
zip
city
email
web
telephone
fax
ceo
court
register_number
vat_id
bank_code_number
bank_name
bank_account_owner
bank_account
swift
iban
....

Statischen Block anhängen

Galerie

Sonstiges