Het thema installeren
Als u het Yellowlab Ahead thema wilt installeren gaat u naar de SEOshop theme store, waar u de keuze kunt maken om het Yellowlab Ahead thema te installeren.
Het thema bevat 3 stijlvarianten:
Standaard wordt “Default” geïnstalleerd, daarna kunt u een eventueel de andere variant selecteren. Wilt u één van deze presets gebruiken dan gaat u naar Design > Instellingen.
Vervolgens kiest u bij de eerste categorie “Preset” de gewenste stijl.
Functionaliteiten
Achtergrond
Wilt u liever een andere achtergrond afbeelding of een andere kleur? Dat kunt u aanpassen via Design > Instellingen onder het kopje Achtergrond.
Contactdata
In de footer kunt de contactgegevens aanpassen via Design > Instellingen onder het kopje Contact Data. Wilt u liever geen contact informatie tonen? Activeer dan het vinkje achter ‘hide contact data’.
Algemeen
Via Design > Instellingen onder het kopje Algemeen kunt u een aantal algemene instellingen aanpassen:
Sidebar positie: hiermee bepaalt u of de sidebar op de categoriepagina’s aan de linker- of rechtkant wordt geplaatst.
Lettertype: het lettertype dat gebruikt wordt binnen de webshop
Navigatie: wilt u onbeperkt scrollen binnen uw categorie pagina? Kies dan voor de Infinite scroll. Wilt u een maximaal aantal producten per pagina, voordat u overschakelt naar de volgende pagina? Selecteer dan Knoppen.
Nieuwsbrief verbergen: hiermee wordt de aanmelding voor de nieuwsbrief niet meer weergegeven
Kleuren: hiermee kunt u de kleuren aanpassen die veelvuldig gebruikt worden binnen uw webshop
Header
Onder het kopje Header binnen Design > Instellingen kunt u het logo dat boven in de webshop wordt getoond aanpassen. We raden een logo aan met een resolutie van 470 x 82 pixels.
Uw favicon, is de kleine afbeelding die in het tabblad van uw browser wordt getoond.
Header Unique Selling Points
De USP’s in de header kunt u zelf bepalen en aanpassen! Via Design > Instellingen onder het kopje Header Unique Selling Points kunt u deze tekstueel wijzigen, en aangeven waar deze USP’s naar toe verwijzen. Vul hierin de pagina in waar u naar toe wilt verwijzen, en niet de gehelen url. Een voorbeeld: wilt u een verwijzing naar de algemene voorwaarden? Dan vult u het volgende in achter de USP1 of USP 2 link: service/general-terms-conditions/
Let op: de USP’s die u hier invult kunnen niet meer dan 18 karakters lang zijn.
Slider
Afbeeldingen uploaden voor in de slider kunt u doen via Design -> Headlines. Daar kunt een bestaande slider aanpassen door op een bestaande slider op het potloodje te klikken. Hier kunt u de link en de tekst in de slider wijzigen.
De slider wordt het beste getoond als deze wordt geplaatst in een resolutie van 1500 pixels breed bij 700 pixels hoog.
Wilt u een nieuwe slider toevoegen dan klikt u op het groene plusje. Daar kunt u uw afbeelding uploaden voor in de slider.
U kunt zelf tekst in uw afbeelding toevoegen, en dan als gehele afbeelding uploaden, of u kunt uw tekst voor in de slider in de titel plaatsen, zoals bovenstaand voorbeeld. Daarin kunt u een html code verwerken om er een titel in te zetten een tekst voor op bijvoorbeeld een volgende regel:<h2>Homepage slider</h2><p>Voorzie u moderne homepage slider van tekst</p>. Wat tussen de H2 tags staat is het ‘kopje’ en wat tussen de <p> en </p> staat, komt op de volgende regel te staan.
Per taal kunt u verschillende sliders uploaden.
De instellingen van de slider kunt u ook aanpassen. Wilt u liever dat de slider afbeelding vanaf links komen inschuiven en de tekst niet inschuift maar langzaam verschijnt, dan kunt dat instellen via Design -> Instellingen, onder het kopje Headlines.
Hier kunt de achtergrondkleur van het tekstvak aanpassen en de kleur van de tekst. Ook kunt u aanpassen hoe de slider afbeelding verschijnen en verdwijnen (bijvoorbeeld inschuiven van links, of langzaam laten verschijnen). Verder is het ook mogelijk om in te stellen, hoe lang het duurt voordat de afbeelding verschijnt en hoe lang het duurt voordat de tekst over de afbeelding wordt vertoond.
Er is ook een optie om een enkele slider te gebruiken, waarbij je een transparante afbeelding kunt gebruiken die er over heen ‘schuift’. Om dit te gebruiken activeer je de optie, en upload je 2 banners: 1 voor de achtergrond en 1 transparante afbeelding met tekst er in die er overheen schuift. Let op: dit vervangt de standaard slider functie, en de banners en producten op de homepage.
Homepage banners
Via Design -> Instellingen komt u onder het kopje Homepage banners. Hier kunt ook zo’n mooie homepage maken, door daar uw mooie afbeelding en producten in te zetten!
Er staan 8 posities in die u kunt vullen met afbeeldingen. Hier ziet u de ideale afmetingen, het is aan te raden om de afbeelding ook met deze afmeting te uploaden, zodat de verhouding mooi blijven en u afbeelding niet wordt vervormd.
Elke afbeelding kunt u ook doorverwijzen naar een pagina binnen uw webshop, vul gewoon in het invoerveld voor de link de url in waar u naar toe wilt verwijzen.
Er worden ook 4 producten getoond op de homepage. Deze kunt u plaatsen op een iets andere plek, namelijk via Design -> Producten voorpagina. Sleep u producten vanuit de linkerkolom, naar het veld rechts. Hier kunt u 4 producten plaatsen die getoond worden op de homepage.
Navigatie en Prijzen
Via Design -> Instellingen zijn er nog een aantal instellingen die u naar wens kunt instellen.
Onder Navigatie kunt aanvinken of u wel of niet bepaalde pagina’s in het hoofmenu wilt tonen, zoals ‘New Arrivals’ of ‘Sale’. Ook kunt u de achtergrond kleuren van het menu en submenu aanpassen, en de kleur van de tekst in het menu en submenu.
Binnen het kopje Prijzen, kunt de kleur van de prijzen aanpassen. Voor zowel de gewone alsmede de aanbiedingsprijs.
Instellingen
Nog meer interessante instellingen vindt u onder het kopje Instellingen, via Design -> Instellingen.
Verberg RSS feeds: verbergt RSS feeds in de footer
Verberg ‘Meer’ footer links: verbergt het kopje ‘Meer’ in de footer
Verberg ‘Nieuw in de winkel’: verbergt de nieuwe producten op de homepage
Tags verbergen: verbergt de tags in de footer
Verberg merken: verbergt de merkenslider op de homepage
Verberg aantallen: verbergt de aantallen op catgeriepagina’s die zijn aangemaakt als overzichten
Replace payment methods image: vink deze optie aan om een andere afbeelding te gebruiken voor de betaalopties dan de standaard SEOshop iconen. Wanneer je deze functie aanvinkt kun je in het veld er onder de afbeelding uploaden.
Weergave productpagina
Onder het kopje Instellingen, via Design -> Instellingen kun je de keuze maken tussen de weergave van de productpagina. Wilt u de moderne variant met 4 grote productafbeeldingen, of toch liever de traditionele weergave met 1 grote afbeelding en daaronder de thumbnails? Die keuze kunt u hier maken onder Product page layout.
Sidebar en Social Media
Op de pagina Design -> Instellingen staan de kopjes Sidebar en Social Media. Onder Sidebar kunt u instelling welke afbeelding u in de sidebar op de categoriepagina’s wilt zien, en waar deze afbeelding naar toe linkt.
Onder het kopje Social Media, kunt u de verwijzingen naar uw social media pagina’s invullen.
USP’s
Wilt u de tekst wijzigen of de afbeeldingen van de usp’s onderaan de pagina? Dat kunt u doen via Design -> Instellingen, onder USP’s. U kunt hier eenvoudig achtergrondkleur wijzigen, de afbeeldingen en links per item en de titels en tekstjes.
Klantbeoordelingen
Wilt u klantbeoordelingen tonen van uw Kiyoh account? En het Thuiswinkel waarborg logo plaatsen?
Die kunt u zelf eenvoudig plaatsen via Design -> Keurmerken. Klik bovenin op het groene plusje, en voeg u keurmerk toe.
De afbeelding dient u eerst te uploaden via Bestanden -> Afbeeldingen (helemaal onderin in de linkerkolom in de backoffice), wanneer u dit heeft gedaan kunt het keurmerk en de link toevoegen aan het keurmerk.
Changelog
versie 1.4
Bij het activeren van de systeeminstelling ‘Blijf op pagina’, waarbij je op de pagina blijft bij het toevoegen van een product aan het winkelmandje, opent nu het dropdown van het winkelmandje in de header een paar tellen. Dit zorgt ervoor dat de klant een extra duidelijke visuele bevestiging krijgt dat het product in het winkelmandje zit.