De plugin WooCommerce Compare Products instellen
Leer in een paar eenvoudige stappen hoe je onze plugin WooCommerce Compare Products instelt.
Instellingenmenu
Om de plugin in te stellen, zou je het menu Compare Products onder het menu WooCommerce moeten zien. Zie je het menu niet, controleer dan of de plugin Redux Framework is geïnstalleerd en geactiveerd.
Algemene instellingen
Schakel de plugin naar wens in of uit. Ook kun je kiezen of er een selectievakje komt om overeenkomsten te verbergen of verschillen te markeren in de vergelijkingstabel.
Ook stel je het maximum aantal te vergelijken producten in en de tekst ‘niet beschikbaar’. Die verschijnt als het ene product attribuut X heeft en het andere niet.
Vergelijkingsstijlen
We hebben de stijlen in 3 onderdelen verdeeld:
- Stijlen van de vergelijkingsbalk
- Stijlen van de vergelijkingstabel
- Stijlen van de shortcode-vergelijkingstabel
Stijlen van de vergelijkingsbalk
Je stylet de vergelijkingsbalk zoals je wilt. Kies een positie (onder of boven), een eigen hoogte en de breedte / hoogte van de producten.
Daarnaast stel je een eigen achtergrond- en tekstkleur in.
Stijlen van de vergelijkingstabel
Daarna stel je de stijlen in van de uitschuifbare vergelijkingstabel die verschijnt als je op ‘Nu vergelijken’ klikt: tekstkleur, achtergrondkleur, achtergrondkleur van oneven / even rijen en een markeerkleur.
Stijlen van de shortcode-vergelijkingstabel
Dit zijn grotendeels dezelfde instellingen als voor de normale tabel: tekstkleur, achtergrondkleur, achtergrondkleur van oneven / even rijen en een markeerkleur.
Te vergelijken gegevens
Voor de vergelijkingstabellen kies je welke gegevens verschijnen.
Belangrijk: heeft geen enkel product in de tabel een bepaald gegeven, dan wordt de rij niet getoond. Bijv. attribuut X komt bij geen enkel product voor.
Een paar interessante gegevens die je kunt vergelijken:
- Productafbeelding
- Titel
- Samenvatting / korte beschrijving
- Lange beschrijving
- Reviews
- Prijs
- SKU
- Afmetingen
- Gewicht
- Voorraadstatus
- Varianten
- Eigen metagegevens
- Eigen producttaxonomieën
- + ALLE productattributen
Vergelijking op de productpagina
Schakel je deze optie in, dan verschijnt op de productpagina een vergelijkingsslider. De producten komen automatisch uit het huidige product plus producten uit dezelfde categorie.
Hier stel je een titel in, bijv. “Vergelijk met vergelijkbare producten”, en een eigen beschrijving. Daarna kies je de positie, hoeveel producten er verschijnen en welke gegevens.
Ook stel je de slider in, bijv. hoeveel slides je toont en verschuift en of je stippen of pijlen toont.
Geavanceerde opties
Voeg eigen CSS of JavaScript toe als je de styling verder wilt aanpassen.