Skip links

Theme ‘Ahead’ Anleitung

Das Thema installieren Wenn Sie das Yellowlab Ahead Thema installieren möchten, gehen Sie zum SEOshop Theme Store, in dem Sie sich dafür entscheiden können, das Yellowlab Ahead Thema zu installieren.

Das Thema beinhaltet 3 Stilvarianten:

Standardmäßig wird “Default” installiert. Danach können Sie eventuell eine andere Variante auswählen. Möchten Sie einen dieser Presets verwenden, dann gehen Sie zu Design > Einstellungen. Anschließend wählen Sie in der ersten Kategorie „Preset” den gewünschten Stil.

Funktionalitäten

Hintergrund

Wünschen Sie ein anderes Hintergrundbild oder eine andere Farbe? Diese können Sie über Design > Einstellungen unter der Rubrik Hintergrund anpassen.

Kontaktdaten

In der Fußzeile können Sie Ihre Kontaktdaten über Design > Einstellungen unter der Rubrik Kontaktdaten anpassen. Möchten Sie lieber keine Kontaktdaten anzeigen? Aktivieren Sie dann das Häkchen hinter „Hide Contact Data“.

Allgemein

Über Design > Einstellungen unter der Rubrik Allgemein können Sie eine Reihe allgemeiner Einstellungen vornehmen.

Sidebar-Position: hiermit bestimmen Sie, ob die Sidebar auf den Kategorienseiten auf der linken oder rechten Seite platziert wird.
Schriftart: die Schriftart, die innerhalb des Webshops verwendet wird
Navigation: möchten Sie innerhalb Ihrer Kategorienseite uneingeschränkt scrollen? Wählen Sie dann den Infinite Scroll aus. Bevorzugen Sie eine Höchstzahl an Produkten pro Seite, bevor Sie zur nächsten Seite wechseln? Wählen Sie dann Schaltflächen.
Newsletter verbergen: hiermit wird die Anmeldung für den Newsletter nicht mehr angezeigt
Farben: hiermit können Sie die Farben anpassen, die innerhalb Ihres Webshops häufig verwendet werden

Header

Unter der Rubrik Header in Design > Einstellungen können Sie das Logo anpassen, das oben in Ihrem Webshop angezeigt wird. Wir empfehlen Ihnen ein Logo mit einer Auflösung von 470 x 82 Pixeln. Ihr Favicon ist die kleine Abbildung, die in der Registerkarte Ihres Browsers angezeigt wird.

Header Unique Selling Points

ie USPs im Header können Sie selbst bestimmen und anpassen! Über Design > Einstellungen unter der Rubrik Header Unique Selling Points können Sie diese textuell ändern und angeben, wohin diese USPs verweisen. Geben Sie hier die Seite ein, auf welche Sie verweisen möchten und nicht die gesamte URL. Ein Beispiel: Möchten Sie auf die Allgemeinen Geschäftsbedingungen verweisen? Dann geben Sie das Folgende hinter dem USP1- oder USP 2-Link ein: service/general-terms-conditions/ Achtung: die USPs, die Sie hier eingeben, dürfen nicht länger als 18 Zeichen sein.

Slider

Das Hochladen von Abbildungen, die Sie in den Slider einfügen möchten, erledigen Sie über Design -> Headlines. Dort können Sie einen existierenden Slider anpassen, indem Sie auf den Bleistift klicken. Hier können Sie den Link und den Text im Slider ändern. Der Slider wird am besten angezeigt, wenn dieser in einer Auflösung von 1500 Pixeln breit x 700 Pixeln hoch platziert wird.

Möchten Sie einen neuen Slider hinzufügen, dann klicken Sie auf das grüne Pluszeichen. Dort können Sie die Abbildung für den Slider hochladen. Sie können Ihrer Abbildung selbst einen Text hinzufügen und dann als vollständige Abbildung hochladen. Oder Sie können Ihren Text für den Slider im Titel platzieren, so wie das obenstehende Beispiel zeigt. In diesem können Sie einen html-Code verarbeiten, um einen Titel oder einen Text für beispielsweise eine folgende Zeile aufzunehmen:<h2>Homepage Slider</h2><p>Versehen Sie Ihren modernen Homepage-Slider mit einem Text</p>. Was zwischen den H2 Tags steht, ist die ‘Rubrik’ und was zwischen <p> und </p> steht, wird in der folgenden Zeile angezeigt werden. Pro Sprache können Sie unterschiedliche Slider hochladen.

Die Einstellungen des Sliders können Sie ebenfalls anpassen. Möchten Sie lieber, dass die Slider-Abbildung sich von links kommend einschiebt und der Text sich nicht einschiebt, sondern langsam erscheint, dann können Sie dies über Design -> Einstellungen, unter der Rubrik Headlines einstellen.

Hier können Sie die Hintergrundfarbe des Textfeldes und die Farbe des Textes anpassen. Sie können ebenfalls anpassen, wie die Slider-Abbildungen erscheinen und verschwinden (beispielsweise einschieben von links, oder langsam erscheinen lassen). Zudem ist es auch möglich einzustellen, wie lange es dauert, bevor die Abbildung erscheint und wie lange es dauert, bevor der Text über der Abbildung angezeigt wird.

Es gibt auch eine Option, um ein einzelnes Schieberegler, die Sie ein transparentes Bild, das “Schieben” wird über sie zu verwenden. Um dies zu nutzen aktivieren Sie die Option, und laden Sie Ihr Banner 2: 1 für den Hintergrund und ein transparentes Bild mit Text, in dem es gleitet über sie. Hinweis: Diese Funktion ersetzt die anderen Slider-Funktion , die Banner und Produkte auf der Homepage.

Homepage banners

Über Design -> Einstellungen gelangen Sie zur Rubrik Homepage Banner. Hier können Sie ebenfalls solch eine schöne Homepage erstellen, indem Sie dort Ihre schöne Abbildung und Ihre Produkte platzieren!

Schermafbeelding 2014-10-28 om 16.05.45

Es gibt dort 8 Positionen, die Sie mit Abbildungen ausfüllen können. Hier sehen Sie die idealen Maße, mit denen Sie Ihre Abbildung hochladen sollten, sodass das Verhältnis schön bleibt und Ihre Abbildung nicht verzerrt wird. Jede Abbildung können Sie auch an eine Seite innerhalb Ihres Webshops weiterleiten. Geben Sie in das Eingabefeld für den Link die URL ein, auf welche Sie verweisen möchten.

Es werden auch 4 Produkte auf der Homepage angezeigt. Diese können Sie an einer etwas anderen Stelle platzieren, nämlich über Design -> Produkte Titelseite. Ziehen Sie Ihre Produkte aus der linken Spalte in das rechte Feld. Hier können Sie 4 Produkte platzieren, die auf der Homepage angezeigt werden.

Navigation und Preise

Über Design -> Einstellungen gibt es noch eine Reihe von Einstellungen, die Sie Ihren Wünschen entsprechend einstellen können.

Unter Navigation können Sie mittels eines Häkchens angeben, ob Sie bestimmte Seiten im Hauptmenü, ‘New Arrivals’ oder ‘Sale’ anzeigen möchten. Sie können ebenfalls die Hintergrundfarben des Menüs und Untermenüs, als auch die Farbe des Textes im Menü und Untermenü anpassen In der Rubrik Preise können Sie die Farbe der Preise anpassen. Dies sowohl für den gewöhnlichen als auch für den Angebotspreis.

Einstellungen

Weitere interessante Einstellungen finden Sie unter der Rubrik Einstellungen, über Design -> Einstellungen
Verbergen Sie RSS Feeds: verbirgt RSS Feeds in der Fußzeile
Verbergen Sie „Mehr“ Fußzeilenlinks: verbirgt die Rubrik ‘Mehr’ in der Fußzeile
Verbergen Sie „Neu im Webshop“: verbirgt die neuen Produkte auf der Homepage
Tags verbergen: verbirgt die Tags in der Fußzeile
Verbergen Sie „Marken“: verbirgt den Markenslider auf der Homepage
Verbergen Sie „Zahlen“: verbirgt die Zahlen auf den Kategorienseiten, die als Übersichten erstellt wurden
Replace Payment Methods Image: aktivieren Sie diese Option mit einem Häkchen, um eine andere Abbildung für die Zahlungsoptionen zu verwenden als die regulären SEOshop-Icons. Wenn Sie diese Option aktivieren, können Sie im Feld darunter die Abbildung hochladen.

Wiedergabe der Produktseite

Unter der Rubrik Einstellungen, über Design -> Einstellungen können Sie die Wiedergabe der Produktseite auswählen. Bevorzugen Sie eine moderne Variante mit 4 großen Produktabbildungen oder doch eher die traditionelle Wiedergabe mit 1 großen Abbildung und den Thumbnails darunter? Diese Entscheidung können Sie unter Product Page Layout treffen.

pdp

Sidebar und Social Media

Auf der Seite Design -> Einstellungen finden Sie die Rubriken Sidebar und Social Media. Unter der Rubrik Sidebar können Sie einstellen, welche Abbildung Sie in der Sidebar auf den Kategorienseiten sehen möchten und wohin diese Abbildung verlinkt. Unter der Rubrik Social Media können Sie die Verweise zu Ihren Social-Media-Seiten eintragen.

USP’s

Schermafbeelding 2014-10-28 om 17.09.47

Möchten Sie den Text ändern oder die Abbildungen der USPs unten auf der Seite platzieren? Dann können Sie dies über Design -> Einstellungen, unter USPs vornehmen. Sie können hier einfach die Hintergrundfarbe, die Abbildungen und Links pro Artikel und die Titel und Texte ändern.

Kundenbewertungen

Möchten Sie die Kundenbewertungen Ihres Kiyoh Accounts anzeigen? Und das „Trusted Shops Logo” platzieren? Diese können Sie selbst auf einfache Weise über Design -> Gütezeichen platzieren. Klicken Sie oben auf das grüne Pluszeichen und fügen Sie das Gütezeichen hinzu. Die Abbildung müssen Sie erst über Dateien -> Abbildungen (ganz unten in der linken Spalte des Backoffice) hochladen. Wenn Sie dies getan haben, können Sie die Abbildung des Gütezeichens und den Link dem Gütezeichen hinzufügen.

Changelog

version 1.4

Wenn die Systemeinstellung “Bleiben Sie auf der Seite” aktivieren, wo Sie auf der Seite bleiben, wenn ein Produkt in den Warenkorb legen können, öffnet sich das Drop-Down-Warenkorb ein paar in der Kopfzahl. Dadurch wird sichergestellt, dass der Kunde eine zusätzliche klare visuelle Bestätigung erhält, dass das Produkt in Ihrem Warenkorb ist.