Kameleon. Handleiding Versie

Transcriptie

1 Kameleon Handleiding Versie

2 Inhoudsopgave Inhoudsopgave 2 Changelog 3 1. Inleiding 4 2. Instellingen Kameleon Tabblad: Start Tabblad: Algemene instellingen Tabblad: Logo Tabblad: Buttonbalk Tabblad: Linkerbalk/Rechterbalk Tabblad: Advertentie Tabblad: Teksten Tabblad: Knoppen Vragen? 13 Pagina 2 Handleiding: Kameleon

3 Changelog Datum Versie Opmerking Initiële opzet Update handleiding Nieuwe lay-out Pagina 3 Handleiding: Kameleon

4 1. Inleiding De vormgeving van uw webwinkel is erg belangrijk. U wilt de bezoeker immers de juiste beleving bieden. U beschikt met CCV Shop over uitgebreide designmogelijkheden. Door middel van algemene thema s en geavanceerde thema s ontwerpt u zelf de lay-out van uw webwinkel. Kameleon is een geavanceerd thema die u gratis activeren in uw webwinkel. Dit thema kenmerkt zich door de hoeveelheid instellingen. Deze instellingen van Kameleon gaan we in deze handleiding doornemen zodat u alles volledig kunt instellen. Pagina 4 Handleiding: Kameleon

5 2. Instellingen aanpassen Om het thema te activeren gaat u in de onderhoudstool naar: Startpunt - Mijn Webshop - Instellingen Lay-out - Webwinkel thema s. Kies vervolgens het thema Kameleon. Klik op Dit thema activeren om het thema actief te maken in uw webwinkel. Nadat u dit hebt gedaan kunt u de instellingen van dit thema aanpassen bij instellingen aanpassen. De instellingen worden in dit hoofdstuk beschreven. 2.1 Tabblad: Start Allereerst ziet u het tabblad Start. Via de optie Klik hier om alle instellingen terug te zetten naar beginwaarden kunt u alle wijzigingen die u heeft aangebracht ongedaan maken. Let wel op, alle wijzigingen betreffende kleuren, structuur van de linker- en rechterbalken en aangepaste teksten worden teruggezet naar de beginwaarden. Afbeeldingen die u zelf heeft geüpload naar de advertentieruimte en de bovenbalk blijven wel staan. 2.2 Tabblad: Algemene instellingen Hier vindt u een aantal algemene instellingen van de template. Algemene achtergrondkleur: Pagina 5 Handleiding: Kameleon

6 Hiermee kunt u bepalen welke kleur de achtergrond van de webshop heeft. Deze optie heeft alleen effect wanneer u bij Algemeen achtergrondplaatje de optie Voorgedefinieerd plaatje en dan Geen plaatje heeft. Kleur geselecteerde categorie: Dit is de kleur van de tekst van de gekozen categorie in het venster Categoriestructuur, welke u in de linker- of rechterbalk kunt plaatsen. Tekstkleur van het contentvenster: Met deze optie kunt u de kleur van de tekst in het contentvenster aanpassen, zoals de prijs van het geselecteerde product en de tekst in het aanbiedingenvenster. Kleur van de titels in de content: Hiermee kunt u de tekstkleur van de titels in het contentvenster aanpassen. Accent tekstkleur in de content: Hiermee kunt u de kleur van accenten in de tekst van het contentvenster aanpassen. Achtergrondkleur standardbuttons in content: Met deze optie kunt u de achtergrondkleur van de button die in het contentvenster staan aanpassen. Bijvoorbeeld de button Zoeken. Aantal items bestsellers: Bepaal hier hoeveel items er in het venster Bestsellers komen te staan. Algemeen achtergrondplaatje: Hier kunt u uw achtergrond instellen. Er kan gekozen worden uit een selectie voorgedefinieerde plaatjes of u kunt een eigen plaatje uploaden. Border kleur van het contentvenster: Pagina 6 Handleiding: Kameleon

7 Hiermee kunt u de kleur om het contentvenster wijzigen. Achtergrondkleur van het contentvenster: Hiermee kunt u de achtergrondkleur van het contentvenster wijzigen. Kleur van de linkjes in het contentvenster: Hiermee kunt u de kleur van hyperlinks die u in het contentvenster plaatst wijzigen. Zo kunt u instellen dat de links een andere kleur krijgen of juist niet. Accentkleur in de content: Hiermee kunt u de kleur van de accenttekst in het contentvenster wijzigen. Dit is de tekst van bijvoorbeeld het kopje Prijsinformatie wanneer een product geselecteerd wordt. Kleur van de prijs in het aanbiedingenvenster: Dit is de kleur van de tekst waarmee de afgeprijsde prijs worden aangegeven in het aanbiedingenvenster. Dit is dus niet de voormalige prijs. Tekstkleur standaardbuttons in content: Hiermee kunt u de teksten in de buttons in de verschillende vensters aanpassen, zoals de button Zoek en de button Bestellen. Border om content: Geef hier aan uit hoeveel pixels de border moet zijn. 2.3 Tabblad: Logo Hier kunt u het logo of header instellen. Afbeelding positie: Met Afbeelding positie kunt u aangeven of het logo links, rechts of in het midden van de header moet worden geplaatst. Pagina 7 Handleiding: Kameleon

8 Header of logo voor de bovenbalk: U kunt hiervoor een afbeelding of een.swf (flash) bestand uploaden. De maximale breedte hiervan is 1000 pixels en de hoogte is variabel. Geen achtergrondkleur, gebruik de algemene achtergrondkleur: Vink dit aan wanneer u de algemene achtergrondkleur wilt hanteren. Achtergrondkleur: U kunt hier de achtergrondkleur instellen. De achtergrondkleur is alleen zichtbaar als u geen afbeelding als achtergrond heeft geselecteerd of als de afbeelding kleiner dan 1000 pixels is. Achtergrondplaatje voor links en rechts naast header: Kies hier voor een voorgedefinieerde afbeelding of een eigen afbeelding. Als u helemaal geen afbeelding wilt, kiest u voor voorgedefinieerd plaatje en bij selecteer plaatje op geen plaatje. En als uzelf een afbeelding voor de achtergrond kiest, worden nog een aantal opties zichtbaar waarmee u de positie van het achtergrondafbeelding kunt instellen. 2.4 Tabblad: Buttonbalk Bij dit tabblad kunt u de buttonbalk instellen. Er zijn een aantal instellingen waarmee u deze balk naar eigen inzicht kunt inrichten: Positie buttons: Hiermee kunt u aangeven of de buttons links, rechts of in het midden uitgelijnd moeten worden. Kleur van de tekst: Bepaal hier de kleur van de tekst die in de buttons staan. Pagina 8 Handleiding: Kameleon

9 Kleur van de tekst als de pagina geselecteerd is: Hiermee kunt u aangeven of de tekst die in de buttons staan van kleur moet veranderen wanneer de betreffende pagina geselecteerd is. Kleur van het streepje tussen buttons: Hier kunt u de kleur van het streepje tussen de verschillende buttons aangeven. Lengte van de balk: Deze instelling geeft aan of de buttonbalk over de hele pagina moet lopen of dat alleen de breedte van de website gevuld moet worden. In het laatste geval is de balk afgebakend en niet langer dan de uiterste breedte van de linker- en rechtervensters. Achtergrond: Hier kunt u de achtergrond van de buttonbalk instellen. U kunt kiezen uit een aantal voorgedefinieerde kleuren waar een overloop in zit of een vaste kleur zonder overloop. Tevens kunt u een afbeelding uploaden. Deze mag niet meer dan 36 pixels hoog en 1000 pixels breed zijn. 2.5 Tabblad: Linkerbalk/Rechterbalk Bij deze twee tabbladen kunt u de linker-en rechterbalk instellen. De opties van de twee balken zijn hetzelfde, daarom worden beide hier samen behandeld. Achtergrondkleur vensters: Hier kunt u van alle vensters aan de linker-en rechterkant de achtergrondkleur instellen. Kleur van de tekst: Hiermee kunt u de kleur van de teksten instellen met uitzondering van de tekstkleuren die in te stellen zijn onder het tabblad algemene instellingen. Pagina 9 Handleiding: Kameleon

10 Kleur van de linkjes: De kleur van de links die u in de vensters plaatst. Kleur van de border: Hier is de kleur van de rand om de vensters heen aan te passen. Kleur van kopteksten vensters: Hiermee stelt u de kleur van de tekst in. Achtergrondkleur titelbalk: Hier kunt u de achtergrond van de vensterkopjes instellen. U kunt kiezen uit een aantal voorgedefinieerde kleuren waar een overloop in zit of een vaste kleur zonder overloop. Tevens kunt u een afbeelding uploaden. Deze mag niet hoger zijn dan 36 pixels en niet breder dan 200 pixels. 2.6 Tabblad: Advertentie Bij dit tabblad kunt u een advertentie in uw webwinkel plaatsen. U kunt hier instellen op welke pagina s de advertentie geplaatst dient te worden. Toon advertentie Bepaal waar de advertentie moet komen te staan. De keuzes bestaan uit overal, alleen op de modulaire en startpagina s of helemaal nergens. Link op de advertentie: Verder kunt u instellen waar de advertentie naartoe moet linken. Positie advertentie: Geef aan of de advertentie onderaan of bovenaan de pagina moet komen te staan. Wanneer u Bovenaan selecteert dan wordt de advertentie onder de header en de buttonbalk, maar boven de rest van de pagina geplaatst. Pagina 10 Handleiding: Kameleon

11 Advertentieplaatje: U kunt hier een afbeelding selecteren om als advertentie te gebruiken. Er gelden geen restricties wat betreft de hoogte en breedte van het plaatje. 2.7 Tabblad: Teksten Hier kunt u de standaard teksten aanpassen. Algemeen lettertype: Hier kunt u het lettertype bepalen die in uw webwinkel zichtbaar is. De keuze bestaat uit 5 verschillende lettertypes. Lettertype-grootte-venstertitels: Bepaal hier de lettertype grootte van de titels in de vensters. Lettertype-grootte tekst van de content: Bepaal hier de lettertype grootte van de teksten in de contentvensters. Lettertype-grootte buttonbalk: Bepaal hier de lettertype grootte van de teksten in de buttonbalk. Lettertype-grootte in de vensters: Bepaal hier de lettertype grootte van de teksten in de vensters. 2.8 Tabblad: Knoppen Hier kunt u alle instellingen van de algemene buttons op de webwinkel bepalen. Knopstijl: Hier kunt u instellen wat de stijl is van de button. Knopkleur: Bepaal de kleur van de button. Pagina 11 Handleiding: Kameleon

12 Standaard knop: Hier ziet u hoe de button eruit ziet. Wilt u toch een andere button? Verander de stijl bij knopstijl of pas de kleur aan bij knopkleur. Speciale knop: Hier ziet u hoe de button eruit ziet. Wilt u toch een andere button? Verander de stijl bij knopstijl of pas de kleur aan bij knopkleur. Klik op Toepassen wanneer u de wijzigingen wilt doorvoeren. Pagina 12 Handleiding: Kameleon

13 4. Venster indeling Hier kunt u bepalen welke vensters waar getoond moeten worden in de lay-out van de webwinkel. Aan de hand van de gekozen thema heeft u de keuze waar u welke vensters kunt plaatsen. Wanneer u switcht van thema zullen deze instellingen hetzelfde blijven. Bovenbalk: U kunt kiezen of u een bovenbalk met pagina s of categorieën wilt tonen. Ook kunt u kiezen om geen bovenbalk te tonen. Venster 1/2/3/4/5/6/7/8 U kunt zelf bepalen wat u waar wilt hebben in de webshop. U kunt ervoor kiezen om bijvoorbeeld productfilters linksboven in webshop te plaatsen, maar dit kan ook aan de rechterzijde. U kunt de vensters zelf vullen met functionaliteiten. Klik op toepassen wanneer u de wijzigingen wilt toepassen. Pagina 13 Handleiding: Kameleon

14 5. Banners Bij deze instelling kunt u uw eigen banners toevoegen. U heeft de mogelijkheid om afbeeldingen, opgemaakte tekst of eigen HTML toe te voegen in een banner. Venstersets U kunt zelf bepalen in welke vensterset een banner wordt geplaatst. U kunt dus gemakkelijk één banner toevoegen, maar u kunt er ook voor kiezen om meerdere banners op verschillende plekken te tonen in uw webshop. Pagina 14 Handleiding: Kameleon

15 6. Vragen? Ik heb een vraag over het thema Kameleon We hebben een uitgebreid supportteam dat altijd voor u klaarstaat om te helpen, mocht u vragen hebben of problemen tegenkomen. Van maandag t/m vrijdag zijn onze supportmedewerkers telefonisch bereikbaar via +31(0) of per e- mail via support@ccvshop.nl. Pagina 15 Handleiding: Kameleon

16 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 u wanneer u onvolledigheden opmerkt, deze willen en 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 TA Hengelo (Ov) +31 (0) support@ccvshop.nl Pagina 16 Handleiding: Kameleon