WooCommerce Customizer is onderdeel van WordPress > Customize en maakt het mogelijk om opties te selecteren die site-breed gelden voor Winkelbericht, Productcatalogus en Productafbeeldingen zonder code aan te raken.

Waar vindt u WooCommerce Customizer Terug naar boven

Vanuit het WordPress dashboard, ga naar: Uiterlijk >Aanpassen.

In het menu Aanpassen, selecteert u WooCommerce:

Onder WooCommerce staan vijf opties:

• Store Notice
• Product Catalog
• Product Page
• Product Images
• Checkout

Iedere optie wordt hieronder in detail behandeld.

Store Notice Terug naar boven

Store Notice stelt u in staat een site-breed bericht in te voeren dat wordt getoond aan iedereen die uw winkel bezoekt. Het bericht kan zijn:

• Informatief – Een bericht dat klanten informeert over vertragingen in de verzending als gevolg van weersomstandigheden. Een ‘weg’-bericht als u op vakantie bent.
• Promotioneel – Een bericht waarin reclame wordt gemaakt voor een evenement, een speciale feestdag, een bundel, een uitverkoop van alle/een aantal artikelen of gratis verzending.

Een winkelbericht weergevenTerug naar boven

Om klanten een winkelbericht voor de hele site te tonen:

1/ Ga naar: Uiterlijk > Aanpassen > WooCommerce > Winkelbericht:

2/ Voer een bericht in het tekstgebied in.

3/ Kruis het vakje aan voor Store Notice inschakelen.

4/ Bekijk hoe de Store Notice er op uw site/winkel uitziet.

5/ Publiceer wanneer u tevreden bent en klaar bent om uw mededeling over de winkel live te laten gaan.

Wat bezoekers zien Terug naar boven

Zo wordt de mededeling over de winkel weergegeven op de voorkant van uw winkel/website. Bezoekers kunnen ervoor kiezen de melding te negeren nadat ze deze eenmaal hebben gezien.

*De locatie en het uiterlijk van de mededeling over de winkel verschillen, afhankelijk van het thema dat u gebruikt. De bovenstaande schermafbeelding is gemaakt met ons gratis Storefront-thema.

Een winkelbericht bewerken of verwijderen Terug naar boven

Om de weergave van een winkelbericht voor de hele site te wijzigen of stop te zetten:

1/ Ga naar: Uiterlijk > Aanpassen > WooCommerce > Store Notice:

2/ Om de Store Notice te wijzigen:

• Bewerk het bericht in het tekstgebied om het te wijzigen.

• Schakel het selectievakje Winkelbericht inschakelen uit om het niet langer aan bezoekers te tonen.

3/ Publiceren om wijzigingen op te slaan.

Een winkelaankondiging plannen Terug naar boven

De optie Winkelaankondiging plannen kan handig zijn wanneer u een promotie voor een beperkte tijd wilt voeren of een uitverkoop/korting op een specifieke datum om middernacht wilt beëindigen.

In dit voorbeeld willen we de gratis verzendactie beëindigen wanneer deze op 28 februari aan het einde van de dag afloopt.

1/ Ga naar Uiterlijk > Aanpassen > WooCommerce > Winkelaankondiging om de huidige/gepubliceerde aanbieding te bekijken en te openen.

2/ Haal het vinkje weg bij Winkelaankondiging inschakelen.

3/ Selecteer het tandwieltje. Er wordt een paneel geopend.

4/ Selecteer Schedule (Planning) in het menu aan de rechterkant en voer vervolgens de datum en tijd in waarop de wijziging van kracht moet worden.

5/ Selecteer Schedule (Planning) om de wijzigingen die u hebt ingevoerd op de aangegeven datum en tijd in de toekomst door te voeren.

*U moet uitverkoopkortingen, couponcodes of aanbiedingen met een beperkte geldigheidsduur uitschakelen. Als u de melding verwijdert, wordt de promotie niet automatisch stopgezet.

Productcatalogus Terug naar boven

Alle opties voor Productcatalogus vindt u bij: Uiterlijk > Aanpassen > WooCommerce > Productcatalogus.

Productcatalogus geeft u de mogelijkheid om te kiezen:

• Wat te tonen op de Shop pagina
• Wat te tonen op Categorie pagina’s
• Hoe de producten te sorteren in een Categorie
• Hoeveel producten te tonen in een
• Hoeveel rijen producten op een pagina

Winkelpagina Terug naar boven

Uw winkelpagina kan producten weergeven, Categorieën, of beide weergeven. Wij raden u aan er een te kiezen voor een strakke uitstraling.

1/ Selecteer Producten of Categorieën uit de vervolgkeuzelijst.

2/ Bekijk uw selectie live. U moet de winkelpagina bekijken.

3/ Publiceer om op te slaan en live te gaan.

Categorie-pagina’s Terug naar boven

Uw categorie-pagina’s kunnen Producten of Subcategorieën binnen een categorie weergeven, of beide.

Als u maar een paar producten hebt, of geen subcategorieën, is er wellicht geen verschil in uiterlijk.

1/ Selecteer Producten of Subcategorieën uit de dropdown.

2/ Bekijk uw selectie live. U moet een categoriepagina bekijken.

3/ Publiceren om op te slaan en live te gaan.

De standaardsortering van producten Terug naar boven

De standaardsortering van producten stelt u in staat de volgorde te bepalen waarin producten worden weergegeven, wat van invloed is op de manier waarop producten standaard worden weergegeven op winkel- en categoriepagina’s. Bezoekers hebben nog steeds de mogelijkheid om producten op een andere manier te sorteren, indien gewenst.

Normale sortering (aangepaste volgorde + naam) – producten worden alfabetisch op naam weergegeven. Wanneer de sorteervolgorde voor producten is aangepast, wordt die aangepaste volgorde als eerste beschouwd, en alfabetisch op naam als tweede (als producten dezelfde volgordeposities hebben). In uw winkel zien klanten dit als Standaard sorteren.

Sorteren op populariteit (verkoop) – geef producten weer op basis van de verkoopcijfers, van meest naar minst verkocht. Klanten zien Sorteren op Populariteit.

Sorteren op gemiddelde waardering – geeft producten weer op basis van de gemiddelde waardering van beoordelingen, van hoog naar laag.

Sorteren op meest recent – geeft producten weer in de volgorde waarin ze aan de winkel zijn toegevoegd, van nieuwste naar oudste. De klant ziet Sorteren op recentst.

Sorteren op prijs (oplopend / aflopend) – sorteer producten op prijs, hetzij laagste naar hoogste (oplopend) of hoogste naar laagste (aflopend). De klant ziet Sorteren op prijs: laag naar hoog, of Sorteren op prijs: hoog naar laag.

In dit voorbeeld hebben we gekozen voor Sorteren op prijs (oplopend) (Sorteren op prijs: laag naar hoog, weergegeven met een ✔), en de klant staat op het punt om te kiezen voor Sorteren op nieuwswaarde.

Om een standaardsorteervolgorde te kiezen:

1/ Selecteer een optie in de vervolgkeuzelijst:

2/ Bekijk uw selectie live. U kunt de winkelpagina of een categoriepagina bekijken.

3/ Publiceren om op te slaan en live te gaan.

Producten per rij Terug naar boven

Producten per rij stelt u in staat om het aantal items te kiezen dat in een enkele rij op winkel- en categoriepagina’s verschijnt.

Wees gevoelig voor:

• De grootte van een productafbeelding
• Ruimte op een computer/laptop, tablet of mobiel apparaat
• De optimale ervaring voor een klant die uw producten bekijkt en koopt

1/ Gebruik de pijlen om het aantal producten te verhogen/verlagen.

2/ Bekijk uw selectie live. U kunt de winkelpagina of een categoriepagina bekijken.

3/ Test op verschillende apparaten. Hieronder ziet u een voorbeeld van verschillende weergaven, met dezelfde instellingen.

• Op een computer/laptop

• Op een tablet

• Op een mobiel apparaat

*De schaal van de afbeeldingsgrootte en het uiterlijk zullen variëren, afhankelijk van het thema dat u gebruikt. Bovenstaande schermafbeeldingen zijn gemaakt met ons gratis Storefront-thema.

4/ Publiceer om op te slaan en live te gaan.

Rijen per pagina Terug naar boven

Rijen per pagina stelt u in staat om het aantal rijen te kiezen dat wordt weergegeven op Winkel- en categoriepagina’s.

Let op:

• Grootte van productafbeeldingen
• Aantal producten dat u verkoopt
• Ruimte op een computer/laptop, tablet of mobiel apparaat
• De optimale ervaring voor een klant die uw producten bekijkt en koopt

1/ Gebruik de pijlen om het aantal rijen te vergroten/verkleinen.

2/ Bekijk uw selectie live. U kunt de winkelpagina of een categoriepagina bekijken.

3/ Test op verschillende apparaten. Hieronder ziet u een voorbeeld van verschillende weergaven, met dezelfde instellingen.

• Op een computer/laptop

• Op een tablet

• Op een mobiel apparaat

*De schaal van de afbeeldingsgrootte en het uiterlijk zullen variëren, afhankelijk van het thema dat u gebruikt. Bovenstaande schermafbeeldingen zijn gemaakt met ons gratis Storefront-thema.

4/ Publiceren om op te slaan en live te gaan.

Productpagina Terug naar boven

Productpagina heeft twee opties die van toepassing zijn op afzonderlijke productpagina’s:

• Sticky Add-to-Cart – Dit is een kleine inhoudsbalk boven in het browservenster met relevante productinformatie en een add-to-cart-knop. Deze schuifbalk wordt zichtbaar zodra de standaard “Toevoegen aan winkelwagen”-knop uit beeld is geschoven.

• Productpaginatie – Hiermee geeft u volgende en vorige koppelingen weer op productpagina’s. Er wordt een productminiatuur weergegeven met de titel als de muisaanwijzer op het product wordt geplaatst.

Productafbeeldingen Terug naar boven

Productafbeeldingen heeft twee functies:

• Hiermee kunt u selecteren hoe catalogus- en miniatuurafbeeldingen worden verkleind en bijgesneden
• Het formaat van catalogus- en miniatuurafbeeldingen wordt automatisch voor de hele site in uw winkel aangepast wanneer er een wijziging in de publicatie wordt aangebracht*

Dit bespaart u tijd en energie voor het handmatig bijsnijden en aanpassen van het formaat van elke afbeelding.

Afbeeldingstypes Terug naar boven

• Catalogusafbeeldingen zijn middelgrote afbeeldingen die verschijnen op de Winkel pagina, Categorie pagina’s, en voor gerelateerde producten, Up-sells en Cross-sells.
• Thumbnail Afbeeldingen zijn de kleinste afbeeldingen die worden gebruikt in de Winkelwagen, Widgets en (optioneel) Galerij afbeeldingen onder de Single Product Image op individuele productdetails pagina’s.
• Single Product Image is de grootste afbeelding en verwijst naar de belangrijkste / featured afbeelding. Productafbeeldingen instellingen in WooCommerce Customizer zijn niet van toepassing op deze. Om de Enkele Productafbeelding of Productafbeeldingsgalerij toe te voegen, te bewerken of te verwijderen, zie: Toevoegen van Productafbeeldingen en Galerijen.

* Voorheen moesten thumbnails worden geregenereerd met behulp van een plugin van derden. WooCommerce 3.3x handelt dit nu voor u af. Regeneratie zal niet worden getriggerd voor wijzigingen die alleen in de modus Preview zijn gemaakt.

Vergroot en verklein thumbnail afbeeldingen Terug naar boven

1/ Ga naar: Uiterlijk > Aanpassen > WooCommerce > Productafbeeldingen.

2/ Selecteer een:

• 1:1 – Vierkante afbeelding

• Aangepast – U selecteert de verhouding waarin afbeeldingen worden bijgesneden. In dit voorbeeld is 1:2 ingevoerd; één afbeelding kan niet worden vergroot om aan deze eis te voldoen.

• Niet bijgesneden – Afbeeldingen worden weergegeven zoals ze zijn, wat ertoe kan leiden dat ze allemaal verschillend zijn, tenzij u foto’s hebt gebruikt die uniform zijn qua grootte en resolutie. De schermafbeelding hieronder is hier een voorbeeld van: De ene is perfect vierkant, de volgende is een kleiner vierkant, en de laatste is een rechthoek.

3/ Test op verschillende apparaten. Hieronder ziet u een voorbeeld van verschillende weergaven, met dezelfde instellingen.

• Op een computer/laptopscherm

• Op een tablet.

• Op een mobiel apparaat.

4/ Publiceren om op te slaan en live te gaan.

Afrekenen Terug naar boven

Alle opties voor Afrekenen zijn te vinden onder: Uiterlijk > Aanpassen > WooCommerce > Afrekenen.

U kunt nu instellen of bepaalde velden verplicht of optioneel zijn, afhankelijk van de gegevens die u wenst te verzamelen. U kunt er ook voor kiezen de verplichte velden te markeren met een sterretje, wat de standaardinstelling is.

Het wordt aanbevolen om pagina’s met privacybeleid en algemene voorwaarden te maken, waarna u ze hier kunt instellen. De ingestelde pagina’s worden gekoppeld aan de tekst die u invoert en verschijnen als volgt op de pagina Afrekenen:

De link “privacybeleid” opent de pagina in een nieuw venster, terwijl de link “algemene voorwaarden” een vak op de pagina opent waarin de inhoud van de pagina met algemene voorwaarden wordt weergegeven. Een bestelling kan niet worden geplaatst zonder het aanvinken van de vereiste voorwaarden box.

FAQs Terug naar boven

Ik kan WooCommerce Customizer niet vinden. Bovenaan pagina

Winkels die WooCommerce 3.3x+ gebruiken hebben deze optie beschikbaar op: Uiterlijk > Aanpassen > WooCommerce. Winkels die een versie van WooCommerce gebruiken die ouder is dan 3.3.0 zullen Store Notice en Product Images zien op: WooCommerce > Instellingen > Producten > Weergave sectie; Productcatalogus is nieuw.

We raden aan om te updaten naar de nieuwste versie van WooCommerce om te profiteren van nieuwe en verbeterde functies en functionaliteit. Bedankt!

Kan ik nog steeds de Regenerate Thumbnails plugin gebruiken? Terug naar boven

Ja, dat kan. Maar het is onnodig als u WooCommerce 3.3.0 of hoger gebruikt, omdat een verandering naar een nieuw of ander thema, of een live verandering in Product Catalogus of Productafbeeldingen, WooCommerce triggert om de thumbnail en productcatalogusafbeeldingen automatisch te vergroten en automatisch bij te werken voor u.

U kunt ook de optie Regenerate Shop Thumbnails gebruiken op: WooCommerce > Status > Hulpmiddelen.