Zoek naar een nieuwe plug-in met zoekterm woocommerce. De eerste (WooCommerce zonder meer) is de correcte, Installeer
en Activeer.
Klik op de knop Mijn Winkel Configureren.
Instellingen: Ik zet een winkel op voor een klant. Doorgaan
Typ de info: de naam is Bakkerij Babbelaar, sector eten en drinken, het land
België en laat de e-mail van Local staan. Doorgaan.
Gratis functies: alles uitklikken (extra's kunnen we later toevoegen), doorgaan.
Geduld tot de installatie voltooid is.
Nu ben je door de basiswizard heen en kan je ervoor kiezen om de rest later in te vullen.
Kijk bij Pagina's, daar zijn standaardpagina's bijgekomen voor de WooCommerce en die mag je NIET wissen: Afrekeningen, Mijn Account, Winkel, Winkelwagen.
Verwijder je per ongeluk zo'n standaardpagina, kies dan bij WooCommerce – Status – Tools
– Standaard WooCommerce Pagina's Aanmaken.
Punt 1: de winkel aanpassen
We gaan dadelijk de basis opmaak instellen.
Tot de huisstijl van Bakkerij Babbelaar behoren de kleuren felrood (#FF0000), beige (#F0DEBE) en bruin (#6B5838), evenals het Google-lettertype Amaranth.
Klik op 1. Pas Je Winkel Aan
We kiezen NIET voor een professioneel ontworpen thema, want die zijn betalend. Klik op Ga Naar Editor.
Klik op Stijlen en daar op het potloodje rechtsboven. Sluit het venster met patronen.
Doorloop de wizard 'Welkom bij Stijlen', dan heb je al een idee van de mogelijkheden.
Wizard gesloten? In het midden zie je nu voorbeelden van onderdelen van de site en rechts de stijlenkolom waar je de globale opmaak
voor de hele site kan instellen:
Klik op Typografie, dat is alles wat samenhangt met de tekenopmaak: lettertype, grootte, varianten,...
Klik rechts van titel Lettertypes op .
Wij hebben een Google-lettertype nodig: klik op tab Lettertypes Installeren en verleen toegang aan Google Fonts.
Zoek Amaranth en installeer de vier varianten.
Sluit venster Lettertypes. Nu staat Amaranth als eerste in de kolom Lettertypes.
Klik onder Elementen op Tekst.
Kies lettertype Amaranth en klik rechtsboven op Opslaan (2x), dan is die algemene instelling al in orde.
Volgende stap: de kleuren. Klik op Kleuren en daar op > langs Palet.
Beweeg de cursor over de gekleurde bollen, dan verschijnen de bijhorende namen. Basis (wit) en Accent (heel donker grijs) laten we voorlopig staan.
Klik op de bol Accent 1, dat wordt bruin: #6B5838. Klik buiten het paletje om dit venstertje te sluiten.
Accent 2 wordt beige (#F0DEBE) en accent 3 rood (#FF0000).
Klik op < om het palet te sluiten. Stel de elementen in: tekst wordt bruin (accent 1), achtergrond een radiaal verloop van wit (#FFFFFF) naar beige (#F0DEBE).
Klik linksboven op de bakkersmuts (Navigatie) en dan in de kolom links onderaan op Opslaan. Dan 2x < om terug te keren naar het dashboard.
.