Inhoud Installatie
3
Functies Instellingen Achtergrond Blokken, knoppen Korting Footer Header, left column Main navigation Modules Price categories, Producten Text
4 5 5 6 7 8 9 10 11 12 13
Contact
14
2
Installatie Om de InStijl Media Theme te installeren gaat u naar de theme store. In de theme store kiest u voor het thema InStijl Media Theme. Het thema bevat 4 stijlvarianten: • • • •
Standaard (Default) Blue Clean Pink
Standaard wordt “Default” geïnstalleerd. Indien u een andere variant wil selecteren heeft u twee mogelijkheden: • U kunt één van de vier stijlvarianten kiezen; • U kunt zelf een custom stijl samenstellen. Wilt u één van deze presets gebruiken, dan gaat u naar Design > Instellingen. Vervolgens kiest u bij de eerste categorie “Preset” de gewenste stijl.
3
Functies Mega Menu Het InStijl Media thema is het allereerste thema met een mega drop-down menu! Deze drop-down heeft de breedte van de menubalk en laat tegelijkertijd alle categorieën, merken, prijsfilters en aanbevolen productbanner zien. Korting Labels Wanneer een product is afgeprijsd wordt er bij dit product een label weergegeven. Dit label geeft de procentuele korting weer. Het is ook mogelijk om de kleur van het label te laten veranderen als de korting boven een x-getal uit komt. Natuurlijk is dit allemaal optioneel. Prijs Categorieën In het mega menu kunt u optioneel zelf prijscategorieën invullen. Dit zijn er vijf. De waarde die u opgeeft is de waarde van de standaard valuta van uw webwinkel. Voor alle andere valuta’s worden automatisch de waarden voor u berekend. Sticky Menu Wanneer u voorbij de menubalk scrolt blijft deze kleven aan de bovenkant van het scherm. USP Banners Wij geven u de mogelijkheid om 5 USP banners toe te voegen op de home pagina. Twee lange banners met daartussen drie kleinere banners met variabele hoogte. Verder heeft u ook de mogelijkheid om een USP banner toe te voegen aan de linkerkant van de vervolgpagina’s. Recent Bekeken Aan de zijkant van de vervolgpagina’s worden de recent bekeken producten weergegeven. Social Media U kunt een link naar uw facebook, twitter, youtube en pinterest account opgeven. Er word dan een icoontje in de footer van het thema geplaatst. Dubbele Product Zoom Op de productpagina’s kunt u op twee manieren inzoomen op de productafbeelding. 1. U kunt met de muis over de productafbeelding gaan om in te zoomen, 2. U kunt op de thumbnail’s klikken om de originele afbeelding te bekijken. Op de productpagina worden de afbeeldingen op 335x335px weergegeven. Het is dus aanbevolen om een afbeelding van minimaal 335x335px te gebruiken, maar een grotere afbeelding geeft een beter resultaat vanwege de zoomfunctie. Slider U kunt ook afbeeldingen toevoegen aan een slider op de voorpagina via Design > Headlines (940x432px).
4
Instellingen Achtergrond De eerste categorie bevat de waarden die de achtergrond van de website bepalen.
• • • •
Background Color: De achtergrond kleur van de ruimte rondom de site waar u ook een afbeelding in zou kunnen plaatsen. Container background color: De achtergrondkleur van de site zelf. Deze is standaard wit, maar kan een andere kleur krijgen. Afbeelding: Hier wordt de afbeelding geplaatst voor op de achtergrond van de website. Positie: De positie van de afbeelding. Dit is standaard linksboven (Top left) Herhaal: Hier wordt bepaald of de afbeelding herhaald moet worden of niet. Hiervoor zijn vier mogelijkheden; Repeat: herhaal de afbeelding beide horizontaal en verticaal No-repeat: de afbeelding wordt niet herhaald. Dit wordt meestal gedaan voor hele grote afbeeldingen. Repeat horizontal: herhaal de afbeelding horizontaal Repeat vertical: herhaal de afbeelding verticaal
Scroll/Fixed: Maak hier de keuze voor de geplaatste afbeelding; • •
Scroll: de afbeelding scrolt mee. Fixed: de afbeelding staat vast.
5
Blokken Hier kunt u de kleuren van de blokken op de site aanpassen.
-
Background Color; De achtergrond kleur van de product blokken in de foto-tabellen en de lijst weergave. Input color: De achtergrond kleur van alle input velden. Input tekst: De kleur van de tekst in de input velden
Knoppen Dit zijn de kleuren van de knoppen.
-
Default – Background Color: De achtergrondkleur van de knoppen in de footer, de details knop in de lijstweergave en de tags toevoegen knop. - Default – Tekst Color: De kleur van de tekst van deze knoppen. - Buy background color: De achtergrondkleur van de knoppen in de winkelwagen. - Buy tekst color: De tekstkleur van de knoppen in de winkelwagen.
6
Korting Dit zijn de variabelen van de korting labels.
-
Hide high discounts: Hier wordt de verandering van kleur voor hoge kortingen uitgezet. Achtergrondkleur: De standaard achtergrond kleur van de labels High discount color: De achtergrondkleur die wordt gebruikt voor hoge kortingen. Percentage: Het getal dat bepaalt wanneer een label van kleur moet gaan veranderen.
7
Footer Dit zijn de variabelen van de footer.
-
Footer background color: De achtergrondkleur van de footer Footer title color: De kleur van de titelteksten zoals ‘Mijn account’ en ‘Categorieën’. Footer text color: De tekstkleur van de footer. Main footer banner image: De eerste grote USP banner in de voeter (940x86px) Main footer banner link: De link van de eerste grote USP banner. Footer banner1 t/m 3 (link): De afbeeldingen en links van de drie kleinere USP banners in de footer (breedte: 296px) Main footer banner 2: De tweede grote USP banner van de footer. Deze staat onder de drie kleinere en er kan ook een link worden gegeven (940x86px). - Facebook Link: De link waarnaar je het optionele facebook icoontje wilt laten linken. De twitter-, youtube- en pinterest link zijn hetzelfde als de facebook link.
8
Header Hier kun je een logo en favicon voor je site uploaden.
-
Header/Logo bepaalt het logo bovenaan de site. De hoogte is 110px en de breedte mag maximaal 670px zijn. Favicon is de afbeelding die in het tabje naast de naam van de webwinkel komt te staan (16x16px).
Left Column Dit zijn de kleuren van de zijkant van de vervolg pagina’s
-
Line color: De kleur van de lijn boven de recente producten, maar ook andere lijnen zoals die achter de populaire producten op de voorpagina. - Banner: De optionele USP banner (breedte: 190px) - Banner link: De url waar de USP banner naartoe moet linken.
9
Main navigation Dit zijn de variabelen van de navigatie balk.
-
Highlight is een aanbevolen product die wordt weergegeven in het mega menu. Highlight link is de url waar dit naartoe moet linken. Navigation background color is de achtergrond kleur van de navigatie balk. Navigation text color is de kleur van de tekst in het menu. Navigation item bg color is de achtergrond kleur van het mega menu en de menu items als de muis erover heen gaat. Sub navigation title color is de kleur van de titels in het mega menu zoals ‘Categorieën’ en ‘Merken’. Sub navigation text color is de kleur van de tekst in het mega menu. Home is de optionele afbeelding die geüpload kan worden als er een afbeelding ipv een tekst zichtbaar moet zijn op de website.
10
Modules Hier staan de show/hide opties van de webwinkel.
-
Hide Newsletter verbergt de nieuwsbrief in de footer. Hide RSS Feeds verbergt de RSS Feeds in de footer. Hide Tags verbergt de tags in de footer. Hide Brands Button verbergt de ‘Merken’ knop in het menu. Hide percentage discounts verbergt de korting labels volledig. Hide gradients verbergt de subtiele kleur verloopjes in het menu, de korting labels en de knoppen. Hide product totals verbergt de product aantallen van de tags. Show category names laat de categorie namen zien op de home pagina. Show recent products laat de recente producten aan de zijkant van de vervolg pagina’s zien.
11
Price Categories Dit zijn de prijscategorieën in het mega menu.
-
Hide price categories verbergt de prijs categorieën. Price category 1 is het eerste filter. Deze heeft standaard een minimum waarde van 0. Zelf geeft u de maximum waarde op. (Dit moet een getal zijn). Dit getal bepaalt ook de minimum waarde van het tweede filter. - Price category 2 & 3 zijn het 2e en 3e filter. De maximum waarde bepaalt je zelf (Dit moet een getal zijn). De minimum waarden is de waarde van de maximum waarde van het vorige filter. - Price category 4 bepaalt de maximale waarde van het vierde filter en de minimale waarde van het vijfde filter (Dit moet een getal zijn). Het vijfde filter bevat geen maximumwaarde. Producten Dit zijn de product kleuren.
-
Product border color is de kleur van het kader om de productblokken (foto-tabel/lijst) Product border hover is de kleur van het kader om de productblokken als er met de muis overheen gegaan wordt. Tabs border color is de randkleur van de tabjes op de product pagina
12
Text Dit zijn de algemene kleuren van de teksten
-
Link Color is de kleur van de linkjes op de website. Tekst Color is de kleur van de standaard teksten. Accent Color is de kleur van de prijzen. Title Color is de kleur van de titels. Text Contrast is de tekstkleur van de korting labels en categorie/merk titels.
13
Contact Als wij u ergens mee van dienst kunnen zijn dan horen we dit graag. Wij zijn telefonisch bereikbaar op: +31(0)88 023 33 55 Werkdagen van 9.00 tot 17.00 uur Bezoekadres InStijl Media Mors 11c NL - 7151 MX EIBERGEN Postadres InStijl Media Postbus 53 NL - 7150 AB EIBERGEN
[email protected] www.instijlmedia.nl
14