Enoza Handleiding Versie 1.3 088 990 7700 support@ccvshop.nl www.ccvshop.nl
Inhoudsopgave Inhoudsopgave 2 Changelog 3 1. Inleiding 4 2. Instellingen aanpassen 5 2.1 Tabblad: Start 5 2.2 Tabblad: Achtergrond 6 2.3 Tabblad: Content 7 2.4 Tabblad: Balken en kolommen 10 2.5 Tabblad: Advertenties 18 2.6 Tabblad: Knoppen 18 3. Venster indeling 20 4. Banners 21 5. Vragen? 22 Pagina 2 Handleiding: Enoza
Changelog Datum Versie Opmerking 20-04-2015 1.0 Initiële opzet 23-04-2015 1.1 Update 11-08-2016 1.2 Update 10-10-2016 1.3 Tekstuele aanpassing Pagina 3 Handleiding: Enoza
1. Inleiding De vormgeving van jouw webwinkel is erg belangrijk. Je wilt de bezoeker immers de juiste beleving bieden. Je beschikt met CCV Shop over uitgebreide designmogelijkheden. Door middel van algemene thema s en geavanceerde thema s ontwerp je zelf de lay-out van jouw webwinkel. Enoza is een geavanceerd thema die je gratis activeren in jouw webwinkel. Dit thema kenmerkt zich door de hoeveelheid instellingen. Deze instellingen van Enoza gaan we in deze handleiding doornemen zodat je alles volledig kunt instellen. Pagina 4 Handleiding: Enoza
2. Instellingen aanpassen Om het thema te activeren ga je in de onderhoudstool naar: Startpunt - Mijn Webshop - Instellingen Lay-out - Webwinkel thema s. Kies vervolgens het thema Enoza. Klik op Dit thema activeren om het thema actief te maken in jouw webwinkel. Nadat je dit hebt gedaan kun je de instellingen van dit thema aanpassen bij instellingen aanpassen. De instellingen worden in dit hoofdstuk beschreven. 2.1 Tabblad: Start Allereerst zie je het tabblad Start. Wanneer je vanaf nul wilt beginnen kun je verder naar de volgende tabbladen om jouw webwinkel vorm te geven. Heb je hiervoor Kameleon gebruikt en wil je in de instellingen behouden? Via de optie importeer jouw Kameleon instellingen kun je de instellingen van het thema Kameleon blijven behouden. Op deze manier hoef je niet alles opnieuw in te stellen wanneer je switcht van thema. Echter heeft het thema Enoza meer instellingen dan Kameleon waardoor je zelf nog wel een aantal instellingen moet verrichten. Pagina 5 Handleiding: Enoza
Heb je een aantal instellingen gewijzigd maar ben je niet tevreden met het resultaat? Met de optie Enoza voorbeeldthema herstellen kun je terug naar de standaardwaarden van Enoza. Let wel op, alle wijzigingen betreffende kleuren, structuur van de linker- en rechterbalken en aangepaste teksten worden teruggezet naar de beginwaarden. Je kunt hier ook Enoza responsive aan of uit zetten. Als je responsive aan zet is jouw webshop responsive en schaalt deze mee met het device van de gebruiker. Het is dan wel raadzaam om jouw mobiele website uit te zetten. Dit doe je door de volgende stappen in het onderhoudspaneel; Startpunt / Mijn webshop / Instellingen / Lay-out / Lay-out Mobiele website -Hier zet je mobiel site detectie op nee. 2.2 Tabblad: Achtergrond Je kunt hier de achtergrond voor jouw webwinkel instellen. Browser achtergrond: Deze achtergrond vult het volledige scherm van jouw browser. Je kunt hier kiezen voor een voor gedefinieerde afbeelding, eigen afbeelding of een achtergrondkleur. Wanneer je kiest voor een eigen afbeelding zijn er een aantal mogelijkheden om uit te kiezen: Achtergrond herhaling Geen herhaling: de afbeelding wordt één keer getoond. Herhaling: de afbeelding wordt zowel horizontaal als verticaal herhaald. Alleen horizontaal: de afbeelding wordt horizontaal (opzij) herhaald. Alleen verticaal: de afbeelding wordt verticaal (omlaag) herhaald. Pagina 6 Handleiding: Enoza
Achtergrond plaatje mee laten scrollen Scroll: de achtergrond beweegt mee als er op de pagina gescrold wordt. Gefixeerd: de achtergrond blijft op dezelfde plaats staan. Achtergrond positie Links boven, midden of onder. Gecentreerd boven, midden of onder. Rechts boven, midden of onder. Webwinkel achtergrond: Dit is de achtergrond van jouw webwinkel. Je kunt hier kiezen uit een eigen afbeelding, een achtergrondkleur of geen achtergrond. Bij keuze voor een eigen afbeelding zijn achtergrond herhaling en achtergrond positie in te stellen. 2.3 Tabblad: Content Hier kun je de content stijlen en wijzigen. Je kunt hier lettertypes kiezen en kleuren van teksten bepalen. Algemene instellingen De lettertypes en groottes zijn belangrijk om een mooie lay-out te creëren in de webshop. Algemene lettertype: Dit is het lettertype dat in de gehele webwinkel gebruikt wordt. Lettertype venstertitels: Het lettertype dat in de venstertitels gebruikt wordt. Lettertype-grootte venstertitels: De lettertype-grootte van de titels in de vensters. Pagina 7 Handleiding: Enoza
Lettertype tekst in de vensters: Het lettertype dat in de vensters gebruikt wordt. Lettertype-grootte tekst in de vensters: De lettertype-grootte van de tekst in de vensters. Lettertype tekst van de content: Het lettertype van de tekst van de content. Dit geldt dus niet voor de vensters. Lettertype-grootte tekst van de content: De lettertype-grootte van de tekst in de content. Marge vanaf de bovenkant: Dit is de ruimte tussen de buttonbalk en het inhoudelijke gedeelte van de webwinkel. Kleuren Zorg voor een goede afstemming van de kleuren om een mooi geheel te krijgen. Tekstkleur in de standaardknoppen: Dit is de kleur in de standaardbuttons in de webshop. Achtergrondkleur van de standaardknoppen: Hier kun je de achtergrondkleur van de standaardkoppen bepalen. Tekstkleur in het contentvenster: De tekstkleur in het contentvenster. Accent-tekstkleur in het contentvenster: Bepaal hier de accent-tekstkleur in het contentvenster. Pagina 8 Handleiding: Enoza
Kleur van de links in de content: Bepaal hier de kleur van de links in de content. Accentkleur in de content: Bepaal hier de accentkleur in de content. Tekstkleur van de kopteksten in het contentvenster: Hier kun je de tekstkleur bepalen van de kopteksten in het contentvenster. Kopteksten Het onderdeel kopteksten betreft de instellingen voor de koppen in de content (dus niet de linker- en/of rechterkolom). Deze afbeelding kan, indien gewenst, horizontaal herhaald worden. Tevens kan de afbeelding links, rechts of in het midden uitgelijnd worden. Huidige achtergrond afbeelding: Het is mogelijk een achtergrondafbeelding te gebruiken voor de vensterkoppen in de content. Achtergrondafbeelding: Je kunt hier een afbeelding uploaden. Achtergrondpositie: De afbeelding kan links, rechts of in het midden uitgelijnd worden. Tekstpositie: De koptekst kan links, rechts of in het midden van het venster geplaatst worden. Marge vanaf de zijkant: Hier kun je opgeven hoeveel pixels de titel vanaf de zijkant moet inspringen. Pagina 9 Handleiding: Enoza
Marge vanaf de bovenkant: Hier kun je opgeven hoeveel pixels de titel vanaf de bovenkant moet inspringen. 2.4 Tabblad: Balken en kolommen Je kunt hier de balken en kolommen vormgeven. Algemeen Je kunt hier de kleuren en het aantal bestsellers bepalen. Tekstkleur van de aanbieding: Bepaal hier de tekstkleur van de aanbieding. Tekstkleur van de geselecteerde categorie: Bepaal hier de tekstkleur van de geselecteerde categorie. Bestsellers: Geeft aan hoeveel producten je bij de bestsellers wilt tonen. Het maximum is 25 producten. Pagina 10 Handleiding: Enoza
Topbalk Je kunt hier alle instellingen omtrent de topbalk instellen. Lettertype topbalk: Bepaal het lettertype van de topbalk. Lettertype-grootte topbalk: Bepaal hier de lettertype-grootte in de topbalk. Positie inhoud linkervenster: De inhoud van het linkervenster kan links of rechts geplaatst worden. Marge vanaf de zijkant: Geeft hier het aantal pixels op tussen de inhoud en de zijkant van het venster. Tekstkleur: Bepaal hier de tekstkleur van de bovenbalk. Linkkleur: Bepaal hier de tekstkleur van de links. Breedte van de balk: Deze kan even breed zijn als de browser of zo breed als de content (1000px). Achtergrond: Voor de achtergrond van de topbalk is zowel een achtergrondkleur als een eigen afbeelding te kiezen. Indien je kiest voor een eigen afbeelding kan je deze links, rechts of gecentreerd in de topbalk positioneren. Ook kun je de afbeelding herhalen en de richting van de herhaling instellen. Logobalk Pagina 11 Handleiding: Enoza
Hier kun je het logo of header aan de boven van het thema kiezen. Lettertype logobalk: Bepaal hier het lettertype van de logobalk. Lettertype-grootte logobalk: Bepaal de lettertype-grootte van de logobalk. Achtergrond positie: De achtergrond kan links of rechts uitgelijnd worden. Marge vanaf de bovenkant linkervenster: Dit is het aantal pixels tussen de bovenkant van het linkervenster en de inhoud. Marge vanaf de linkerkant linkervenster: Dit is het aantal pixels tussen de linkerkant van het linkervenster en de inhoud. Marge vanaf de bovenkant rechtervenster: Dit is het aantal pixels tussen de bovenkant van het rechtervenster en de inhoud. Marge vanaf de linkerkant van het rechtervenster: Dit is het aantal pixels tussen de linkerkant van het rechtervenster en de inhoud. Logo: Hier kun je het logo of header aan de bovenkant van het thema kiezen. De maximale breedte van de afbeelding is 1000px. Wanneer de afbeelding groter is wordt deze automatisch verkleind. De hoogte van de afbeelding is variabel. Het is ook mogelijk een Flash-bestand (.swf) te kiezen als logo/header. Het systeem toont automatisch de.swf als een Flash-bestand. Ook is het mogelijk voor verschillende talen een ander logo weer te geven. Pagina 12 Handleiding: Enoza
Tekstkleur: Bepaal hier de tekstkleur. Linkkleur: Bepaal hier de kleur van de links. Achtergrond afbeelding: Je kunt hier kiezen uit een voorgedefinieerde afbeelding, een eigen afbeelding of een achtergrondkleur. Als je kiest voor een eigen afbeelding, zijn er een aantal extra mogelijkheden om uit te kiezen. Buttonbalk In de buttonbalk kunnen de pagina s van jouw webwinkel of de productcategorieën worden weergegeven. Lettertype buttonbalk: Kies hier het lettertype voor de buttonbalk. Lettertype-grootte buttonbalk: Bepaal hier de grootte van het lettertype. Positie van de buttons: De buttons kunnen links of rechts uitgelijnd worden. Tekstkleur: Bepaal de tekstkleur. Tekstkleur van de streepjes tussen de buttons: Bepaal de kleur van de streepjes die tussen de buttons staan. Toon streepjes tussen de buttons: Pagina 13 Handleiding: Enoza
Vink deze aan wanneer je streepjes tussen de buttons wilt en vink dit uit wanneer je dit niet wilt. Breedte van de balk: De buttonbalk kan even breed zijn als de browser of zo breed als de content (1000px). Marge tussen de buttons: Dit is het aantal pixels afstand tussen de buttons. Toon marge bij eerste en laatste button aan de zijkant: Indien je deze optie aanvinkt worden de buttons niet helemaal links en rechts aan de zijkant van de balk geplaatst. Achtergrond: Je kunt hier kiezen uit een afbeelding met verloop, een eigen afbeelding of een achtergrondkleur. Huidige achtergrond afbeelding: Je kunt hier afbeelding uploaden. Linker achtergrond afbeelding: Hier kun je een afbeelding uploaden. Achtergrond afbeelding: Hier kun je een afbeelding uploaden. Rechter achtergrond afbeelding. Hier kun je een afbeelding uploaden. Linker achtergrond afbeelding bij mouse-over: Hier kun je een afbeelding uploaden. Pagina 14 Handleiding: Enoza
Achtergrond afbeelding bij mouse-over: Hier kun je een afbeelding uploaden. Rechter achtergrond afbeelding bij mouse-over: Hier kun je een afbeelding uploaden. Toon uitklapmenu: Hier kun je het uitklapmenu aan- of uitvinken. Als deze aan staat, worden bij een mouse-over op een categorie de subcategorieën van deze categorie in een uitklapmenu weergegeven. Toon subcategorieën in twee kolommen: Geef hier aan of er twee kolommen moeten komen of één lange wanneer het uitklapt. Achtergrondkleur: Bepaal de achtergrondkleur. Linkkleur: Bepaal de linkkleur. Linkkleur bij mouse-over: Bepaal de linkkleur bij mouse-over. Kleur van de rand van het uitklapmenu: Geef aan welke kleur de rand moet zijn. Kleur van de streep onder de links in het uitklapmenu: Bepaal hier de kleur. Dikte van de rand van het uitklapmenu: Pagina 15 Handleiding: Enoza
De rand om het uitklapmenu wordt zo dik als het aantal pixels dat je hier instelt. Als je de dikte instelt op 0 px, wordt er geen rand getoond. Linker- en rechterkolom Voor de linker- en de rechterkolom zijn dezelfde instellingen beschikbaar, echter zijn ze wel apart van elkaar in te stellen. Achtergrondkleur vensters: Geef hier de achtergrondkleur op van de vensters in de kolommen. Linkkleur: Bepaal hier kleur van de links. Tekstkleur: Bepaal hier de kleur van de tekst. Kleur van de rand: Bepaal hier de kleur van de rand. Kleur van de kopteksten van de vensters: Bepaal hier de kleur van de kopteksten. Marge tussen de vensters: Dit is de ruimte tussen de verschillende vensters. Randdikte: De rand wordt zo dik als het aantal pixels dat je hier instelt. Als je de dikte instelt op 0 px, wordt er geen rand getoond. Achtergrond van de koppen van de vensters: Pagina 16 Handleiding: Enoza
Hier kun je kiezen voor een afbeelding met, een eigen afbeelding of een achtergrondkleur. Onderbalk Voor de onderbalk zijn er instellingen beschikbaar. Lettertype onderbalk: Bepaal hier het lettertype. Lettertype-grootte onderbalk: Bepaal hier de grootte van het lettertype. Tekstkleur: Bepaal hier de tekstkleur. Toon marge vanaf de zijkanten: Indien deze optie is aangevinkt, wordt er ruimte getoond tussen de inhoud van de onderbalk en de linker- en rechterzijkant van het venster. Linkkleur: Bepaal hier de kleur van de links. Breedte van de balk: De onderbalk kan even breed zijn als de browser of zo breed als de content (1000px). Achtergrond: Voor de achtergrond is te kiezen uit een eigen afbeelding, een achtergrondkleur of geen afbeelding. Indien je kiest voor een eigen afbeelding zijn de positie en de herhaling van de afbeelding in te stellen. Pagina 17 Handleiding: Enoza
2.5 Tabblad: Advertenties Het is mogelijk twee advertenties weer te geven in jouw webwinkel: bovenaan en onderaan in de webwinkel. De instellingen voor beide advertenties zijn gelijk. Je kunt voor beide advertenties een breedte van 578 pixels aanhouden. Toon advertentie: Hier kun je kiezen uit drie opties: Alleen op begin- en modulaire pagina s Overal Nergens Toon ruimte tussen buttonbalk en advertentie (dit geldt alleen voor advertentie boven): Vink dit aan wanneer hier ruimte getoond moet worden. Link op de advertentie: Het is mogelijk de advertentie klikbaar te maken en door te laten linken naar bijvoorbeeld een specifieke categorie of een specifiek product. Advertentie afbeelding: Voor verschillende talen in jouw webwinkel kun je een andere afbeelding uploaden. 2.6 Tabblad: Knoppen Hier kun je alle instellingen van de algemene knoppen op de website kiezen. Deze instelling is bepalend, wat betekent dat de eventuele andere knopinstellingen genegeerd worden als je deze instelling verandert. Knopstijl: Hier kun je kiezen uit vele stijlen. Knopkleur: Pagina 18 Handleiding: Enoza
Bepaal de kleur van de button. Standaard knop: Hier zie je het resultaat van de standaard button. Speciale knop: Hier zie je het resultaat van de speciale button. Klik op Toepassen wanneer je de wijzigingen wilt doorvoeren. Pagina 19 Handleiding: Enoza
3. Venster indeling Hier kun je bepalen welke vensters waar getoond moeten worden in de lay-out van de webwinkel. Aan de hand van de gekozen thema heb je de keuze waar je welke vensters kunt plaatsen. Wanneer je switcht van thema zullen deze instellingen hetzelfde blijven. Bovenbalk: Je kunt kiezen of je een bovenbalk met pagina s of categorieën wilt tonen. Ook kun je kiezen om geen bovenbalk te tonen. Venster 1/2/3/4/5/6/7/8 Je kunt zelf bepalen wat je waar wilt hebben in de webshop. Je kunt ervoor kiezen om bijvoorbeeld productfilters linksboven in webshop te plaatsen, maar dit kan ook aan de rechterzijde. Je kunt de vensters zelf vullen met functionaliteiten. Klik op toepassen wanneer je de wijzigingen wilt toepassen. Pagina 20 Handleiding: Enoza
4. Banners Bij deze instelling kun je jouw eigen banners toevoegen. Je hebt de mogelijkheid om afbeeldingen, opgemaakte tekst of eigen HTML toe te voegen in een banner. Venstersets Je kunt zelf bepalen in welke vensterset een banner wordt geplaatst. Je kunt dus gemakkelijk één banner toevoegen, maar je kunt er ook voor kiezen om meerdere banners op verschillende plekken te tonen in jouw webshop. Pagina 21 Handleiding: Enoza
5. Vragen? Ik heb een vraag over het Enoza We hebben een uitgebreid supportteam dat altijd voor je klaarstaat om te helpen, mocht je vragen hebben of problemen tegenkomen. Van maandag t/m vrijdag zijn onze supportmedewerkers telefonisch bereikbaar via +31(0)88 990 7700 of per e- mail via support@ccvshop.nl. Pagina 22 Handleiding: Enoza
Aansprakelijkheid CCV Shop heeft deze handleiding zelf opgesteld. Er kunnen fouten en onvolledigheden in deze uitgave voorkomen. Het gebruik van deze handleiding is geheel voor rekening en risico van de gebruiker. CCV Shop aanvaardt geen enkele aansprakelijkheid voor onjuistheden en onduidelijkheden in de tekst. Fouten of onvolledigheden verbeteren we graag. Zou je wanneer je onvolledigheden opmerkt, deze willen e-mailen naar support@ccvshop.nl? Hartelijk dank hiervoor! Auteursrechten Alle rechten voorbehouden. Niets uit deze uitgave mag worden verveelvoudigd, opgeslagen in een geautomatiseerd gegevensbestand en/of openbaar gemaakt in enige vorm of op enige wijze, hetzij elektronisch, mechanisch, door fotokopieën, opnamen of op enige andere manier zonder voorafgaande schriftelijke toestemming van CCV Shop. CCV Shop Diamantstraat 3 7554 TA Hengelo (Ov) +31 (0)88 990 7700 support@ccvshop.nl www.ccvshop.nl Pagina 23 Handleiding: Enoza