Woocommerce productsortering – volgorde aanpassen

12/04/2018

In WooCommerce kun je de volgorde waarin je producten standaard worden weergegeven op meerdere manieren aanpassen. Standaard worden producten alfabetisch op naam gesorteerd, maar je kunt ze ook op diverse andere manieren sorteren.

De standaard productsortering instellen

Om de standaard sorteerweergave in te stellen ga je in het WordPress admin menu naar
Weergave → Customizer → WooCommerce → Product Catalog.

Daar vind je het kopje “Standaard productsortering” waar je de volgende mogelijkheden hebt:

  • Standaard sorteervolgorde : Bij deze optie worden de producten automatisch alfabetische op naam gesorteerd.
    Als je deze optie kiest kun je ook handmatig de productvolgorde aanpassen (zie hieronder).
  • Populariteit (verkoop) : De meest verkochte producten bovenaan.
  • Gemiddelde waardering : De best beoordeelde producten bovenaan.
  • Meest recent : De laatst toegevoegde producten bovenaan.
  • Prijs (oplopend) : De goedkoopste producten bovenaan.
  • Prijs (aflopend) : De duurste producten bovenaan.

WooCommerce productvolgorde handmatig aanpassen

Als je bij de instellingen de optie “standaard sorteervolgorde” hebt gebruikt kun je de productvolgorde ook handmatig aanpassen. Dat doe je als volgt:

  • Ga naar naar “producten” in het admin menu
  • Klik op “sortering”
  • Klik nu met de linker muisknop ergens op een “leeg” gedeelte in de rij van een product en sleep dit naar de gewenste plek.

Als het goed is staat het betreffende product nu ook in je winkel op de gewenste plek (mits je “standaard sorteervolgorde” als standaard productsortering hebt ingesteld dus).

placeholder

Hulp nodig met je website?

Huur mij in om een website voor je te bouwen, een training over dit onderwerp te verzorgen of je op een andere manier te helpen.

Heb je een vraag over dit artikel? Stel deze dan in de reacties hieronder.

Een aantal links op deze site zijn affiliate links. Als je via zo’n link een plugin of thema koopt ontvang ik daar een vergoeding voor.
Dat kost jou verder niets extra, maar zorgt er wel voor dat ik dit soort waardevolle content gratis voor je beschikbaar kan maken.

18 reacties op “Woocommerce productsortering – volgorde aanpassen”

  1. Tim avatar
    Tim

    Goed artikel. Bedankt voor het delen.

  2. Leo avatar
    Leo

    Klopt het dat divi theme de productvolgorde van Woocommerce overschrijft? Ik krijg dat niet goed.

  3. Bob de webbouwer avatar
    Bob de webbouwer

    Niet dat ik weet…

  4. Emiel avatar

    Net als Leo gebruik ik ook DIVI, deze laat lege plekken achter in de winkel??? bv. eerste rij 3 producten, 2e rij 1 produckt, 3e rij 2 producten.
    Hoe kan je dat oplossen?

  5. Bob de webbouwer avatar
    Bob de webbouwer

    Hoi Emiel,

    Dat heeft waarschijnlijk te maken met de kolom instelling. Als je een template maakt met de Divi theme builder kun je zelf instellen hoeveel kolommen je wilt. Het kan ook zijn dat het ene product hoger is dan het andere, bijvoorbeeld omdat de titel bij het ene product 1 regel hoog is en bij het andere product 3 regels hoog.

    Groeten van Bob

  6. Emiel avatar
    Emiel

    Beste Bob,

    Bedankt voor je reactie!

    Probleem is opgelost, het probleem ligt aan het DIVI thema, deze heeft een CSS code op de site staan en deze heeft het probleem opgelost!

    .archive .products li.product {
    clear: none !important;
    }
    .archive .products li.product:nth-child(3n+1) {
    clear: both !important;
    }
    .archive .products li.product {
    margin: 0 7.47% 2.992em 0 !important;
    }
    .archive .products li.product:nth-child(3n) {
    margin-right: 0 !important;
    }

  7. Bob de webbouwer avatar
    Bob de webbouwer

    Hoi Emiel,

    Bedankt voor je terugkoppeling, dat heeft inderdaad te maken met de kolom instelling. Vroeger gebruikte ik ook CSS code om dit soort problemen op te lossen, maar tegenwoordig maak ik gewoon een template in de theme builder met het aantal kolommen dat ik wil 😉

    Groeten van Bob

  8. laura avatar

    Is het ook mogelijk om producten te slepen tussen verschillende pagina? Dus ik heb bijvoorbeeld 500 producten. Aan de achterkant van de website zijn deze verspreid over zeg, 15 pagina’s Kan ik dan eenproduct van pagina 15 naar pagina 1 slepen?

  9. Bob de webbouwer avatar
    Bob de webbouwer

    Hoi Laura,

    Voor zover ik weet kun je geen producten van de ene pagina naar de andere slepen. Je zou dan het aantal items per pagina moeten verhogen onder het tabje “scherminstellingen” rechts bovenin. Als je dat verhoogt naar 500 krijg je alle producten op 1 pagina en kun je ze in de gewenste volgorde slepen.

    Groeten van Bob

  10. Hermen avatar
    Hermen

    Hoi!

    Graag zou ik de hele button, standaard productsortering eruit willen hebben.
    Ik gebruik Woocommerce als bibliotheek van audiobestanden, deze functionaliteit heb ik dus helemaal niet nodig.

    Kan ik hem er uit slopen?

  11. Bob de webbouwer avatar
    Bob de webbouwer

    Hoi Hermen,

    Daar is helaas geen standaard instelling voor, maar je zou onderstaande CSS code kunnen toevoegen via weergave –> customizer –> extra CSS:

    .woocommerce-ordering {
    display: none;
    }

    Groeten van Bob

  12. Nick avatar

    Hallo,

    Ik zou graag de sortering op populairste en nieuwste er uit willen hebben? Kan ik dat ergens uit vinken?

  13. Bob de webbouwer avatar
    Bob de webbouwer

    Hoi Nick,

    Daar is helaas geen standaard instelling voor, maar je zou een plugin als deze kunnen proberen.

    Groeten van Bob

  14. jesse hulsmeijers avatar
    jesse hulsmeijers

    Hi,

    Thanks voor de tips. Het werkt inderdaad.
    Echter als je enorm veel producten hebt, dan lukt het niet om artikelen van pagina 2 of 3 richting pagina 1 te slepen.
    Omdat ze simpelweg niet verder gesleept kunnen worden dan de bovenste positie van de desbetreffende pagina’s.
    Zijn daar ook nog tips voor?

    Thanks alvast

  15. Bob de webbouwer avatar
    Bob de webbouwer

    Hoi Jesse,

    Als je rechts bovenin op “schermopties” klikt kun je instellen hoeveel producten er per pagina worden weergegeven. Je kunt dat aantal dus ook zo instellen dat alle producten op 1 pagina worden weergegeven.

    Groeten van Bob

  16. jesse hulsmeijers avatar
    jesse hulsmeijers

    Helder! Dank voor de uitleg.

  17. Hilde Stas avatar
    Hilde Stas

    Ik heb gedaan zoals hierboven: Standaard sorteervolgorde, en dan via ‘Producten’ en ‘sortering’ de producten versleept. Na op Toepassen klikken wordt op de webshop toch niet de juiste volgorde weergegeven. Maar de volgorde standaard (volgens datum toevoeging) blijft staan…
    Wat kan ik doen?

  18. Bob de webbouwer avatar
    Bob de webbouwer

    Hoi Hilde,

    Ik zou zo niet weten waar dat aan ligt… misschien wordt die instelling door je builder overschreven?

    Groeten van Bob

Geef een reactie

Je e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *