Call
Lightspeed Theme Mandrill
Verhältnis der Bilder:
Die Headlines und die Banners werden je nach ausgewählter Bildschirmfläche ausgesucht und dienen als Hintergrundbild. Die Bilder sind so formatiert, dass bei einem kleineren Ausschnitt ein Teil des Bildes abgeschnitten wird. Daher empfehlen wir Textanteile nicht in das Bild, sondern separat in den Textfeldeinstellungen festzusetzten. Wir empfehlen außerdem die wichtigsten Inhalte zu zentrieren und eine minimale Bildauflösung von 2,500 Pixeln zu verwenden, damit größere Bilder auch auf größeren Bildschirmflächen gut sichtbar sind. Zusätzlich ist wichtig zu erwähnen, dass die finale Größe des Bildes von dir selbst festgelegt werden muss. Für mobile Geräte und Tablets haben wir spezielle Input-Felder für die Überschriften erstellt, die das Lesen in hochkant ermöglichen. Auch hier gibt es generell kein festgelegtes Größenverhältnis, dennoch empfehlen wir 800x600 als Startpunkt.
Dies gilt auch für die Produktbilder. Sie werden dem Verhältnis automatisch angepasst und werden daher nicht bei einem verkleinerten Ausschnitt abgeschnitten. Als Referenzgröße zu Beginn empfehlen wir folgende Größenverhältnisse: 300x300 Pixel (quadratisch), 400x300 Pixel (horizontal) und 300x400 Pixel (vertikal). Für Kategorieübersichten/-Anzeigen und die generelle Einstellung der Homepage kannst Du das Größenverhältnis 500x300 Pixel verwenden.
Only €249,-
Need help with filling up your theme?
Take the tour
Get to know all features.
We love to help you!
Need customization?
Changelog
01-03-19
bugfix
09-10-18
bugfix
01-10-18
feature
Stay up-to-date about news and updates!
Dokumentation.
-
General
Logo
Lade Dein eigenes Favicon und Logo hoch. Du kannst Dein Logo sowohl in dem Format JPG und PNG wie auch in SVG hochladen. Lade dazu zunächst Dein Logo in SVG in den Ordner hoch und kopiere die URL (siehe Video). Achtung: eine in SVG formatierte Datei überschreibt in JPG und PNG Formatiertes. Solltest Du also sowohl das Logo in SVG also auch in JPG und in PNG gleichzeitig hochladen, wird nur das Logo in SVG sichtbar sein.
Es ist zudem noch nach Wahl des Logos möglich, sich für eines der drei Formate zu entscheiden.
Background
Der Hintergrund kann sowohl einfarbig oder mit einem hochgeladenen Bild gestaltet werden. Im Prozess der Erstellung ist es dann möglich die vielfältige Einsetzbarkeit/Positionierung des Bildes zu besprechen.
Wishlist & Compare
Du kannst die Funktion der Wunschliste und des Vergleichtools ein- und ausschalten. Wenn diese Funktionen aktiviert sind, wird ein Button sichtbar sein. Ansonsten werden sie nicht angezeigt.
Font
Für Überschriften oder andere textliche Inhalte, kannst du die Font selbst setzen. Es ist zum Beispiel möglich alle Inhalte in Großbuchstaben zu zeigen und mit Schatten zu versehen.
Colors
Konfiguriere die Farben deines Images hier.
-
Header
Topbar
Wenn die Topbar aktviert ist, sind dort die Angaben für Währungen und Sprachen zu sehen. Auch hier kannst Du die Hintergrundfarbe, Randfarbe und Textfarbe selbst wählen.
Auf der linken Seite der Topbar steht typischer Weise die Telefonnummer. Dies kann jedoch durch jeden beliebigen Text ersetzt werden. Solltest Du den Text verändern wollen, kannst Du über das Backoffice Veränderungen vornehmen. Dazu musst du über den Button Content zu Translations und dort den topbar-phone-number -Key auswählen. Im Anschluss kannst Du die gewünschten Veränderungen vornehmen.
Header
Verändere auch hier den Hintergrund, das Icon und die Randfarbe nach Deinem Geschmack.
Menu
Es gibt zwei standardisierte Menüarten in diesem Format, aus denen gewählt werden kann.
In header: Das Menü wird rechts vom Logo angezeigt. In dieser Variante werden keine Subkategorien geöffnet, wenn der Curser darüber gleitet.
Underneath header: Das Menü erscheint erstreckt über die gesamte Seite unterhalb des Logos. In dieser Variante werden Subkategorien geöffnet sobald eine Berührung mit dem Curser erfolgt.
Beide Menüs haben ein bereits vorkonfiguriertes Farbschema. Die Farbwahl ist also an ein bestimmtes Menü gekoppelt.
USP bar
Solltest du über eine USP (Unique Selling Points) verfügen, kannst Du diese auf Deiner Seite anzeigen in dem Du die USP-Leiste aktivierst. Auch hier erfolgen Alternierungen über den Button Content => Transitions.
- usp_1_title
- usp_2_title
- usp_3_title
- usp_4_title
Die USP-Leiste kann auch nach Belieben farblich gestaltet werden.
Certification marks
Es besteht die Möglichkeit innerhalb der Formation Zertifizierungsmarker zu setzen. Für den niederländischen Markt bedeutet dies das Hinzufügen von Markern wie Thuiswinkel Waarborg, Thuiswinkel Keurmerk, Webshop Keur, oder Qshops. Dies wird über den dropdown gehandhabt und erfolgt ohne die Verpflichtung auch das Bild hochzuladen.Solltest Du daran interessiert sein einen alternativen Zertifizierungsmarker zu setzen oder Bilder hinzuzufügen, kannst Du dies über den Button own hallmark (Link nachfolgend) tun. Auch hier läuft das Hochladen über den dropdown.
In dem sich darunter befindenen input-Feld kannst Du die Größe des Zertifizierungsmarker und die Verlinkung wählen. Der eingegebene Link wird sich in einem neuen Fenster öffnen, dazu ist es wichtig die URL hinzuzufügen, da sonst der Link nicht funktioniert.
-
Homepage structure
Settings
Hier kannst du aussuchen wie Du deinen Text positionieren möchtest. Zudem kannst Du hier entscheiden, ob Du die Logos sichtbar machen möchtest oder nicht.
Homepage blocks
Über den dropdown kannst Du die Reihenfolge deiner Abschnitte festlegen. Solltest Du etwas nicht zeigen wollen, muss du NO im dropdown auswählen.
-
Homepage headline settings
Settings
Wenn Du unterhalb deines Headers eine Slidebar mit Bildern einfügen möchtest, musst Du dazu die Homepage-Überschrift aktivieren. Nach Aktivierung dieser, kannst Du unter anderem aussuchen, ob Du den Slider über die gesamte Seite laufen lassen möchtest oder nur innerhalb des Shop Containers.
Außerdem kannst Du die Seitennummerierung der Überschriften an- und ausschalten und in deiner Wunschfarbe anzeigen lassen.
Vergiss nicht autoplay zu aktivieren, damit die Slidebar automatisch abläuft. Wenn dieser Button nicht aktiviert wird, bleiben die Bilder starr und geraten erst durch Berührung des Cursers in Bewegung.
Homepage headline (1/2/3)
In dieser Formation kannst Du standardisiert drei Überschriften hinzufügen. Bevor Du dein Überschriftenbild hinzufügst musst Du die entsprechende Funktion erst aktivieren. Nachdem die Aktivierung erfolgt ist und Du dein Überschriftenbild hochgeladen hast, kannst Du deinen Text einfügen und die Position der einzelnen Überschriften verändern. Zudem kannst Du über die Platzierung einer URL das Bild mit einem Link versehen. Im Anschluss können wieder Textfarben und die Links verwaltet werden.
Achtung: Schreibe nur den Teil der URL hinein, der nach dem / kommt. In diesem Beispiel, also alles was nach dieser Domain folgt 'http(s)://www.domeinnaam.nl/'.
Video headline
Du hast auch die Möglichkeit ein mp4-Video in deiner Slidebar erscheinen zu lassen. Dazu musst Du die Video-Überschrift zuerst aktivieren. Nachdem Du diese Funktion aktiviert hast, musst Du der URL des mp4-Videos in das Eingabefeld einfügen (Die Erklärung dieses Arbeitsschrittes findest Du in den Einstellungen des Backoffice). Im Anschluss kannst Du den Titel, die Texte, die Positionierung und Farbe ändern.
-
Homepage banners
Settings
Diese Formation bietet die Wahl zwei verschiedener Schlagzeilen. Wenn du diese verwenden möchtest, musst du zunächst diese Funktion aktivieren. Es ist möglich diese Schlagzeilen zu verketten. In dieser Einstellung werden sie aneinander gereiht über die gesamte Breite der Seite angezeigt. Ohne diese Einstellung erscheinen die einzelnen Schlagzeilen etwas kleiner und mit mehr Abstand zu einander.
Homepage banner (1/2)
Es besteht auch die Möglichkeit Bilder zu Deiner Schlagzeile hinzuzufügen. Darunter kannst Du angeben welchen Titel die Schlagzeile tragen soll, wo die Verlinkung hinführen soll und wo die Titel und URLs angezeigt werden sollen.
Achtung: Schreibe nur den Teil der URL hinein, der nach dem / kommt. In diesem Beispiel, also alles was nach dieser Domain folgt 'http(s)://www.domeinnaam.nl/'.
-
Custom blog
Settings
Solltest Du Blogs haben und diese anzeigen wollen, so kannst Du dies über Lightspeed Way oder mit der Formatierung von Madrill machen. Aktiviere dazu nur vorher die nötige Funktion. Danach kannst Du aussuchen, welche Komponenten Deines Blogs angezeigt werden sollen und welche nicht. Weitere Informationen hierzu findest du in der Beschreibung unterhalb der Eintsellungen in deinem Backoffice.
-
Homepage products
Settings
Wenn Du bereits auf der ersten Seite Produkte anzeigen lassen möchtest, aktivierst Du dies über den Button products front page in Lightspeed. Produkte, die auf diese Art und Weise verlinkt sind, erschienen in den Einstellungen unter featured products.
Innerhalb dieses Formats besteht außerdem die Möglichkeit, zwei getrennte Tabs für deine Produkte zu erstellen. Diese erscheinen unter den Namen: popular products und new products. Unter populären Produkten werden, diejenigen Produkte gesammelt, die am meisten angeguckt wurden. Die neuesten Produkte zeigen diejenigen Produkte an, die erst vor kurzem hinzugefügt wurden. Die popular and new products können nicht selbstverwaltet werden. Lightspeed übernimmt hier automatisch die Kontrolle.
-
Collection
Settings
Innerhalb dieses Formats kannst Du aus drei verschieden Kollektionsansichten wählen (Produktansicht). Du kannst selbst entscheiden, ob Du die Produkte auf einer Sidebar anzeigen möchtest, ob die Ansicht gefiltert werden können sollte und wo und in welchem Umfang Du die Filterfunktion platzieren möchtest. Solltest Du die Filteroption nutzen wollen, kannst Du diese über einen Button sichtbar machen.
Collection product settings
In diesem Format kannst Du entscheiden, wie Du deine Produkte auf der Seite darstellen möchtest. Dabei entscheiden die Wahl der Kategorisierung und Größenansicht zum Beispiel wie viele Produkte gleichzeitig auf einer Seite sichtbar sind (Desktopversion).
Zudem kannst Du aussuchen ob Du eine quick-view-Option einfügen möchtest. Diese kannst Du dazu nutzen Bewertungen, Größenangaben und kurze Produktbeschreibungen aufkommen zu lassen.
Weitere Erläuterungen dazu findest Du unter den Einstellungen deines Backoffice.
-
Sidebar
Settings
Hier kannst Du die Einstellung Deiner Sidebar verändern. Du kannst entscheiden ob die Sidebar angezeigt wird und ob diese die Anzahl der Produkte in Subkategorien darstellt.
-
Catalog
Settings
Hier kannst Du wählen ob Du eine Sidebar anzeigen lassen möchtest, die deine Produkte kategorisiert (Katalogseiten). Zudem kannst Du Texte oben oder unten auf der Seite anzeigen lassen.
-
Product detail page
Settings
Innerhalb dieses Formats kannst Du entscheiden welche Inhalte auf der Produktseite gezeigt werden. So kannst Du zum Beispiel einen Rahmen um die Produktbilder setzen und eine Hintergrundfarbe wählen. Weitere Informationen findest Du dazu in den Einstellungen deines Backoffice.
-
Footer
Settings
Solltest Du ein Logo in der Fußzeile anzeigen lassen wollen, kannst Du dieses Logo über den Butten footer logo hochladen. In den dazugehörigen Einstellungen, kannst Du wieder die Färbung beliebig wählen.
Newsletter
Aktiviere die Möglichkeit eines Newsletters hier. Sobald Du diese Funktion aktiviert hast, kannst Du die Text- und Hintergrundfarbe wieder frei wählen.
Socials
Wenn Du soziale Netzwerke auf Deiner Seite verlinken wollen solltest, so kannst Du dies über die Eingabe der URL der gewünschten Seite. Ohne die URL wird die Verlinkung nicht sichtbar.
-
Newsletter popup
Settings
Innerhalb dieses Formats gibt es einen standardisierte Einstellung für einen newsletter pop-up. Wenn diese aktiviert ist, kannst Du darin Bilder hochladen. Zudem kannst Du entscheiden wie oft und in welchem Intervall dieses pop-up auf Deiner Seite erscheinen soll.