Inhalt. Installation. Funktionen

Transkript

1

2 Inhalt Installation Funktionen Einstellungen Hintergrund Balken, Button Rabatt Fußzeile Kopfteil, linke Spalte Hauptnavigation Module Preiskategorien, Produkte Text Kontakt

3 Installation Um InStijl Media Theme zu installieren gehen Sie zu theme store. Das Thema enthält 4 Stilvarianten: Standaard (Default) Blue Clean Pink Als Standard wird Default installiert. Außer Sie möchten eine andere Variante installieren, dann haben Sie zwei Möglichkeiten: Sie können eine von 4 Varianten wählen; Sie können selber einen Benutzerdefinierten Stil zusammen stellen. Möchten Sie eine von diesen Voreinstellungen benutzen, dann gehen Sie zu Design > Einstellungen. Dann wählen Sie bei Voreinstellung den gewünschten Stil. 3

4 Funktionen Mega Menü Das InStijl Media Thema ist das allererste Thema mit einem mega drop-down Menü. Das drop-down hat die Breite des Menübalken und zeigt gleichzeitig alle Kategorien, Marken, Preisfilter und empfohlene Produktbanner. Rabatt Label Wenn ein Produkt reduziert wird, wird bei diesem Produkt ein Label angezeigt. Dieses Label gibt den Rabatt in Prozent wieder. Es ist auch möglich, das die Farbe vom Label sich verändern, wenn der Rabatt oben eine X-Nummer anzeigt. Dies ist jedoch optional. Preis Kategorien Im Mega Menü können Sie optional 5 Preiskategorien ausfüllen. Den Wert den Sie angeben ist die Standardwährung Ihres Web-Shops. Der Wert für alle anderen Währungen wird automatisch für Sie berechnet. Sticky Menu Wenn Sie am Menübalken vorbei scrolen, bleibt dieser oben am Bildschirm festsitzen. USP Banners Sie haben die Möglichkeit 5 USP Banner auf Ihrer Homepage hinzufügen. Zwei lange Banner mit 3 kleinen Bannern dazwischen in variabler Höhe. Zusätzlich gibt es auch die Möglichkeit um einen USP Banner an der linken Seite der folgenden Seiten anzubringen. Kürzlich angesehen Am Rand der folgenden Seiten werden die zuletzt angesehen Produkten angezeigt. Social Media Sie können einen Link zu Ihrem Facebook, Twitter, YouTube und Pinterest Konto eingeben. Es wird dann ein Icon in der Fußzeile vom Thema platziert. Doppelter Produkt Zoom Auf der Produktseite können Sie auf zwei Arten die Abbildungen vergrößern. Mit der Maus über das Produktbild gehen um es zu vergrößern Mit der Maus auf das Miniaturbild klicken um die ursprüngliche Abbildung zu sehen. Auf der Produktseite werden die Abbildungen auf 335 x 335 Pixel wiedergegeben. Darum empfehlen wir Ihnen minimal 335 x 335 Pixel für die Abbildungen zu benutzen. Für ein besseres Resultat bei der Zoom Funktion raten wir Ihnen jedoch eine größere Abbildung an. Slider Sie können Abbildungen auf der Titelseite auch an einem Slider zufügen via Design > Headlines (940 x 432 Pixel). 4

5 Einstellungen Hintergrund Die erste Kategorie enthält die Werte die den Hintergrund der Webseite bestimmen. - Background Color: Die Hintergrundfarbe der Fläche rund um die Seite wo auch eine Abbildung platziert werden kann. - Container background color: Die Hintergrundfarbe von der Seite selber. Diese ist Standard Weiß, kann aber auch verändert werden. - Bild: Hier wird die Abbildung platziert für den Hintergrund der Website. - Position: Die Position der Abbildung. Diese ist Standard Top left. - Wiederholen: Hier wird bestimmt ob die Abbildung wiederholt wird oder nicht. Hierbei gibt es vier Möglichkeiten; Repeat: Wiederholt beide Abbildungen horizontal und vertikal No-repeat: Die Abbildung wird nicht wiederholt. Dies wird meist bei sehr großen Abbildungen benutzt. Repeat horizontal: Wiederholt die Abbildung horizontal Repeat vertical: Wiederholt die Abbildung vertikal Scroll/Fixed: Machen Sie hier die Wahl für die platzierte Abbildung; Scroll: Die Abbildung scrolt mit. Fixed: Die Abbildung bleibt fest. 5

6 Blöcke Hier kann die Farbe der Blöcke auf der Website angepasst werden. - Background Color: Die Hintergrundfarbe der Produktblöcke in der Foto-Tabelle und Listen Wiedergabe. - Input color: Die Hintergrundfarbe aller Eingabefelder. - Input text color: Die Farbe des Textes im Eingabefeld Knöpfe Das sind die Farben der Knöpfe. - Default-Background Color: Die Hintergrundfarbe der Schaltflächen in der Fußzeile, der Detail Schaltfläche in der Listenansicht und der tags hinzufügen Schaltfläche. - Default-Text Color: Die Farbe des Textes der Schaltfläche - Buy background color: Die Hintergrundfarbe vom Einkaufswagen Button - Buy text color: Die Textfarbe vom Einkaufswagen Button. 6

7 Rabatt Das sind die Variablen des Rabatt Labels: - Hide high discounts: Hier wird die Veränderung der Farbe bei hohen Rabatt ausgeschaltet. - Hintergrundfarbe: Die Standard Hintergrundfarbe des Labels - High discount color: Die Hintergrundfarbe die verwendet wird bei hohen Rabatten. - Prozentsatz: Die Anzahl die bestimmt wenn ein Label die Farbe verändern soll. 7

8 Footer Das sind die Variablen vom Footer: - Footer background color: Die Hintergrundfarbe der Fußzeile - Footer title color: Die Farbe des Titels sowie Mein Konto und Kategorien - Footer text color: Die Textfarbe der Fußzeile - Main footer banner image: Der erste große USP Banner in der Fußzeile (940 x 86 Pixel) - Main footer banner link: Der link des Ersten großen USP Banners. - Footer banner 1 bis 3 (link): Die Abbildungen und Links der drei kleineren USP Banners in der Fußzeile (Breite: 296 Pixel) - Main footer banner 2: Der Zweite große USP Banner in der Fußzeile. Dieser steht unter den drei kleineren Bannern und kann auch einen Link wiedergeben (940 x 86 Pixel) - Facebook Link: Der Link wo das optionale Facebook Icon steht. Der Twitter-, YouTube und Pinterest Link ist dasselbe als der Facebook link. 8

9 Kopfzeile Hier kann ein Header / Logo und Favicon hochgeladen werden. - Header/Logo: Bestimmt das Logo oberhalb der Seite. Die Höhe ist 110 Pixel und die Breite darf maximal 670 Pixel sein. - Ein Favicon ist eine Abbildung die im Tabblatt neben dem Namen des Webshops steht (16 x 16 Pixel). Left Column Das sind die Farben der Ränder von den nachfolgenden Seiten. - Line color: Die Farbe der oberen Zeile der jüngsten Produkte, aber auch anderer Zeilen sowie die der Populären Produkte auf der Titelseite. - Banner: Der optionale USP Banner (Breite: 190 Pixel) - Banner link: Die URL wohin der USP Banner verlinkt. 9

10 Main navigation Das sind die Variablen der Navigationsleiste. - Highlight: ist ein empfohlenes Produkt welches im Mega Menü wiedergegeben wird. - Highlight Link: ist die URL wo es hin verweisen soll - Navigation background color: ist die Hintergrundfarbe der Navigationsleiste - Navigation text color: ist die Farbe des Textes im Menü - Navigation item bg color: ist die Hintergrundfarbe des Mega Menüs und der Menüelemente wenn der Mauszeiger darüber bewegt wird. - Sub navigation title color: ist die Farbe des Titels im Mega Menü sowie Kategorien und Marken. - Sub navigation text color: ist die Farbe des Textes im Mega Menü. - Home: ist das optionale Bild das hochgeladen werden kann wenn ein Bild anstatt eines Textes sichtbar sein soll auf der Website. 10

11 Module Hier stehen die show/hide Optionen des Webshops. - HideNewsletter: verbergt den Newsletter in der Fußzeile. - Hide RSS Feeds: verbergt den RSS Feed in der Fußzeile. - Hide Tags: verbergt die tags in der Fußzeile - Hide Brands Button: verbergt die Schaltfläche Marken im Menü - Hide percentage discounts: verbergt den Rabatt Label komplett. - Hide gradients: verbergt den Farbverlauf im Menü, Rabatt Label und den Buttons. - Hide products totals: verbert die Produkt Anzahl der tags. - Show category names: zeigt die Kategorie-Namen auf der Homepage. - Show recent products: zeigt die zuletzt gesehenen Produkte am Rand der folgenden Seite an 11

12 Price Categorien Das sind die Preiskategorien im Mega Menü - Hide price categories: verbergt die Preis Kategorie - Price category 1: ist der erste Filter. Dieser hat Standard einen minimalen Wert von 0. Der Maximale Wert muss selber eingegeben werden (dies muss eine Zahl sein) Dieser Wert bestimmt auch den Mimimum Wert von dem zweiten Filter. - Price category 2&3: sind die zweiten und dritten Filter. Der Maximum Wert muss hier selbst bestimmt werden (dies muss eine Zahl sein) Der minimale Wert ist der maximale Wert vom vorherig eingegebenen Filter. - Price category 4: bestimmt den maximalen Wert des vierten Filters und den minimalen Wert des fünften Filters (dieser Wert muss eine Zahl sein). Der fünfte Filter enthält keinen maximalen Wert. Produkte Das sind die Produktfarben. - Product border color: ist die Farbe des Randes um die Produktblöcke (Photo-Tabelle/Liste) - Product border hover: ist die Farbe des Randes um die Produktblöcke wenn die Maus sich darüber bewegt. - Tabs border color: ist die Randfarbe des Tabs auf der Produkt Seite. 12

13 Text Das sind die allgemeinen Farben des Textes - Link color: ist die Farbe der Links auf der Website. - Text Color: ist die Farbe der Standard Texte - Accent Color: ist die Farbe der Preise - Title Color: ist die Farbe der Titel - Text Contrast: ist die Textfarbe der Rabatt Labels und Kategorie/Marken Titel. 13

14 Kontakt Bei Fragen helfen wir Ihnen gerne weiter. Wir sind telefonisch erreichbar unter: +31(0) Werktags von 9:00 Uhr bis 17:00 Uhr Besucheradresse InStijl Media Mors 11c NL MX EIBERGEN Postadresse InStijl Media Postbus 53 NL AB EIBERGEN info@instijlmedia.nl 14