de de de de it en en en ca de en en de de de de en de en de de de de de de de fi de en de en de de de de de de de en de de de de fr en en en de fr de de en de en en en pl de en fr de id ca de de it de de de de de hu de de hu de nds de de de nds pl de de de hu de nds en de de de hu de nds de de de nds nb de de de sv it de nds de de de de nds de de de de hu de nds de de de nds de de de de nds de de de de nds de de de de nds de de de de de de de la de la de la de de de
Text mit Bild als Inhalt einpflegen
Um dreischild - Shopware Agentur Trier in vollem Umfang nutzen zu können, empfehlen wir Ihnen Javascript in Ihrem Browser zu aktiveren.
Außen- und Innenabstände der Inhaltselemente
Inhaltselement: Text mit Bild
Das Inhaltselement "Text mit Bild" gehört zur Gruppe der Standard-Inhaltselemente.
Diese Beschreibung setzt voraus, dass Sie bereits den Artikel Erste Schritte / Schnelleinstieg gelesen haben.
Über das Inhaltselement Text mit Bild wird ein HTML Element zur Verfügung gestellt, über das Text für die Seite erfasst werden kann. Des Weiteren kann eine Überschrift definiert werden.
Neben den Text-Elementen können optional ein oder mehrere Bilder hinterlegt werden, die über eine eigene Option frei positioniert werden können. Die Bilder können hierbei als Lightbox oder Slider dargestellt werden.
Für dieses Inhaltselement stehen die folgenden Felder zur Verfügung:
Definiert die Überschrift die ausgegeben werden soll.
Definiert den Html-Tag, der für die Überschrift verwendet werden soll. Hierbei stehen die Tags H1 bis H5 zur Verfügung.
Diese Einstellung definiert, an welcher Stelle das bzw. die Bilder dargestellt werden sollen.
CMS Medien-Verwaltung zur Hinterlegung des bzw. der Bilder.
Folgende Meta- / Bild-Einstellungen werden berücksichtigt:
Weitere Informationen zur Medien-Verwaltung
Über diese Konfiguration kann definiert werden, wie viel Platz in Prozenz das bzw. die Bilder einnehmen sollen. Wenn der Slider bspw. auf 40 gesetzt wird, so würden das bzw. die Bilder 40% und der Text 60% einnehmen.
Diese Einstellung kann für jede der fünf Device-Größen definiert werden.
Wenn diese Option aktiv ist, so werden die Bilder mit einem Rahmen versehen.
Bestimmt wie das bzw. die Bilder dargestellt werden sollen.
Diese Option steht nur zur Verfügung, wenn als Darstellungsart Hauptbild und Thumbnails gewählt wurde
Definiert wie viele Thumbnails unterhalb des Hauptbildes in einer Zeile dargestellt werden sollen.
Höhe des Bild-Sliders in Pixel
Diese Option steht nur zur Verfügung, wenn als Darstellungsart Bild-Slider gewählt wurde
Definiert die Höhe die der Bild-Slider einnehmen soll.
Diese Option steht nur zur Verfügung, wenn als Darstellungsart Bild-Slider gewählt wurde
Wenn diese Option aktiv ist, wird in einem definierten Zeitinterval jeweils zum nächsten Bild weitergeblättert.
Nächsten Slide anzeigen nach
Diese Option steht nur zur Verfügung, wenn als Darstellungsart Bild-Slider gewählt wurde
Definiert das Zeitinterval für die Option Automatisch durchblättern. Die Zeitangabe muss hierbei in Millisekunden erfolgen.
Hinweis: Die Devicegrößen können durch verkleinern / vergrößern des Browser-Fensters nachgestellt werden.
1. Beispiel: Bilder neben dem Text rechts / Hauptbild mit Thumbnails (mit Lightbox)
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, 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, 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.
2. Beispiel: Bilder im Text links / Bild-Slider
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, 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, 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.
3. Beispiel: Bilder über dem Text / Hauptbild mit Thumbnails (mit Lightbox) / Ohne Rahmen
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, 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, 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.
dreischild auf Facebook dreischild auf Twitter
Kontakt | Impressum & Datenschutz
© Copyright 2022 dreischild.de - Alle Rechte vorbehalten.