(at the moment only in English)

The required measurements for the (product)images are as following:

• Headlines: for "full-width" headline images please upload a minimum of 1160px width; the height van vary; our advice is to use a height size of 250 to 700px (max). In case the headline banners are activated, the main headline image (left) should measure at least 777 x 442 px; the pixel dimensions for the "headline banners" (right side of the main headlines on the left): at least 375 x 216px.
• Product images: on the product detail page an image is shown of 490 x 490 pixels (square); please upload images of at least 490 pixels height. In case you use the "zoom"-option then product images should be bigger than that to be able to zoom in; our advise is to upload images of 1000 px height and/or width for the best "product experience". If an image is not square, this image will be shown within a square of 490 pixels, the rest of the space will be expanded with white automatically.
• Category images: these images are automatically scaled (for responsive purposes) to other pixel dimensions; for optimal viewing a width measure ofat least 380 pixels is required. On the homepage they will be shown as a 270px image width and height; the rest of the space is filled with white automatically.
• Sidebar banner: at least 264px (square); the rest of the space is filled with white automatically.
• Main banners (only homepage): at least 532 pixels width. Bigger pixel dimensions are automatically scaled back.
• Brand logos: for the brand slider (footer) an image pixel dimension of 145px width is required; heigth is free to choose, we advise you to use 100 pixels for the heigth, and to center the logos vertically within this plane (of 145x100px). For the page "Brands" the brand logo images are automatically scaled to different  pixel dimensions (for responsiveness).
• Hallmark logos: height is maximum 60 pixels, width is free to choose.

Note: For the zoom function to work correctly, the product image should be bigger than 490 pixels width and height.

Eine Anzahl von Elementen kommen beinahe auf allen Seiten vor, insbesondere im Header und in der Fußzeile. Die folgenden festen Elemente die auf den meisten Seiten zurückkehren und einstellbar sind (zusätzlich zu den üblichen Elementen als Logo und Warenkorb):

Kopfzeile (Header):

• USP (als Slider/Schieber-Regler oben auf allen Seiten) direkt zur Einstellung
• Display-Header ("sticky" mit und ohne Logo und Warenkorb)

Fußzeile:

• Markenschieber
• Gütesiegel (Hallmarks)
• Kiyoh Widget, Webwinkelkeur-Widget & Social Media Feldern
• Firmen- und Kontaktinformation

Kopfzeilen-Einstellungen

USP Schieberregler:

Sie können Ihre eigene USP-Meldungen, Maximum 3, einstellen. Diese werden in der obersten Reihe nebeneinander angezeigt. Wenn der Bildschirm kleiner ist, dann werden diese automatisch in ein Karussell konvertiert, wobei die Texte abwechselnd angezeigt werden. Um die Texte zu zeigen, müssen Sie erst über aktualisierte Übersetzungen einen Übersetzungsschlüssel anlegen. Einen pro USP Text. Dieser Schritt ist notwendig, damit Sie die Texte auch in den anderen Online-Shop-Sprachen anzeigen können. Das Erstellen von einem Übersetzungsschlüssel geht so (für USP #1):

• Gehen Sie im Back-Office zu Design > Übersetzungen
• Legen Sie mit dem grünenTaste (oben) einen neuen Übersetzungsschlüssel an. Geben Sie in dem Feld "Schlüssel" den Namen "USPmessage_1" ein (Achten Sie bitte auf die Großschreibung)
• Lassen Sie die Dropdown-Liste "Bestehende Übersetzungen" ansonsten leer (-----------)
• Klicken Sie auf "Sichern"
• Im nächsten Fenster geben Sie dann bei "Übersetzungen" die unterschiedlichen USP-Texte pro Sprache ein. (Je nachdem wie viele Sprachen Sie in Ihrem Online-Shop benutzen)c
• Klicken Sie auf "Sichern & zurück"; der Übersetzungsschlüssel mit en Übersetzungen ist nun gesichert.

Wiederholen Sie diese Schritte für die anderen USP=Meldungen (Maximum 3), Benutzen Sie dann "USPmessage_2" und "USPmessage_3" als Übersetzungsschlüssel.

Fußzeilen-Einstellungen

Marken-Schieber

Unten auf allen Seiten, wird der "Marken-Schieber" angezeigt. Dieser Schieber kann Maximum 10 Marken-Logos in alphabetischer Reihenfolge enthalten. Die Reihenfolge kann hier nicht verändert werden.

Gütesiegel (Hallmarks)

Die Symbole der Qualitätszeichen/Zertifikate müssen Sie erst im Back-Office über das linke Menu "Dateien" hochladen. (ganz unten). Nachdem Sie das Logo des betreffenden Qualitätszeichens hochgeladen haben, gehen Sie zurück zu Design > Qualitätszeichen; hier geben Sie den Namen des Qualitätszeichens ein und den Link zur Webseite des Qualitätszeichens. Mit dem grünen + Zeichen oben, verbinden Sie das hochgeladene Qualitätszeichen-Bild an das Qualitätszeichen.

Kiyoh und Webwinkelkeur-Widgets

Standard sind diese Widgets (Funktionsbausteine) schon eingebaut. Das einzige was Sie tun müssen, ist diese im Back-Office zu aktivieren, wenn Sie die Widgets in Ihrem Online-Shop zeigen wollen. Diese Widgets werden unten in der Fußzeile sichtbar, neben den eventuellen Facebook- und Twitter-Widgets. Sie haben die Möglichkeit um alle zwei zu aktivieren (siehe Beispiel unten), dann werden sie in einer schmaleren Spalte angezeigt. Bei nur einem Widgets, wird die Spalte etwas breiter.

 

Wenn aktiviert, werden die Kiyoh und Webwinkelkeur-Widgets in der Fußzeile gezeigt.

Kiyoh Einstellungen:

Siehe 04f. FOOTER: Kiyoh Settings

Die Einstellungen für die Wiedergabe von dem Kiyoh-Widget in der Fußzeile.

Webwinkelkeur-Widget Einstellungen

Siehe 04h. FOOTER: Webwinkelkeur Settings

Die Back-Office Einstellungen für den Online-Shop-Zertifikat-Widget sieht folgendermaßen aus:

Die Webwinkelkeur-Einstellungen um den Widget auf allen Seiten in der Fußzeile zu zeigen.

Sollten Sie noch andere Wünsche in Bezug auf die Platzierung von diesen Elementen, dann ist Maßarbeit immer möglich. Nehmen Sie ganz unverbindlich Kontakt mit uns auf über Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein!. 

Social-Media Felder

Neben den Bewertung-Widgets wie die von Kiyoh und Online-Shop-Zertifikat können in der Fußzeile auch 2 Widgets (Felder) von Facebook und Twitter aufgenommen werden. Diese werden in derselben Fußzeile gezeigt. Gehen Sie für diese Einstellungen zur Seite "Social-Media Integration".

Firmeninformation/"Kontaktinformation"

Siehe: 04i. FOOTER: Contact Information

Ihre Firmeninformation wird unten in der Fußzeile auf allen Seiten gezeigt. Neben Ihrer Adresse können Sie hier auch Ihre Firmen-Philosophie, Firmenprofiel und andere kurze Texte über Ihre Firma laden. Nützlich für die Besucher ist die Adresse und Telefonnummer Ihrer Firma.

Die Firmenkontakt-Information wird unten in der Fußzeile auf allen Seiten gezeigt

Diese Daten sind von Mikrodaten und speziellen Codes versehen ("structured data") die von Google empfohlen werden um Ihre Firmeninformation so gut wie möglich durch Suchmaschinen indexieren zu lassen. Es ist empfehlenswert um diese Firmeninformation hier sehr sorgfältig ein zu geben.

Die Back-Office Einstellungen für die Firmenkontaktinformation.

Um den Text für das Firmenprofil und Firmen-Philosophie mehrsprachig benutzen zu können, müssen Sie einen Übersetzungsschlüssel anlegen; diese Übersetzungsschlüssel soll aber die Name "missionstatement" bekommen um zu funktionieren. Mehr darüber lesen Sie auf die Seite "Benutzerdefinierte Übersetzungen".

Das Thema "Berlin" beinhaltet zwei selbst zusammen zustellende Navigationsmenüs und ein bestehendes "Top-Menü". Die zwei zusammengestellten Navigationsmenüs beziehen sich auf das horizontale Hauptmenü oben und das vertikale Produktkategorienmenü in der linken Spalte. Dazu gibt es das schon bestehende "Top-Menü", ganz oben auf allen Seiten. (kontakt/anmelden/registrieren). Dieses Top-Menü beinhaltet einen Link für das Kundenkonto-Management (anmelden & registrieren) und immer einen Link zur Kontakt-Seite, sodass der Benutzer schnell über diesen Link Ihre Kontakt-Information finden kann.

Hauptmenü (Primäre Navigation)

Das horizontale Hauptmenü oben, zeigt Maximum zwei Sub-Ebenen an. Sollten Sie mehr Ebenen in Ihrem Produkt-Sortiment angewandt haben, dann werden diese im Sekundären Kategorie-Menü, in der linken Spalte auf der Folgeseite, gezeigt, aber nicht im Hauptmenü. (Bemerkung: Sollten Sie den Wunsch haben um von dieser Einstellung abzuweichen, dann ist Maßarbeit eine Möglichkeit. Nehmen Sie dann kontaktmit uns auf über Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein!)

Das Hauptmenü wird standardmäßig aus den folgenden Elementen aufgebaut:

• home
• Kategorien (Haupt-Ebene mit bis zu zwei Sub-Ebenen als Ausklapp-Menü)
• Textseiten (wenn eingestellt)
• Marken (wenn eingestellt)
• Blog (wenn eingestellt)

Die Haupt-Kategorien, die Sie im Back-Office vom SEOshop eingestellt haben, werden im Hauptmenü benutzt. Die Sub-Kategorien die Sie angelegt haben werden als ausklappbare Menüs gezeigt. Diese werden mit einem kleinen Pfeil-Symbol gekennzeichnet. Für weitere Informationen über das Einstellen der Hauptnavigation lesen Sie diese Seite aus der Gebrauchsanweisung vom SEOshop. Für Sub-Kategorien lesen Sie diese SEOshop-Seite.

Hauptmenü erweitern mit "Blog" und/oder "Marken"

Sie können das Hauptmenü erweitern mit den Buttons/Schaltflächen "Blog" (oder den von Ihnen hierfür verwendeten Namen), und/oder "Marken". Auf diese Art, können Sie den Besucher schnell zu diesen Seiten leiten.

Die Einstellung hierfür im Back-Office (ein/aus schalten):

Siehe 02d. HEADER: Navigation:

Durch das Feld an/aus zu klicken bestimmen Sie welche Funktionen an das Hauptmenü hinzugefügt werden.

Einstellung zum Design Hauptmenü:

Unter 02d. HEADER: Navigation finden Sie die Einstellungen für Farbe, Schriftart, Schriftgröße usw. für das Hauptmenü ("Main Nav").

Die Farbeinstellung für das horizontale Hauptmenü (Primäre Navigation).

Kategorie-Menü (Sekundäre Navigation, Sidebar)

Auf den Produktkategorien-Seiten und Produktdetail-Seiten wird in der Seitenleiste/Sidebar (Spalte rechts oder links, abhängig von Ihrer Einstellung) ein Menü gezeigt, das genauso wie das Hauptmenü zusammengestellt ist, nämlich basierend auf die Produktkategorien die Sie im Back-Office eingestellt haben. Sollten Sie Sub-Kategorien angelegt haben, dann werden diese automatisch im Sub-Menü gezeigt. Über die Einstellung im Back-Office können Sie bestimmen ob die Hauptkategorie-Funktionen schon direkt ausgeklappt stehen und so alle Sub-Kategorie zu sehen sind, oder das die Hauptkategorien zugeklappt stehen. Dies ist standardmäßig.

Sie können Maximum drei Sub-Ebenen innerhalb einer Hauptkategorie anzeigen.

Instellingen sidebar menu

Unter 07a. SIDEBAR: Settings können Sie angeben, ob Sie das Seitenleisten-Kategorie-Menü sichtbar machen wollen oder nicht.

Die Farbeinstellung für das vertikale Kategorien-Menü (linkes Menü; das Seitenleisten-Menü "sidebar category menu").

Anzahl der Produkte pro Produktkategorie zeigen

Standardmäßig wird im Kategorie-Menü die Anzahl der Produkte pro (Sub) Kategorie angezeigt, Sollten Sie diese Anzahl verbergen wollten, dann können Sie Gebrauch machen von unten genannter Einstellung:

Aktivieren Sie diese Option um die Anzahl pro Kategorie im Kategorie-Menü links zu verbergen.

Top-Menü (tertiäre Navigation) und "Kunden-Menüs" (Sprach- und Währungsoption)

Das Top-Menü ganz rechts oben auf dem Online-Shop beinhaltet drei Funktionen, zwei linken zu den Webseiten für Kontakt und Registration. Der dritte Link öffnet ein Fenster um sich direkt anzumelden, dies ist für Kunden die schon ein Online-Kundenkonto haben. Dieses Top-Menü ist ein bestehendes Menü und kann nicht über das Back-Office konfiguriert werden.

Das bestehende "Top-Menü" oben.

Sollten Sie eine anderen Zusammenstellung wünschen, dann können Sie selbstverständlich Kontakt mit uns aufnehmen für Anpassungen auf Maß. Wir stehen Ihnen über info[at]totalli.nl jederzeit zur Verfügung.

Kunden-Menüs (Sprach- und Währungsoption)

In der selben Reihe links oben, sind auch die Kunden-Menüs für Sprach- und Währungsoption zu finden. Die Einstellungen hierzu finden Sie ebenfalls unter 02b. HEADER: Look & Feel (die werden da "Customer Menus" genannt). Diese Menüs werden automatisch aus den Einstellungen für Sprache bzw. Währung vom Webshop aufgebaut.

Option "Anzeigen vom Kunden-Menü beim scroll-down)

Mit dieser Option können Sie bestimmen, um die oberste Reihen mit dem Top-Menü, inkl. das Kunden-Menü für Sprach- und Währungsoption, zu verbergen sobald der Besucher nach unten blättert. Dies sorgt dafür, dass sobald man blättert, mehr Platz auf dem Bildschirm frei wird. Ist diese Funktion nicht angeklickt, dann erscheint dieses Menü immer auf dem Bildschirm. Nur der Balken mit den USPs verschwindet dann beim Blättern vom Bildschirm.

Berlin hat mehrere Möglichkeiten um Banner zu platzieren:

• auf der Homepage im Header, als "Headline-Banner" (2x);
• auf der Homepage als "Main-Banner" (2x), Seitenmitte zwischen den Produktbausteinen;
• Seitenleisten-Banner/Slidebar-Banner (auf allen Seiten die eine eingestellte Seitenleiste haben -, also Produktübersichtsseite und Produktdetailseite). direkt zu Seitenleiste einstellen

Über die Einstellungen von den “Headline Banner" lesen Sie mehr auf der Seite "Startseite Slideshow (Headlines)" (diese Banner werden als sogenannte "Headline" eingegeben und sind mehrsprachig (sowohl Headline-Abbildungen als auch Headline-Texte); die "Main-Banner" können Sie separat über die Back-Office-Einstellungen verwalten und sind nur hinsichtlich der Bannertexten über einen Umweg durch die Verwendung von " aktualisierte Übersetzungen " für alle Sprachen in Ihrem Webshop zu übersetzen. Die Banner-Abbildungen selbst können leider nicht pro Sprache separat eingestellt werden.

"Main-Banners" (Homepage)

Diese werden auf der Homepage zwischen den Produktbausteinen für „empfohlene Produkte“ gezeigt. Sie können die Abbildungen über das Back-Office hochladen/uploaden.

Die zwei "Main-Banners" auf der Homepage

Hierzu finden Sie die Einstellungen unter der Überschrift: 03c. HOME PAGE: Banners. Hier können Sie die Banner verbergen, Abbildungen hochladen und von Links versehen:

Back-office Einstellungen für die "Main-Banner" mit der Möglichkeit um für 4 Sprachen (Niederländisch/Deutsch/Englisch/Französisch) Links für die Banner hinzuzufügen.

Sie können, wenn Sie wollen die "Main-Banner" koppeln, so dass diese klick bar werden, dies ist sicherlich ratsam da ein Banner dann auch an der Interaktion von Ihren Besuchern mit dem Webshop beiträgt. Diese Möglichkeit beschränkt sich auf die 4 standardmäßigen Sprachen: Niederländisch, Deutsch, Englisch und Französisch. Für diese Sprachen, können Sie die Links nach den durch Sie ausgesuchten Webshop-Seiten eingeben. Hierzu kopieren Sie den letzten Teil der Web-Adresse (url) vom Web-Browser von der Seite zu der Sie linken wollen, und führen dies in das Eingabefeld für den entsprechenden Banner ein. Sie können zu einer Kategorie-Seite linken aber auch zu einer bestimmten Produktseite oder Textseite..

Möchten Sie für eine andere Sprache Links an den Main-Banner koppeln, dann ist eine kleine spezifische Anpassung immer möglich. Nehmen Sie über Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein!, kontakt mit uns auf, wir beraten Sie gerne unverbindlich wie Sie dies am besten realisieren können.

Leider ist es momentan nicht möglich um im SEOshop pro Sprache eine andere Abbildung für die Banner zu benutzen. Sie können nur 1 Abbildung für alle Sprachen hochladen/uploaden; darum haben wir uns dafür entschlossen, Ihnen die Möglichkeit zu geben, um den "Banner-Captions", das ist der Text, der über der Banner-Abbildung gezeigt wird, im Übersetzungsschlüssel vom SEOshop mehrsprachig zu machen.
Wir verweisen Sie zur Seite eigene Übersetzungen, hier können Sie lesen wie Sie selbst einen Übersetzungsschlüssel anlegen können, um die „Main-Banner-Beschriftung“ mehrsprachig zu machen.

Sidebar banner

Die "Sidebar banner" kann in der Seitenleisten Spalte (links oder rechts, abhängig von Ihrer Einstellung) auf der Produktübersichtsseite und der Produktdetailseite angezeigt werden. Die Sidebar banner kann leider nicht mehrsprachig gemacht werden und hat keine "Caption Text" Möglichkeit.

Die "Sidebar Banner" unten in der Seitenspalte.

Die Einstellungen für den Sidebar Banner mit Eingabefeld für die Banner-Abbildungen und den Link:

Siehe 07a. SIDEBAR: Settings