Een WooCommerce categorie pagina aanpassen kun je eenvoudig doen met Elementor Pro. Zonder kennis van code kun je de producten inladen, de categoriebeschrijving toevoegen en de pagina naar wens opmaken. In dit artikel leg ik je uit hoe je dit doet.
Ontdek meer voordelen van Elementor & WooCommerce
Stap 1: categorieën maken
Ik ga er even vanuit dat je de categorieën al hebt ingesteld bij je producten in de webshop. Mocht je dit nog niet hebben gedaan, doe dit dan eerst. Vul ook alvast de categorie beschrijving in, mocht je deze straks willen tonen op de categorie pagina.
Stap 2: Product archief pagina aanmaken
Een WooCommerce categorie pagina aanpassen doe je door het aanmaken van een nieuw archief template met behulp van Elementor Pro. Dit doe je als volgt:
- Ga naar Elementor -> Theme Builder
- Kies ‘Nieuwe toevoegen‘
- Selecteer ‘Product Archive‘
- Geef het template een naam. Bijvoorbeeld: ‘Product categorieën’.
Stap 3: de WooCommerce categorie pagina aanpassen
Je krijgt vervolgens een popup waaruit je kunt kiezen uit verschillende standaard templates. Mocht je deze niet willen gebruiken, dan klik je dit weg door op het kruisje te klikken.
Product archief widgets
Met de product archief widgets kun je de juiste producten tonen, de categorietitel en beschrijving toevoegen:
Archive Title
Deze widget laadt automatisch de titel van de WooCommerce categorie pagina. Bijvoorbeeld ‘boeken’.
Archive Products
Toont de producten in de specifieke categorie. Je hoeft deze categorie met deze widget niet eerst te selecteren (zoals met de posts widget). De juiste producten worden straks automatisch geladen. In hoeverre je deze weergave kunt aanpassen is afhankelijk van het thema dat je gebruikt. Bij OceanWP zie je bijvoorbeeld de onderstaande opties en melding. Wil je hier aanpassingen in doen, dan kun je dit dus het beste via de customizer van het thema doen.
Hieronder zie je een voorbeeld van de opties bij het thema Astra. Zoals je ziet kun je hier wel kolommen en rijen aanpassen. Maar ook kun je hier de pagination instellen en het aantal zoekresultaten instellen. Maar ook bij dit thema, kun je deze instellingen beter aanpassen via de customizer.
Archive Description
Hiermee toon je de product categoriebeschrijving (mits je deze hebt ingevuld).
Andere Elementor widgets gebruiken
Daarnaast kun je de pagina verder opmaken met andere Elementor widgets. Let er wel op: deze product archief pagina wordt gebruikt voor alle categorieën. De informatie die je op deze pagina plaatst wordt dus bij alle categorieën getoond. Wil je meer informatie plaatsen of een specifieke opmaak gebruiken voor een bepaalde categorie? Dan moet je meerdere product archiefpagina’s maken, die je enkel publiceert voor die categorie (zie stap 4).
Preview instellen
Als je bezig bent met het aanpassen van de WooCommerce categorie pagina, dan is het handig om bij de preview instellingen alvast een categorie in te stellen. Dit doe je als volgt:
- Klik linksonderin op het tandwieltje om naar ‘Instellingen’ te gaan.
- Klik op het tabje ‘Preview settings‘
- Selecteer ‘Productcategorieën Archive’
- Selecteer vervolgens een categorie waarvan je een voorbeeld wilt zien.
- Klik vervolgens op ‘Apply & Preview’. De pagina wordt opnieuw geladen.
Stap 4: De categorie pagina publiceren
Als je klaar bent met de pagina kun je deze gaan publiceren. Klik op de knop ‘Publiceren’. Het scherm voor publicatie condities opent. Stel hier in dat je dit archief template wilt instellen voor alle productcategorieën. Je kunt vervolgens het template publiceren. Deze werkt nu direct voor alle product categorie pagina’s.
Categorie pagina voor specifieke categorieën
Heb je een template gemaakt voor een specifieke productcategorie? Dan publiceer je de pagina alleen voor die productcategorie. Zie het voorbeeld hieronder. Het is ook mogelijk om bepaalde categorieën uit te sluiten. Lees hier meer over publicatie condities in Elementor Pro.