Voilà

Voilà

Lightspeed eCom Theme Dokumentation Version 1.0


Einleitung

  • Artikelname : Voilà Lightspeed theme
  • Artikelversion : v 1.0
  • Autor : Dominic Huysmans

Zuallererst, vielen Dank für den Kauf dieses Templates und dass Sie mein treuer Kunde sind. Sie sind Klasse!
Sie haben Anspruch auf lebenslange kostenlose Updates für dieses Produkt + außerordentlichen Support direkt vom Autor.

Diese Dokumentation soll Ihnen helfen, jeden Schritt der Anpassung zu verstehen. Bitte gehen Sie diese Anleitung sorgfältig durch, um zu verstehen, wie dieses Template aufgebaut ist und wie es korrekt editiert wird.

Installation #zurück nach oben

Um dieses Theme zu installieren, gehen Sie zu Design > Aktuelles Template store und klicken auf eine der auf der Seite verfügbaren Voilà Variationen. Die Variationen stellen alle das gleiche Theme dar, kommen jedoch mit vordefinierten Einstellungen daher, um Ihren Start zu beschleunigen. Die Voreinstellungen sind wie folgt:

  1. Fashion
  2. Elektronik

Um eine bestimmte Voreinstellung zu installieren, gehen Sie zu Design > Template anpassen > Voreinstellungen anzeigen.

Anpassung #zurück nach oben

Um mit der Anpassung Ihres Themes zu beginnen, gehen Sie zu Design > Template anpassen. Auf diesem Bildschirm klicken Sie auf den blauen Button mit der Aufschrift "Einstellungen". Klicken Sie NICHT auf "Template anpassen". Dieser ist nur für die fortgeschrittene individuelle Entwicklung des Themes vorgesehen und Sie werden keine weiteren Updates mehr erhalten. Lesen Sie die nachfolgenden Abschnitte, um mehr über jede der Optionen zu erfahren.

Wenn Sie die Entwicklung eines individuellen Themes benötigen, kontaktieren Sie mich bitte über diese Seite.

Ihr Logo hochladen

Laden Sie das Hauptlogo für die Seite im dem dafür vorgesehenen Feld hoch. Wir empfehlen das Logo in der doppelten Größe des gewünschten Ergebnisses hochzuladen. Dies ermöglicht die scharfe Darstellung des Logos auf einem HD Bildschirm. Wir empfehlen außerdem, ein .PNG Bild mit transparentem Hintergrund hochzuladen. JPG Bilder gestatten keinen transparenten Hintergrund und könnten auf einem farbigen Hintergrund oder auf dem Hero Banner in voller Breite (soweit aktiviert) seltsam aussehen.

Sie können auch eine weiße Version Ihres Logos hochladen. Dies ist ein optionales Feature und wird nur benötigt, wenn Sie planen, das Hero Banner in voller Breite zu nutzen. Bei der Verwendung dieses Banners wird ein Bild unter dem Logo platziert und Sie können die Anzeige der weißen Version auswählen, wenn der Hintergrund dunkel ist und so sicherstellen, dass für die Sichtbarkeit ein ausreichender Kontrast vorhanden ist.

Logo Position

Bitte wählen Sie, wo das Logo im Header platziert werden soll. Standardmäßig wird dieses links vor dem Menü angezeigt, jedoch können Sie Ihr Logo auch in der Bildschirmmitte zentrieren.

Logo links

Logo zentriert

Logo Größe

Wir haben 3 Größen für Ihr Logo vordefiniert, um sicherzustellen, dass dieses im Header gut aussieht. Wählen Sie diejenige, die dem gewünschten Ergebnis entspricht.

In diesem Bereich können Sie die Farben der Elemente von Voilà anpassen. Dies ermöglicht Ihnen, Ihrem Store ein einzigartiges Aussehen zu verleihen. Wir empfehlen Ihnen, zwischen Text und dem Hintergrund immer genügend Kontrast zu lassen, damit der Inhalt lesbar bleibt. Hier sind die Farben, die Sie anpassen können:

  1. Titles/Headings color: Dies wird die Farbe aller Haupttitel und Überschriften der Seite ändern.
  2. Text/content color: Dies wird die Farbe des Haupttextes und der Absätze, ebenso wie die einiger Eingabeelemente ändern.
  3. Buttons color: Diese wird hauptsächlich für den Button "Zum Einkaufswagen hinzufügen" auf den Produktseiten verwendet.
  4. Highlight color: Diese Farbe wird nur für einige kleine Element verwendet wie die Preisauswahl und Bewertungssterne.
  5. Notifications and badges color: Dies wird die Hintergrundfarbe der Produktabzeichen "Sale" und "New" ändern und ebenso die Hinweise, die auf den Seiten erscheinen könnten. Bedenken Sie, dass der Text innerhalb dieser Hinweise weiß ist und daher die Hintergrundfarbe dunkel genug sein muss, um die Lesbarkeit zu gewährleisten.

Hintergrund #zurück nach oben

Sie können den Hintergrund Ihres Shops anpassen, indem Sie dessen Farbe ändern und ein Hintergrundbild hinzufügen. Wir empfehlen, dass Sie nur die Hintergrundfarbe ändern.

Typografie #zurück nach oben

Mit Hilfe dieses Bereiches können Sie die Typografie Ihres Shops anpassen. Sie können aus einer Vielzahl von Google Fonts auswählen. Um eine Vorschau von jeder Schrift zu erhalten, können Sie diese entweder auf der Google Font Webseite suchen oder versuchen, diese zu aktivieren, um sich das Ergebnis anzusehen. Sie können für die Überschriften/Titel und den Haupttext Ihres Shops zwei unterschiedliche Schriften auswählen.

Sie können auch die Schriftstärke für jedes Element auswählen. Bitte beachten Sie, dass einige Schriften eventuell NICHT in der gewünschten Stärke verfügbar sind. Wenn Sie wissen möchten, ob eine Schriftstärke verfügbar ist, besuchen Sie bitte Google Fonts. Andernfalls wird diese mit der nächsten verfügbaren Schriftstärke ersetzt.

Mit Hilfe dieses Abschnitts können Sie das Layout von Header/Menü Ihres Shops anpassen. Es stehen zwei Menü-Layout-Optionen zur Verfügung:

Mega menu

Simple menu

Standardmäßig werden bis zu 3 Ebenen Ihrer Produktkategorien im Menü angezeigt. Die Kinder einer Elternkategorie werden in einem Untermenü angezeigt. Sie können diese Funktion deaktivieren und manuell Links in Ihr Menü einfügen, indem Sie zu Design > Navigation gehen.

Sie können zusätzlich die Anzeige eines Links zu der Markenseite einstellen, die alle verfügbaren Marken Ihres Shops anzeigt, sowie einen Link zu Ihren aktivierten Blogs unter Blogs > Blogs.

Mit Hilfe dieses Bereiches können Sie den Footer Ihres Online-Shops anpassen. Die Optionen sind selbsterklärend, so dass Sie diese Ihren Bedürfnissen entsprechend ausfüllen können.

Home modules #zurück nach oben

Voilà besitzt ein Modulsystem, das Ihnen die Anpassung Ihrer Homepage nach Ihren Wünschen ermöglicht. Sie können auswählen, welche Module Sie anzeigen möchten und in welcher Reihenfolge. Mehr Informationen finden Sie nachfolgend bei den Einstellungen zu jedem Modul.

Um die Module anzuzeigen, wählen Sie in diesem Bereich in jedem der Modul-Slots ein Element. Sie können auch "leer" auswählen, wenn Sie in einem Slot nichts anzeigen möchten. Bitte beachten Sie, dass bestimmte Einstellungen einiger Module deren Anzeige verhindern können. Lesen Sie diesen Bereich sorgfältig durch, um sicherzustellen, dass alles Ihren Wünschen entsprechend wird.


Hero banner - #zurück nach oben

Dies ist das Haupt-Hero-Banner für Ihren Shop. Das Hero Banner Modul ermöglicht Ihnen die Anzeige großer, plakativer Einleitungsbilder, eines Karussells oder sogar eines Videos, um Ihre Kunden zu begrüßen.

Es gibt 2 Layout-Typen für das Hero Banner: Gerahmt und volle Breite. Beide Optionen ermöglichen Ihnen die Verwendung einfacher Bilder, Videos oder Karussells.

Gerahmt

Volle Breite

Bitte beachten Sie, dass, wenn Sie die Funktion Volle Breite verwenden möchten, Sie ein weißes Logo hochladen müssen, wie im Bereich Logo beschrieben. Das Hochladen einer weißen Version Ihres Logos wird sicherstellen, dass Sie ausreichend Kontrast zwischen dunklen Hintergrundbildern und dem Logo selbst haben. Das weiße Logo wird nur angezeigt, wenn Sie die Folientextfarbe auf weiß setzen. Wenn Sie mehr als eine Folie haben, werden die Menüfarbe und das Logo entsprechend der von Ihnen gewählten Optionen für jede Folie geändert.

Sie können auch auswählen, ob Sie die Anzeige einer Karussellpaginierung möchten (falls Sie mehr als 1 Folie haben) und sowohl die Autostart-Eigenschaft als auch dessen Geschwindigkeit einstellen.

Hero Banner Folien

Sie können bis zu 3 Karussellfolien hinzufügen und jede Folie hat ihr eigenes Set an Einstellungen, die Sie anpassen können. Wenn Sie nur ein einzelnes Bild oder ein Video anzeigen möchten, brauchen Sie nur die erste Folie auszufüllen und zu aktivieren.

Aus Gründen der Leistung und Nutzbarkeit können Sie im Karussell nur ein Hintergrundvideo einstellen. Darum besitzt nur die erste Folie die Möglichkeit, eines hinzuzufügen. Es wird empfohlen, dass Sie nur eine einzelne Folie verwenden, wenn Sie ein Hintergrundvideo einsetzen.

Um ein Hintergrundvideo einzufügen, gehen Sie zu backoffice > Importe > Dateien und laden das .MP4 Video hoch, das Sie verwenden möchten. Der Ton wird automatisch abgeschaltet und das Video wird für ein besseres Nutzererlebnis automatisch wiederholt. Es wird empfohlen, dass Sie ein kurzes und kleines Video mit einer Auflösung von 720p oder 1080p hochladen. Je kleiner die Dateigröße, desto besser.

Es gibt 3 Optionen zur Textplatzierung:

Links

Mittig

Rechts

Wählen Sie diejenige, die am besten zu Ihrem Bild passt. Sie können ebenfalls einen Titel, Untertitel, Button und eine URL hinzufügen, um diese Seite zu verlinken.

Die Option der Textfarbe ist hier wichtig. Wählen Sie eine, die den größten Kontrast zum Hintergrundbild aufweist. Wir möchten sicherstellen, dass der Text stets lesbar ist.


CTA Banner Blöcke - #zurück nach oben

Dieses Modul wird Blöcke mit Handlungsaufruf anzeigen mit einem Hintergrundbild, Text und einem Link. Diese sind ideal, um Verkäufe, Kategorien oder beliebige Inhalte zu bewerben, die Sie in den Vordergrund stellen möchten. Sie können bis zu 3 Blöcke hinzufügen: einen großen Block in voller Breite und 2 kleinere Blöcke, die sich über die Hälfte des Inhalts erstrecken. Alle Blöcke haben ähnliche Optionen.

Sie können bis zu 3 Positionen für den Text dieses Blocks auswählen. Nehmen Sie den, der am besten passt.


Produkte - #zurück nach oben

Dieses Modul wird eine oder mehrere Produktlisten anzeigen. Sie können Produkte nach Beliebtheit, Neuheit oder Besonderheit filtern. Wenn Sie nur eine einzelne Produktliste möchten, wählen Sie einfach "keine" im zweiten und dritten Produktreiter aus.

Sie können auch einstellen, ob Sie die Anzeige eines "New" Etiketts oberhalb aller Produkte im Feed der jüngsten Produkte anzeigen möchten.


Blog - #zurück nach oben

Dieses Modul wird die 3 jüngsten Artikel aus Ihrem Blog anzeigen. Gegenwärtig gibt es keine Optionen für dieses Modul.


Brands - #zurück nach oben

Dieses Modul wird eine Liste der Marken Ihres Shops anzeigen. Für dieses Modul gibt es keine Optionen.


Kategorien - #zurück nach oben

Dieses Modul wird eine Liste der bevorzugten Kategorien Ihres Shops anzeigen. Die Anzahl der Spalten wird davon abhängen, wie viele bevorzugte Kategorien Sie in Ihrem Shop eingestellt haben. Wir empfehlen ein Maximum von 5 oder 6 bevorzugten Kategorien.

Um bevorzugte Kategorien einzustellen, gehen Sie zu backoffice > design > Startseite Kategorien und klicken auf "Add category". Achten Sie darauf, beim Editieren der bevorzugten Kategorie ein Bild hochzuladen. Dieses Bild wird als Hintergrund hinter weißem Text angezeigt, also achten Sie auf ausreichenden Kontrast.


Shop the look - #zurück nach oben

Dieses Modul wird eine Liste der Instagram Fotos Ihres Shops mit den darauf getaggten Produkten anzeigen unter Nutzung des Services eines Drittanbieters namens Snapppt. Bitte beachten Sie, dass die Shop the look Funktion derzeit im Internet Explorer 11 nicht funktioniert. Snapppt arbeitet derzeit an der Unterstützung für den IE11.

  1. Um zu beginnen, besuchen Sie https://www.getsnapppt.com/ und erstellen einen Account. Sie müssen diesen Account mit Ihrer Instagram Seite verbinden.

  2. Gehen Sie zu Ihrem Instagram Feed und wählen ein Foto, dass Sie Ihrer Homepage hinzufügen möchten. Füllen Sie die Optionen aus, indem Sie Ihre Produkte oberhalb des Fotos hinzufügen.

  3. Klicken Sie auf den Share Button von diesem Popup-Fenster, so wie auf diesem Bild angezeigt:

  4. Wählen Sie den Stil, den Sie für diese Bildkarte haben möchten und kopieren den eingebetteten Code unten.

  5. Fügen Sie den Code in eines der "Snapppt picture card script" Felder im Template anpassen ein.

Sie ändern den Titel der Auswahl und wählen zwischen Layout in voller Breite (von der linken Seite des Fensters bist zur rechten) oder einer abgeschlossenen Breite (gleiche Breite wie der Rest des Inhalts).


Instagram feed - #zurück nach oben

Dieses Modul wird einen Feed Ihrer jüngsten Instagram Fotos anzeigen. Um diese Funktion zu aktiveren, müssen sie eine Client-ID, ein Access Token und Ihre User-ID bereitstellen.

  1. Sie werden zwei Haupt-IDs benötigen: Ihre Client-ID und Ihr Access Token. Um beide zu erhalten, gehen Sie bitte zu diesem Link und folgen den Anweisungen auf der Seite.
  2. Im Template anpassen geben Sie Ihre Client-ID ein. Diese ID besteht üblicherweise aus einem Code von ungefähr 30 Buchstaben und Zahlen.
  3. Geben Sie Ihr Access Token in das erste Feld ein. Kopieren Sie die ersten Zeichen vor dem Punkt Ihres Access Token (üblicherweise ungefähr 10 Zahlen) und fügen dieses in das Feld User-ID ein.

Homepage Inhalt - #zurück nach oben

Dieses Modul wird den Inhalt Ihrer Homepage anzeigen. Um den Inhalt Ihrer Seite zu editieren, gehen Sie zu backoffice > Inhalt > home page und fügen den gewünschten Text/HTML ein. Für dieses Modul gibt es keine Optionen.

Bitte beachten Sie, dass Sie in den Seiten das Bootstrap Raster System verwenden können.


Tag Liste - #zurück nach oben

Dieses Modul wird eine Liste der Tags Ihres Shops anzeigen. Für dieses Modul gibt es keine Optionen.

Sie können bis zu vier Alleinstellungsmerkmale zu Ihrer Homepage oder Produktseite hinzufügen. Fall Sie ein Icon hinzufügen möchten, können Sie den folgenden Code-Schnipsel vor dem Namen Ihres USPs einfügen. Im folgenden Fall, ersetzen Sie "design_app" durch irgendeines der auf dieser Seite zu findenden Icons.

                                    
                                

In diesem Bereich der Einstellungen finden Sie eine Vielzahl von Optionen, um die Erscheinung Ihres Shops anzupassen. Bitte lesen Sie sorgfältig die Details jeder Option, bevor Sie diese modifizieren. Nachfolgend finden Sie weitere Informationen darüber, wie Sie das Layout der Produktseite, die Auswahl der Produktvarianten und Größentabellen ändern.


Layout Produktseite - #zurück nach oben

In Ihren Theme-Einstellungen können Sie unter "Produktbilder scrollen" zwischen 2 Layouts für Ihre Produktseiten wählen. Wenn Sie dieses aktivieren, werden die Produktbilder eines nach dem anderen dargestellt, anstatt in einem Bilderkarussell.

Bilderkarussell (Standard)

Produktbilder scrollen

Bitte beachten Sie, dass Sie, wie im Abschnitt Logo beschrieben, ein weißes Logo hochladen müssen, falls Sie die Funktion Volle Breite verwenden möchten. Das Hochladen einer weißen Version Ihres Logos stellt sicher, dass Sie ausreichend Kontrast zwischen dunklen Hintergrundbildern unter dem Logo und dem Logo selbst erhalten. Das weiße Logo wird nur angezeigt, wenn Sie die Textfarbe der Folie auf Weiß setzen. Wenn Sie mehr als eine Folie haben, werden Menüfarbe und Logo entsprechend der von Ihnen für jede Folie gewählten Option geändert.


Produktvarianten - #zurück nach oben

Wenn Sie Produktvarianten in Ihrem Shop verwenden, können Sie sich optional zwischen 3 verschiedenen Arten zur Darstellung der Varianten entscheiden. Bitte beachten Sie, dass diese optionalen Varianten nur angezeigt werden, wenn ein Produkt einen einzelnen Variantentyp hat (z.B.: Farbe). Wenn Ihr Produkt mehr als einen aufweist (z.B.: Größe + Farbe), wird die Standard-Dropdown-Auswahl für Varianten angezeigt.

Standard

Quadrate

Farbiger Kreis

Kreis mit Bild

  1. Zu Beginn aktivieren Sie die Theme Option "Zeige Variantenauswahl (Quadrat, Farbe oder Bild)".

  2. Dann wählen Sie aus, ob Sie die Auswahl der individuellen Varianten standardmäßig bei allen Produkten anzeigen oder ob Sie diese nur für bestimmte Produkte aktivieren möchten.

    • Zeige Variantenauswahl standardmäßig bei allen Produkten

      Wenn Sie diese Option auswählen, wird die quadratische Variantenauswahl standardmäßig bei ALLEN Produkten angezeigt, solange es nicht mehr als 1 Art von Produktvarianten gibt. Wenn Sie die Variantenauswahl bei einem spezifischen Produkt deaktivieren möchten, geben Sie "disabled" in das Data 03 Feld des Produktes ein. Um das Data 01, Data 02 und Data 03 Feld zu aktivieren, gehen Sie bitte zu backoffice > Settings > Workflow und aktivieren die Option "custom template data". Sobald diese aktiviert ist, wird ein neues Set von Feldern am Fuß Ihres Produktformulars hinzugefügt.
      Sie können auch die Hauptgrößentabelle durch eine andere ersetzen, indem Sie die im nachfolgenden Abschnitt beschriebenen Schritte durchführen.

      Wenn Sie den farbigen Kreis oder den Kreis mit Bild aktivieren möchten, so schauen Sie sich bitte den nachfolgenden Abschnitt an.

    • Bei spezifischen Produkten

      Wählen Sie diese Option, wenn Sie die Variantenauswahl nicht standardmäßig bei allen Produkten anzeigen möchten, sondern diese bei spezifischen Produkten aktivieren möchten. Um die quadratische Variantenauswahl für ein spezifisches Produkt zu aktivieren, geben Sie "enabled" im Data 03 Feld auf der Produktseite ein.

      Wenn Sie den farbigen Kreis oder den Kreis mit Bild aktivieren möchten, so schauen Sie sich bitte den nachfolgenden Abschnitt an.

    • Den farbigen Kreis aktivieren

      Um den farbigen Kreis zu aktivieren, müssen Sie manuell eine kommaseparierte Liste von HEX Codes (z.B.: "#de4748") mit dem Rautezeichen vor jedem HEX Code eingeben. Alle Codes mussen in genau der gleichen Reihenfolge wie die Varianten im Abschnitt "INVENTORY & VARIANTS" Ihrer Produkteinstellungen vorliegen. Hier ein Beispiel, das 4 farbige Kreise anzeigt: "#164371, #616161, #e5e6ab, #ffffff".

    • Den Kreis mit Bild aktivieren

      Um den Kreis mit Bild zu aktivieren, müssen Sie manuell eine kommaseparierte List von Bild-URL-Erweiterungen eingeben (z.B.: "/198866666/texture-metal2.jpg, /198866660/texture-metal1.jpg") mit dem / vor jeder URL-Erweiterung. Um ein Bild hochzuladen, gehen Sie zu Backoffice > Importe > Dateien und klicken auf "Dateien hochladen". Sobald das Bild hochgeladen wurde, kopieren Sie den Teil der URL, der NACH "https://cdn.webshopapp.com/shops/STORE_ID/files..." kommt, so wie im nachfolgenden Bild zu sehen:

      Wir empfehlen, ein kleines quadratisches Bild mit 60x60 Pixel hochzuladen. Alle URLs müssen sich in der gleichen Reihenfolge befinden wie die Varianten im Abschnitt "INVENTORY & VARIANTS" Ihrer Produkteinstellungen.


Größentabellen - #zurück nach oben

Sie können eine unbegrenzte Anzahl an Größentabellen auf Ihren Produktseiten anzeigen. Unterhalb des "Zum Einkaufswagen hinzufügen" Buttons wird ein Link angezeigt und Sie können jegliche Inhalte in das Größentabellen-Popup-Fenster eingeben.

  1. Um zu beginnen, legen Sie unter backoffice > Inhalt > Seiten eine neue Seite an. Dies wird die Seite für den Inhalt Ihrer Hauptgrößentabelle sein. Sie können dieser Seite jeden gewünschten Titel geben, aber Sie müssen sicherstellen, dass das URL Feld "size-guide" enthält. Sie können jeden beliebigen Inhalt hinzufügen und die Sichtbarkeit ausgeschaltet lassen (hidden), wenn Sie die Seiten nicht in den Footer-Links oder Menüs anzeigen lassen möchten.

    Wenn Sie das gleiche Beispiel wie im Demo verwenden möchten, kopieren Sie den folgenden Code und fügen ihn in den Code Editor Ihrer Seite ein.

                                                

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

    Größe Hals Brustumfang Armlänge
    XS 13.8-14.6" 31.1-33.1" 31.1-32.3"
    S 14.6-15.0" 33.1-35.0" 32.3-33.1"
    M 15.0-15.4" 35.0-37.4" L33.1-34.3"
    L 16.1-16.5" 37.8-39.8" 34.3-35.0"
    XL 16.9-17.7" 39.8-42.1" 35.0-36.6"

    * Consectetur adipiscing elit, sed do eiusmod tempor

  2. Gehen Sie zu den Theme Einstellungen im Abschnitt "9. Shop", aktivieren das Größentabellen-Modul und wählen aus, wie Sie die Größentabellen anzeigen möchten:

    • Standard-Größentabelle bei allen Produkten

      Wenn Sie diese Option auswählen, wird die zuvor von Ihnen angelegte Haupt-Größentabelle standardmäßig für ALLE Produkte verwendet. Wenn Sie die Größentabelle für ein spezifisches Produkt deaktivieren möchten, geben Sie "none" in das Data 02 Feld des Produktes ein. Um das Data 01, Data 02 und Data 03 Feld zu aktivieren, gehen Sie bitte zu backoffice > Settings > Workflow und aktivieren die Option "custom template data". Sobald diese aktiviert ist, wird ein neues Set von Feldern am Fuß Ihres Produktformulars hinzugefügt.
      Sie können die Haupt-Größentabelle auch durch eine andere ersetzen, indem Sie die Schritte im nachfolgenden Abschnitt befolgen.

    • Bei spezifischen Produkten

      Wählen Sie diese Option, wenn Sie die Haupt-Größentabelle nicht auf allen Seiten anzeigen möchten. Um eine Größentabelle auf einer bestimmten Produktseite anzuzeigen, fügen Sie die Seiten-URL der gewünschten Größentabelle (z.B.: "size-guide" oder "size-guide-pants") in das Data 02 Feld auf der Produktseite ein. Wie Sie das Data 01, Data 02 und Data 03 Feld aktivieren, können Sie im vorhergehenden Schritt erfahren.

Lookbook/Shop the look#zurück nach oben

Sie können eine Shop the look/Lookbook Instagram Fotogalerie anzeigen mit Hilfe des Services eines Drittanbieters namens Snapppt. Bitte beachten Sie, dass die Shop the look Funktionen aktuell nicht im Internet Explorer 11 funtionieren. Snapppt arbeitet derzeit an der Unterstützung im IE11.

  1. Um zu beginnen, gehen Sie zu https://www.getsnapppt.com/ und erstellen einen Account. Sie müssen diesen Account mit Ihrer Instagram Seite verbinden.
  2. Gehen Sie zu Ihrem Instagram Feed und wählen ein Foto aus, das Sie zu Ihrer Homepage hinzufügen möchten. Füllen Sie die Optionen aus, indem Sie Ihre Produkte oben auf dem Foto hinzufügen. Wiederholen Sie dies für alle Fotos, die Sie zu dieser Galerie hinzufügen möchten.

  3. Sobald Ihre Galerie fertig ist, klicken Sie auf das Menü-Icon und gehen zu Shoppable Galleries. Erstellen Sie Ihr Lookbook Raster und passen es an, indem Sie das Formular ausfüllen.

  4. Kopieren Sie den Shop The Look Galerie-Code am Fuß dieser Seite und fügen ihn in das Eingabefeld "Snapppt gallery script code" Ihrer Theme Einstellungen ein.
  5. Kopieren Sie den folgenden Textschnipsel und fügen ihn in einen beliebigen Seiteninhalt ein. Anlegen können Sie eine Seite unter backoffice > Inhalt > Seiten.

                                                snapppt_shop_the_look
                                            

Übersetzungen#zurück nach oben

Wenn Ihre Webseite in einer anderen Sprache als Deutsch abgefasst ist oder Sie einen mehrsprachigen Shop haben, können Sie Ihre Inhalte übersetzen, indem Sie die folgenden, in diesem Artikel aufgeführten Schritte befolgen.

Image dimensions/sizes#back to top

Here are some recommended images dimensions you might need (in pixels):

  • Header CTA: 724x484
  • Hero Background image: 3200x1328
  • Big Banner: 2280x840
  • Small Banners: 1110x640
  • Home featured categories: 1600x1154
  • Product images: minimum width 720
  • Blog images: minimum width 970
  • Newsletter popup image: 960x1048

Support Desk #back to top

Bitte bedenken Sie, dass Sie ein sehr preisgünstiges Theme erworben haben und nicht für eine Vollzeit-Webdesign-Agentur gezahlt haben. Gelegentlich werden wir mit kleinen Änderungen helfen, jedoch werden wir diese Anfragen aufgrund ihrer Natur mit geringerer Priorität bearbeiten. Der Support ist ebenfalls 100% optional und wir stellen diesen zu Ihrer Bequemlichkeit bereit, also bitten wir um Geduld, Höflichkeit und Respekt.

dominic@huysmans.me

Support für meine Produkte enthält:
  • * Antwort auf Fragen oder Probleme in Bezug auf das Produkt und dessen Eigenschaften
  • * Behebung von Fehlern und gemeldeten Problemen
  • * Bereitstellung von Updates zur Sicherstellung der Kompatibilität mit neuen Software Versionen
Produkt-Support beinhaltet nicht:
  • * Dienstleistungen für Anpassung und Installation
  • * Support für Software und Plug-ins von Drittanbietern
Bevor Sie den Support in Anspruch nehmen, bitte ...
  • * Stellen Sie sicher, dass Ihre Frage ein wirkliches Problem des Themes ist und keine Anfrage zu einer Individualisierung.

ersionsverlauf (Änderungsprotokoll) #back to top

Nochmals vielen Dank für den Erwerb dieses Themes. Wie ich zu Beginn sagte, helfe ich Ihnen gerne, wenn Sie irgendwelche Fragen in Bezug auf dieses Theme haben. Ohne Garantie, aber ich werde mein Bestes tun, um zu helfen. Wenn Sie eine mehr allgemeine Frage bezüglich der grundlegenden Lightspeed eCom Funktionen haben, so könnten Sie eventuell den Besuch der Foren oder die Kontaktaufnahme mit dem Lightspeed Support in Erwägung ziehen.


Änderungsprotokoll


                                        -----------------------------------------------------------------------------------------
                                        Version 1.0 - June 20, 2018
                                        -----------------------------------------------------------------------------------------

                                        - Initial release