Voilà

Als u dit thema wilt installeren, gaat u naar Design > Theme store en klikt u op een van de Voilà-varianten die op de pagina beschikbaar zijn. De variaties zijn allemaal hetzelfde thema, maar worden geleverd met vooraf gedefinieerde voorinstellingen, zodat u snel aan de slag kunt. De presets zijn als volgt:

1. Fashion
2. Elektronica

Ga naar Design > Thema aanpassen > Bekijk presets om een specifieke voorinstelling te installeren.

Links logo

Gecentreerd logo

U kunt de elementenkleuren van Voilà aanpassen in dit gedeelte. Hiermee kunt u uw winkel een unieke uitstraling geven. We raden u aan te allen tijde voldoende contrast tussen de tekst en de achtergrond te behouden om ervoor te zorgen dat de inhoud leesbaar is. Dit zijn de kleuren die u kunt aanpassen:

1. Kleur van titels / koppen: hiermee worden alle hoofdtitels en koptekleuren van de site gewijzigd.
2. Tekst / content kleur: hiermee worden de hoofdtekst en alinea-kleur op de site en enkele invoerelementen gewijzigd.
3. Knoppenkleur: deze wordt voornamelijk gebruikt voor de knop Toevoegen aan winkelwagentje op productpagina's.
4. Markeer kleur: deze kleur wordt alleen gebruikt voor enkele kleine elementen, zoals de prijskiezer en beoordelingssterren.
5. Kleur van meldingen en badges: hierdoor verandert de achtergrondkleur van de badges van de 'Verkoop' en 'Nieuwe' producten en ook de meldingen die op de pagina's kunnen verschijnen. Houd er rekening mee dat de tekst in deze melding wit is, dus moet deze donker genoeg zijn om leesbaar te zijn.

U kunt de achtergrond van uw winkel aanpassen door de kleur ervan te wijzigen en een achtergrondafbeelding toe te voegen. We raden aan alleen de achtergrondkleur te wijzigen.

U kunt de typografie van uw online winkel aanpassen met behulp van dit gedeelte. Je kunt kiezen uit verschillende Googe-lettertypen. Als u een voorbeeld van elk lettertype wilt bekijken, kunt u dit op de Google Font-website plaatsen of proberen om het resultaat te bekijken. U kunt twee verschillende lettertypen kiezen voor de kopjes / titels en de hoofdtekst van uw winkel.

U kunt ook het lettertypegewicht voor elk element kiezen. Houd er rekening mee dat sommige lettertypen NIET het gewenste gewicht beschikbaar hebben. Als u wilt weten of een lettertype beschikbaar is, gaat u naar Googe-lettertypen. Anders wordt het vervangen door het dichtstbijzijnde beschikbare gewicht.

U kunt de koptekst / menulay-out van uw online winkel aanpassen met behulp van dit gedeelte. Er zijn twee opties voor hoofdmenu-indeling:

Mega menu

Simple menu

Standaard worden uw productcategorieën weergegeven in het menu tot 3 niveaus. Kinderen van een bovenliggende categorie worden weergegeven in een submenu. U kunt deze functie uitschakelen en handmatig koppelingen in uw menu toevoegen door naar Design > Navigatie te gaan.

U kunt er ook voor kiezen om een link naar de merkpagina weer te geven met alle beschikbare merken van uw site en een link naar uw ingeschakelde blogs onder Blogs > Blogs.

U kunt de voettekst van uw online winkel aanpassen met behulp van dit gedeelte. De opties zijn ongecompliceerd, zodat u ze kunt invullen op basis van uw behoeften.

Voilà wordt geleverd met een modulesysteem waarmee u uw startpagina naar wens kunt aanpassen. U kunt selecteren welke modules u wilt weergeven en in welke volgorde. Hieronder vindt u meer informatie over de instellingen van elke module.

Om de modules weer te geven, selecteert u een item in elk van de module-slots van deze sectie. U kunt ook "leeg" selecteren als u niets in een sleuf wilt weergeven. Houd er rekening mee dat sommige modulespecifieke instellingen een module mogelijk niet kunnen weergeven. Lees aandachtig dit gedeelte om er zeker van te zijn dat alles wordt weergegeven zoals u dat wilt.

U kunt maximaal vier unieke verkooppunten toevoegen aan uw startpagina of productpagina. Als u een pictogram wilt toevoegen, kunt u het volgende codefragment toevoegen vóór uw USP-naam. Vervang in het volgende geval "design_app" door een van de pictogrammen die u op deze paginakunt vinden.

In deze instellings sectie vindt u een verscheidenheid aan opties om het uiterlijk van uw winkel aan te passen. Lees zorgvuldig alle details van de opties voordat u ze aanpast. Hieronder vindt u meer informatie over het wijzigen van de lay-out van de product pagina, de product variantkiezer en groottegidsen

Lay-out van de productpagina - #Terug naar boven

U kunt kiezen tussen 2 lay-outs van de productpagina's in uw thema-instelling onder "Productafbeeldingen doorbladeren". Als u dit inschakelt, worden de productafbeeldingen één na één weergegeven in plaats van in een afbeeldingscarrousel.

Image carousel (default)

Scroll product images

Let op: als u de functie Volledige breedte wilt gebruiken, moet u een wit logo uploaden zoals beschreven in het gedeelte Logo. Als u de witte versie van uw logo uploadt, zorgt u ervoor dat er voldoende contrast is tussen donkere achtergrondafbeeldingen achter het logo en het logo zelf. Het witte logo wordt alleen weergegeven als u de tekstkleur van de dia wit zet. Als u meer dan één dia hebt, worden de menukleur en het logo aangepast aan de hand van de optie die u voor elke dia hebt geselecteerd.

Product varianten - #Terug naar boven

Als u productvarianten in uw winkel gebruikt, kunt u desgewenst kiezen om de varianten op 3 verschillende manieren weer te geven. Houd er rekening mee dat deze opties voor de optinavariant alleen worden weergegeven als een product een enkel varianttype heeft (bijvoorbeeld: kleur). Als uw product meer dan 1 heeft (bijvoorbeeld: Grootte + Kleur), wordt de vervolgkeuzelijst met de standaardvariant weergegeven.

Standaard

Squares

Gekleurde cirkel

Afbeelding cirkel

1. Om aan de slag te gaan, schakelt u de themaoptie "Toon variantkiezer (vierkant, kleur of afbeelding)" in.

2. Selecteer vervolgens of u de aangepaste variantkiezer standaard op alle producten wilt weergeven of dat u deze alleen voor bepaalde producten wilt inschakelen.

   • Toon standaardkiezer standaard op alle producten

     Als u deze optie selecteert, wordt de vierkante variantkiezer standaard weergegeven op ALLE producten, zolang er niet meer dan 1 type productvariant is. Als u de variantkiezer voor een specifiek product wilt uitschakelen, typt u "disabled" in het veld Gegevens 03 van het product. Om het veld Data 01, Data 02 en Data 03 in te schakelen, gaat u naar backoffice > Instellingen > Workflow en schakelt u de optie "Extra template data" in. Zodra dat is ingeschakeld, wordt een nieuwe set veld toegevoegd onder aan uw productformulieren.
     U kunt ook de handleiding voor de hoofdgrootte vervangen door een andere door de stappen in het onderstaande gedeelte te volgen.

     Als u de gekleurde cirkel of de afbeeldingscirkelwilt inschakelen, raadpleegt u het onderstaande gedeelte

   • Op specifieke producten

     Selecteer deze optie als u de variantkiezer standaard niet op alle productpagina's wilt weergeven, maar deze wilt inschakelen voor specifieke producten. Als u de vierkante variantkiezer voor een specifiek product wilt weergeven, typt u "enabled" in het veld Gegevens 03 van de productpagina.

     Als u de gekleurde cirkel of de afbeeldingscirkelwilt inschakelen, raadpleegt u het onderstaande gedeelte.

   • Schakel de gekleurde cirkel in

     Om de gekleurde cirkel in te schakelen, moet u handmatig een door komma's gescheiden lijst met HEX-code (bijv.: "#de4748") met de hastag voor elke HEX-code invoeren. Alle codes moeten in exact dezelfde volgorde staan als de varianten in het gedeelte "INVENTARIS & VARIANTEN" van uw productinstellingen. Hier is een voorbeeld van een 4-gekleurde cirkel: "#164371, #616161, #e5e6ab, #ffffff".

   • Schakel de afbeeldingscirkel in

     Om de afbeeldingscirkel in te schakelen, moet u handmatig een door komma's gescheiden lijst met afbeeldings-URL-extentions (bijv .: "/198866666/texture-metal2.jpg, /198866660/texture-metal1.jpg") met de / vóór elke URL-extensies invoeren . Om een afbeelding te uploaden, ga je naar Backoffice > Tools > Bestanden en klik je op "Upload bestanden". Nadat de afbeelding is geüpload, kopieert u het gedeelte van de URL NA "https: //cdn.webshopapp.com/shops/STORE_ID/files ..." zoals weergegeven in de afbeelding hieronder:

     

     We raden aan een kleine vierkante afbeelding van 60 px bij 60 pixels te uploaden. Alle URL's moeten in exact dezelfde volgorde staan als de varianten in het gedeelte "INVENTARIS & VARIANTEN" van uw product instellingen.

Formaatgidsen - #Terug naar boven

U kunt een onbeperkte hoeveelheid formaathandleidingen weergeven op uw productpagina's. Een link onder de knop "Toevoegen aan winkelwagentje" wordt weergegeven en u kunt elke gewenste inhoud aan de pop-up van de formaatgids toevoegen.

1. Maak een nieuwe pagina om aan de slag te gaan door backoffice > Inhoud > Pagina's te bezoeken. Dit is de pagina met de inhoud van je hoofdgroottegids. U kunt deze pagina elke titel geven die u wilt, maar u moet ervoor zorgen dat het veld "size-guide" erin is geschreven. U kunt elke gewenste inhoud toevoegen en de zichtbaarheid uitschakelen (verborgen) als u niet wilt dat de pagina's worden weergegeven in de voettekoppelingen of menu's.

   

   Als u hetzelfde voorbeeld als in de demo wilt gebruiken, kopieert u de volgende code en plakt u deze in de code-editor van uw pagina.

                                               
   Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
                                               
   
                                                   
   
                                                       
   
                                                           
   Size
                                                           
   Neck
                                                           
   Chest
                                                           
   Arm length
                                                       
                                                   
                                                   
   
                                                       
   
                                                           
   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. Ga naar je thema-instelling in het gedeelte "9. Winkel", activeer de module Formaatgids en selecteer hoe je de Formaatgidsen wilt weergeven:

   • Standaard formaat gids op alle producten

     Als u deze optie selecteert, wordt de hoofdgrootte-gids die u hierboven hebt gemaakt standaard gebruikt voor ALLE producten. Als u de formaatgids voor een specifiek product wilt uitschakelen, typt u "none" in het veld Data 02 van het product. Om het veld Data 01, Data 02 en Data 03 in te schakelen, gaat u naar backoffice > Instellingen > Workflow en schakelt u de optie "Extra template data" in. Zodra dat is ingeschakeld, wordt een nieuwe set veld toegevoegd onder aan uw productformulieren.
     U kunt ook de handleiding voor de hoofdgrootte vervangen door een andere door de stappen in het onderstaande gedeelte te volgen.

   • Op specifieke producten

     Selecteer deze optie als u niet de hoofdgroottegids op alle pagina's wilt weergeven. Als u een formaatgids op een specifieke productpagina wilt weergeven, plakt u de URL van de formaatgidspagina die u wilt gebruiken (bijvoorbeeld: "formaatgids" of "formaatgids broek") in het veld Gegevens 02 van de productpagina. Zie de bovenstaande stap voor meer informatie over het inschakelen van het veld Data 01, Data 02 en Data 03.

U kunt een winkel de look / lookbook intagram-fotogalerij weergeven met behulp van een externe service genaamd Snapppt. Merk op dat de Shop the look-functies momenteel niet werken in Internet Explorer 11. Snapppt werkt momenteel aan IE11-ondersteuning

1. Ga naar https://www.getsnapppt.com/ om aan de slag te gaan en maak een account. U moet dit account verbinden met uw instagram-pagina.

2. Ga naar je instagramfeed en selecteer een foto die je wilt toevoegen aan je startpagina. Vul de opties in door uw producten bovenaan de foto toe te voegen. Herhaal dit voor alle foto's die u aan deze galerij wilt toevoegen.

   

3. Zodra uw galerij klaar is, klikt u op het menupictogram en gaat u naar Winkelbare galerijen. Pas uw lookbook-raster aan en maak het door het formulier in te vullen.

   
4. Kopieer de Winkel de Gallery-code bekijken onder aan deze pagina en plak deze in de invoegtoepassing "Snapppt-galerij scriptcode" van uw thema-instellingen.

Kopieer het volgende tekstfragment en plak het in de inhoud van een pagina. U kunt creëren door backoffice > Inhoud > Pagina's te bezoeken.

                                            snapppt_shop_the_look
                                        

Als uw website in een andere taal is dan Engels, of als u een meertalige winkel heeft, kunt u uw content vertalen door de stappen te volgen die in dit artikel worden vermeld.

Hier zijn enkele aanbevolen afmetingen van afbeeldingen die u mogelijk nodig hebt (in pixels):

• Header-CTA:724x484
• Held Achtergrondafbeelding: 3200x1328
• Grote banner: 2280x840
• Kleine banners: 1110x640
• Aanbevolen categorieën: 1600x1154
• Productafbeeldingen: minimale breedte 720
• Blogafbeeldingen: minimale breedte 970
• Nieuwsbrief popup-afbeelding: 960x1048

Houd er rekening mee dat u een zeer betaalbaar thema hebt gekocht en dat u niet hebt betaald voor een full-time webdesignbureau. Af en toe helpen we met kleine aanpassingen, maar deze verzoeken krijgen vanwege hun aard een lagere prioriteit. Ondersteuning is ook 100% optioneel en we bieden het voor uw connivence, dus wees geduldig, beleefd en respectvol.

Ga naar stel uw vraag dominic@huysmans.me

• * Reageren op vragen of problemen met betrekking tot het item en de functies ervan
• * Het oplossen van bugs en gerapporteerde problemen
• * Updates aanbieden om compatibiliteit met nieuwe softwareversies te garanderen

• * Maatwerk en installatieservices
• * Ondersteuning voor software en plug-ins van derdenVoordat je hulp zoekt, moet je

• * Zorg ervoor dat u de veelgestelde vragen over het thema dubbel controleert.
• * Make sure you have read through the documentation before asking support on how to accomplish a task.

Nogmaals hartelijk dank voor het kopen van dit thema. Zoals ik in het begin al zei, help ik je graag verder als je vragen hebt over dit thema. Geen garanties, maar ik zal mijn best doen om te helpen. Als u een meer algemene vraag hebt met betrekking tot de basisfunctionaliteiten van Lightspeed eCom, kunt u overwegen om de forums te bezoeken of contact op te nemen met de Lightspeed-ondersteuning.

Changelog

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