Documentatie Nederlands v1

Transcriptie

1 Documentatie Nederlands v1

2 Getting started Navigation menu Theme settings General Features Background Typography Banners Contact details Social Unique selling points Image Sizes Frequently asked questions Support Theme Customizations

3 Getting started Met dit document heb je een vliegende start. Deze documentatie focust zich vooral op de thema instellingen en vertalingen Navigation menu De navigatie toont de beschikbare categorieen op je webshop. Je kan extra links toevoegen via de navigatie functie onder design -> navigation in de backoffice

4 Theme settings Pas je thema aan naar je eigen smaak General Dit zijn de globale instellingen van je webshop. deze worden op elke pagina toegepast - Logo type - Kies tussen naam van je shop in text of een logo afbeelding. - Logo image - Upload een 182x80 logo in png met een transparante achtergrond voor het beste resultaat - Favicon - Voeg een 32x32 icoon toe voor de bladwijzers

5 Features We hebben meerdere features in dit thema, maar deze zijn niet voor idereen relevant. Hier heb je de mogelijkheden om deze features aan en uit te zetten. - Show Newsletter - Door deze feature te activeren wordt het nieuwsletterveld op elke pagina getoond - Show Brands on Homepage Dit activeert een merkenslider op de homepage. vergeet geen merken met logo s toe te voegen - Product title and price on category Display over image Dit wil de titel en prijs over de afbeelding tonen Display under image Dit wil de titel en prijs onder de afbeelding tonen - Product image size Bepaal de productafbeelding formaten op de category pagina width x height - Products per row on collection Kies tussen drie of vier producten per rij - Feedback Company Je kan een Feedbackcomapny widget toevoegen door je Feedback company id hier te plakken - Kiyoh Je kan hier een Kiyoh widget toevoegen door je kiyoh id hier te plakken

6 Background Kies de achtergrondkleuren voor verschillende delen en elementen. Combineer dit met de typography kleuren voor mooie combinaties - Background image - Kies een afbeelding als achtergrond. Wij adviseren om subtiele en neutrale achtergronden te gebruiken - Background position - Dit bepaalt de startpositie van de achtergrond afbeelding - Background repeat - Dit bepaalt hoe de achtergrondafbeelding wordt herhaalt. - Background color Bepal de achtergrondkleur voor de hele shop. Wij adviseren om subtiele en neutrale achtergronden te gebruiken - Color header. Bepaal de achtergrondkleur van de header. - Color footer - Bepaal de achtergrondkleur van de footer - Color Element - Kies de achtergrondkleur voor de elementen ( buttons, newsletter box etc) - Color Unique selling points Kies een achtergrond voor de unique selling points

7 Typography We hebben de populaire google font bibliotheek toegevoegd aan dit thema. Kies een font en kleuren in deze instellingen. De google fonts zijn te bekijken op google.com/fonts - Titles (Google Web Fonts) Kies een google font voor je titels - Body (Google Web Fonts) Kies een font voor je body - Color body Bepaal de fontkleur voor je webshop - Header color Bepaal de fontkleur voor je header - Footer color Bepaal de fontkleur voor je footer - Element color Kies de fontkleur voor je elementen ( buttons, newsletter box etc) - Unique selling points Kies je fontkleur voor de unique selling points

8 Banners Banners kan je in deze instellingen toevoegen en verwijzen. Vertalingen van de teksten en links kunnen per taal aangepast worden door deze te kopieren en als key in de aangepaste vertaling te gebruiken. Content > Custom translations - Banners Activeer de banners op de homepage - Banner left Upload en 360x545 afbeelding voor de linker banner - Banner url left Voeg een url toe aan de banner. Je kan deze vertaling door de tekst te gebruiken als key in de custom translations - Banner left text Voeg een tekst toe aan de banner. Je kan deze vertaling door de tekst te gebruiken als key in de custom translations - Banner center Upload en 360x545 afbeelding voor de center banner - Banner url center Voeg een url toe aan de banner. Je kan deze vertaling door de tekst te gebruiken als key in de custom translations - Banner center text Voeg een tekst toe aan de banner. Je kan deze vertaling door de tekst te gebruiken als key in de custom translations - Banner right - Upload en 360x545 afbeelding voor de rechter banner - Banner url right Voeg een url toe aan de banner. Je kan deze vertaling door de tekst te gebruiken als key in de custom translations - Banner right text Voeg een tekst toe aan de banner. Je kan deze vertaling door de tekst te gebruiken als key in de custom translations

9 Contact details Voeg je contactgegevens toe zodat je klant snel contact kan opnemen. Dit straalt tevens vertrouwen uit - Name - Voeg je bedrijfsnaam toe - Description Voeg een omschrijving toe, denk aan je pay-off of aan je bereikbaarheid - Phone number Voeg je telefoonnummer toe - - Voeg je adres toe

10 Social Voeg je social links toe aan de footer door je urlsl te plakken - Facebook Voeg je facebook url toe - Twitter Voeg je Twitter url toe - Google + Voeg je Google + url toe - Pinterest Voeg je Pinterest url toe - Youtube Voeg je Youtube url toe - Instagram Voeg je Instagram url toe - Tumblr Voeg je Tumblr url toe

11 Unique selling points Show why customers should buy your products with the usps. For reference on the icons visit ( the icons on the website are displayed without the fa prefix ). Translations are available by copying the usps text and using them as keys in the custom translations. Laat zien waarom klanten bij jou moeten kopen. Je kan de fontawesome iconen terugvinden op Vertalingen van de teksten kunnen per taal aangepast worden door deze te kopieren en als key in de aangepaste vertaling te gebruiken. Content > Custom translations - USP s Hierdoor activeer je de USP s - USP 1 Text Voeg een tekst toe voor usp 1 - USP 2 Text Voeg een tekst toe voor usp 2 - USP 3 Text Voeg een tekst toe voor usp 3 - USP 4 Text - Voeg een tekst toe voor usp 4 - USP 1 Icon Kies een icoon voor usp 1 - USP 2 Icon Kies een icoon voor usp 2 - USP 3 Icon Kies een icoon voor usp 3 - USP 4 Icon Kies een icoon voor usp 4

12 Image Sizes Logo 172x80 pixels Slider images 1140x410 pixels Banner images 360x545 pixels Product images 800x600 or 600x800 or 600x600 pixels Verwijder onnodige data ( EXIF metadata, kleurprofielen etc) van afbeeldingen om deze sneller te laten laden. Dit kan gedaan worden met de volgende software: Mac / Linux Windows

13 Frequently asked questions Het thema wordt niet goed weergegeven na installatie Je browser heeft wat elementen van je oude design opgeslagen. Gebruik CTRL + F5 of CMD + SHIFT + R om je cache leeg te maken Er missen afbeeldingen in het thema. Af en toe gaat het fout met het installeren. Sla je designinstellingen opnieuw op. Ik wil het thema aanpassen Aanpassingen kunnen via de aangepaste css ( kennis voor nodig) De template editor maakt het mogelijk om complexere aanpassingen door te voeren. ( erg veel kennis voor nodig)

14 Support Bij vragen over het thema kan je contact opnemen via Vermeld in de mail je shop url zodat we je snel van dienst kunnen zijn Theme Customizations We helpen je graag met maatwerk aanpassingen. Neem contact op via als je geïnteresseerd bent