Met onze plugin kun je op een makkelijke manier de levertijd van je producten tonen. Dit doe je met de shortcode [plus_kingwoo_deliverytime]. Hieronder lees je stap voor stap hoe je dit in je WooCommerce-webshop implementeert.
Plaats de shortcode in je pagina of bericht
Je kunt de shortcode op elke gewenste plek in je pagina of bericht invoegen. Doe dit door simpelweg de volgende code in de editor te plaatsen:
[plus_kingwoo_deliverytime]
Zodra je de shortcode hebt toegevoegd, verschijnt de levertijd automatisch op de pagina, zoals ingesteld in de plugin.
Shortcode attributen
Wil je extra aanpassingen doen? Dan kun je gebruikmaken van diverse attributen binnen de shortcode. Hiermee kun je bijvoorbeeld het HTML-element, CSS-klassen of zelfs de tekst aanpassen. Enkele voorbeelden:
Specifiek product ID
Wil je de levertijd van een specifiek product tonen, voeg dan het product_id attribuut toe:
[plus_kingwoo_deliverytime product_id="123"]
HTML-element en CSS-klasse aanpassen
Als je een ander HTML-element wilt gebruiken of extra CSS-klassen wilt toevoegen, kun je dit doen met de attributen element en element_class:
[plus_kingwoo_deliverytime element="section" element_class="mijn-levertijd-style"]
Extra HTML voor en na de levertijdweergave
Wil je extra HTML toevoegen vóór of na de levertijd, gebruik dan de attributen element_before en element_after:
[plus_kingwoo_deliverytime element_before="<p>" element_after="</p>"]
Titel en eenheid aanpassen
Je kunt ook de standaardtekst (“Levertijd:”) en de eenheid (“dagen”) aanpassen:
[plus_kingwoo_deliverytime element_title="Verwachte levertijd:" element_unit="dagen"]
Alle attributen
In de onderstaande tabel vind je alle parameters die je voor deze shortcode kunt gebruiken:
| Parameter | Omschrijving | Standaardwaarde |
|---|---|---|
| element | Het soort HTML-element waarin de beschrijving komt te staan. | div |
| element_class | Een extra CSS klasse die in het element moet worden gebruikt. | (leeg) |
| element_before | Extra HTML die voor het element weergegeven moet worden. | (leeg) |
| element_after | Extra HTML die na het element weergegeven moet worden. | (leeg) |
| element_title | De titel die gebruikt moet worden om aan te geven dat we de levertijd tonen. | Levertijd: |
| element_unit | De omschrijving van de eenheid die achteer de levertijd komt te staan. | dagen |
| product_id | Het ID van het product waarvoor de levertijd moet worden getoond. | (leeg) |