Aanpassen van FacetWP Sorteeropties in WooCommerce
FacetWP is een geavanceerde filtering-plugin die het sorteren en filteren van producten op een WooCommerce-site vereenvoudigt. Het is mogelijk om de sorteeropties aan te passen om beter aan te sluiten bij de behoeften van uw website en de verwachtingen van de gebruikers. Dit artikel illustreert hoe u aangepaste sorteeropties kunt implementeren in FacetWP voor WooCommerce, met behulp van specifieke codes die toegevoegd kunnen worden aan de functions.php
van uw child-thema of via een plug-in zoals Code Snippets.
Stap 1: Code toevoegen aan Functions.php of een Plugin
Voor het aanpassen van de sorteeropties, dient u de volgende code toe te voegen aan het functions.php
bestand van uw child-thema. Als alternatief kunt u een plug-in zoals Code Snippets gebruiken, die het mogelijk maakt om stukken code toe te voegen zonder direct de thema-bestanden te bewerken.
// change facetwp sort by options add_filter( 'facetwp_sort_options', function( $options, $params ) { unset( $options['date_asc'] ); unset( $options['title_asc'] ); unset( $options['title_desc'] ); unset( $options['date_desc'] ); $options['default']['label'] = 'Populariteit'; $options['price_asc'] = [ 'label' => 'Prijs laag - hoog', 'query_args' => [ 'orderby' => 'meta_value_num', 'meta_key' => '_price', 'order' => 'ASC', ] ]; $options['price_desc'] = [ 'label' => 'Prijs hoog - laag', 'query_args' => [ 'orderby' => 'meta_value_num', 'meta_key' => '_price', 'order' => 'DESC', ] ]; $options['popularity_new'] = [ 'label' => 'Populariteit', 'query_args' => [ 'orderby' => 'post_views', 'order' => 'DESC', ] ]; return$options; }, 10, 2 );
Stap 2: De code begrijpen
De bovenstaande code gebruikt een filter, facetwp_sort_options
, waarmee u de standaard sorteeropties van FacetWP kunt aanpassen.
- Opties Verwijderen:
- De
unset
functies worden gebruikt om de standaardopties zoals datum en titel te verwijderen.
- De
- Standaardoptie Instellen:
- De
default
optie wordt ingesteld op ‘Populariteit’.
- De
- Prijs Sorteeropties Toevoegen:
- Twee nieuwe sorteeropties worden toegevoegd voor het sorteren op prijs: ‘Prijs laag – hoog’ en ‘Prijs hoog – laag’.
- Populariteit Sorteeroptie Toevoegen:
- Een nieuwe sorteeroptie wordt toegevoegd om te sorteren op populariteit.
Stap 3: Aanpassingen testen
Na het toevoegen van de code, is het belangrijk om de werking ervan te controleren. Test de nieuwe sorteeropties uitvoerig om er zeker van te zijn dat ze correct functioneren en dat ze de resultaten in de gewenste volgorde weergeven.
Conclusie
Het aanpassen van de FacetWP sorteeropties in WooCommerce kan een effectieve manier zijn om de gebruikerservaring op uw website te verbeteren en om de gebruikers meer controle te geven over hoe de producten worden weergegeven. Door het volgen van de bovenstaande stappen, kunt u eenvoudig aangepaste sorteeropties implementeren die beter passen bij de behoeften van uw online winkel. Vergeet niet om de aanpassingen grondig te testen alvorens ze live te zetten, om eventuele problemen voor uw gebruikers te voorkomen.