Voilà

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.

Logo links

Logo zentriert

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.

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.

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.

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.

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.

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.

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
                                        

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.

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

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

• * 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

• * Dienstleistungen für Anpassung und Installation
• * Support für Software und Plug-ins von Drittanbietern

• * Stellen Sie sicher, dass Ihre Frage ein wirkliches Problem des Themes ist und keine Anfrage zu einer Individualisierung.

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.3 - January 10, 2010
                                    -----------------------------------------------------------------------------------------

                                    - Feature: Added a new Carousel gallery module to display images using the Lightspeed “Headlines”
                                    - Feature: Added option to display a new custom contact/customer service page template
                                    - Feature: Added live AJAX search in the header. You can preview results while staying on the page.
                                    - Feature: Added a top notification bar that can display a message
                                    - Feature: Added a custom 404 page to replace default redirection to home page (optional)
                                    - Feature: Added option to display a list of tag links above the blog
                                    - Feature: Added option to display price filter or not on collection pages
                                    - Feature: Added different position options for product sorting
                                    - Feature: Added option to display a button on hero banners instead of a link
                                    - Feature: Added new display options for the Brands page
                                    - Feature: Added option to add a social media sharing image for shared links
                                    - Feature: Added Pinterest verification code
                                    - Feature: Added Bing verification code
                                    - Feature: Added option to have a title in the Featured categories module
                                    - Feature: More display options for the Instagram module
                                    - Fix: When clicking on product reviews, automatic scroll to section and display reviews
                                    - Fix: Better rendering of the Mega menu columns
                                    - Fix: Moved categories filter of the collection page before the other filters
                                    - Fix: Removed asterisk (*) from the product variant selector since they are obviously required and there is always at least one option selected
                                    - Fix: Fixed a display glitch on the product filters when there was a lot of filters and not a lot of products
                                    - Fix: Improved logo responsiveness
                                    - Fix: Added better styling for FAQ section
                                    - Fix: A bug preventing to add Wishlist items when on SSL
                                    - Fix: Added “On backorder” label instead of the “Out of stock” label
                                    - Fix: Fix a bug where product images are in carousel mode + zoom enabled would zoom on the fist image
                                    - Fix: Added ability to translate validation messages for the Mailchimp forms
                                    - Fix: Fixed a bug where the products in the second tabs of the homepage product module would not display images until the window was scrolled.
                                    - Fix: Made sure the collection filters are in the right order
                                    - Fix: Video hero banner on iOS safari are now playing automatically
                                    - Fix: Multiple fixes and adjustments

                                    -----------------------------------------------------------------------------------------
                                    Version 1.2 - August 20, 2018
                                    -----------------------------------------------------------------------------------------

                                    - Feature: Added Mailchimp integration
                                    - Feature: Added Google Tag Manager integration
                                    - Feature: Added Facebook Pixel integration
                                    - Feature: Added Loyalty Lion integration
                                    - Feature: New Featured categories module layout options
                                    - Feature: New category catalog image cropping options
                                    - Feature: Added option to have padding between the cards of the Shop the look home page module
                                    - Feature: Added option to display the collection content at the top or bottom of the page
                                    - Feature: Added option to display the collection image at the top of the page
                                    - Fix: Fixed a bug where the megamenu would close with the big centered logo
                                    - Fix: Added missing language picker on mobile devices
                                    - Fix: Fix a bug where you could scroll right on iPad when product carousel were enabled.
                                    - Fix: Added some Open Graph meta tags for better sharing options
                                    - Fix: Multiple fixes and adjustments

                                    -----------------------------------------------------------------------------------------
                                    Version 1.1 - July 15, 2018
                                    -----------------------------------------------------------------------------------------

                                    - New preset: Voilà bike
                                    - Feature: New newsletter module for the homepage
                                    - Feature: Added youtube video support for products
                                    - Feature: Added Yotpo Reviews support
                                    - Feature: Option to add your store Google star rating for search results
                                    - Feature: New footer menu options
                                    - Feature: Added a dark mode option to make your dark background store look sharp!
                                    - Feature: New menu layout options to have the menu displayed below the logo (best when your menu is super long) 
                                    - Fix: Show Header CTA on mobile view
                                    - Fix: Added store title in the header when no logo is set
                                    - Fix: Added styling to autofilled inputs created by some browsers
                                    - Fix: Changed footer menu social media text to icons
                                    - Fix: Moved catalog category title under the catalog image to make sure it is always readable regardless of the image
                                    - Fix: jQuery compatibility issue in the checkout causing issues when changing countries and some payment providers
                                    - Fix: Variant display issue for Omnichannel users
                                    - Fix: Multiple fixes and adjustments

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

                                    - Initial release