Documentatie-startpagina › Commerce Studio en winkel
Bekijk de videotutorial
EP 8 · WooCommerce Laundry Shop: Search, Filters, Quick View & Compare · 4:15 · YouTube
Meer videotutorials
Catalogus en dienstinformatie
Gebruik de gewone naam, prijs, korte beschrijving, volledige beschrijving, afbeeldingen, voorraad en productcategorieën. Het productgegevenspaneel General bevat ook Price unit, Typical turnaround, What is included, Before collection en Care limitations.
Vul alleen dienstbeloften in die je bedrijf kan waarmaken. Lege velden worden weggelaten. Demoprijzen en -teksten zijn voorbeelden die je vóór de lancering moet vervangen. Bestaande productafbeeldingen blijven behouden.
Winkel en nichewinkels
De hoofdpagina Shop doorzoekt alle gepubliceerde catalogusdiensten. Bezoekers kunnen filteren op wasspecialisme, maximumprijs en beschikbaarheid en sorteren op dienstnaam, prijs of nieuwste. Updates van zoeken, filteren en paginering laden de pagina niet opnieuw.
Elk van de 105 nichewinkelpagina's gebruikt zijn eigen productkoppeling. De Gutenberg-, Elementor-, WPBakery- en Classic-versies roepen dezelfde catalogusonderdelen aan. Bewerk de omliggende native secties met de bijbehorende editor.
Gebruik een shortcode in een Gutenberg Shortcode-blok, een Elementor Shortcode-widget, een WPBakery-tekstblok of de Classic Editor:
[laundryes_woocommerce_store niche="laundromat"]
[laundryes_commerce_store]Als je geen niche opgeeft, levert een herkende nichepagina haar eigen niche. Op een gewone pagina toont de shortcode de volledige catalogus.
Winkeltools
| Tool | Werking |
|---|---|
| Quick view | Toont actuele prijs, afbeelding, dienstbeschrijving en verzorgingsdetails. Eenvoudige, koopbare diensten ondersteunen AJAX-toevoegen aan het winkelmandje. Producten met opties verwijzen naar hun productpagina. |
| Bewaarde diensten | Slaat tot 30 product-ID's op in deze browser. Er is geen synchronisatie tussen accounts of apparaten. Prijzen en beschikbaarheid worden ververst wanneer de lijst wordt geopend. |
| Vergelijken | Tot vier diensten naast elkaar, met de actuele WooCommerce-prijzen en de verzorgingsgegevens die je hebt ingevoerd. |
| Waszak | De winkelmandlade toont het echte WooCommerce-winkelmandje, het subtotaal, verwijderknoppen en links naar winkelmandje en afrekenen. |
| Bestelbalk bij product | De vaste balk brengt bezoekers terug naar het normale optie- en aantalformulier van het product. WooCommerce berekent de echte prijs in het winkelmandje. |
Ophalen en afrekenen
Bij het afrekenen horen de gewenste ophaaldatum, het ophaalvenster, de verzorgingsvoorkeur en instructies. Winkelmandje en Afrekenen blijven native WooCommerce-blokken en My Account blijft het WooCommerce-accountgedeelte. Kortingsbonnen, belastingen, verzending, gerelateerde producten, cross-sells en bestelgeschiedenis volgen je WooCommerce-configuratie.
Zie Boeking, ophalen en operatie voor de validatieregels en de opmerking dat boekingsdata aanvragen zijn en geen gereserveerde capaciteit.
Betalingen en lancering
De openbare themademo schakelt de native WooCommerce-betaalmethode rembours in, met het label Pay on collection or delivery, ook voor virtuele wasdiensten. Bij het afrekenen wordt geen kaart belast. Pas de titel, beschrijving, instructies en bezorgbeperkingen aan in WooCommerce → Settings → Payments → Cash on delivery.
- Dit is een winkelinstelling. Het importeren van een niche activeert geen betaalmethoden in je winkel.
- Directe bankoverschrijving is beschikbaar in WooCommerce, maar blijft uitgeschakeld totdat je gecontroleerde bankgegevens opgeeft.
- Kaart- en walletbetalingen vereisen een compatibele provider-plugin en een merchantkoppeling. Kies een provider die jouw land, valuta en Checkout Blocks ondersteunt, test in de sandbox en schakel daarna de livemodus in nadat je je bedrijfsinstellingen hebt gecontroleerd.
- Voer nooit kaartgegevens in bij bestelopmerkingen.
Instellingen voor Washlora shopping
- Knoppen voor dienstopties gebruiken native attributen van variabele producten en de beschikbaarheid van WooCommerce-variaties. De gewone keuzelijst blijft het alternatief zonder JavaScript.
- Recent bekeken diensten slaan tot 12 product-ID's op dit apparaat op en tonen maximaal zes actuele producten. Clear history verwijdert ze.
- De voorkeur voor raster of lijst blijft op dit apparaat bewaard. Zoeken, sorteren en prijsfilters blijven beschikbaar.
- Optionele dienstaanbevelingen gebruiken Product data → Linked Products → Cross-sells. Het zijn afzonderlijke aankopen, geen bundel met korting.
- My Account biedt snelkoppelingen naar diensten, bestelgeschiedenis en adressen. Order again gebruikt de native WooCommerce-geschiktheids- en validatiecontroles.
- Stel de Price unit in bij Product data → General. Variaties erven de eenheid van hun hoofdproduct als het veld leeg is.
Demo: Laundry bag care met drie bewerkbare zakformaten en voorbeeldprijzen.
Diensten alleen op offerte en verzorgingsgidsen
- Bewerk een dienst en open Product data → General.
- Schakel Quote only in en vul de ID in van een gepubliceerde aanvraagpagina.
- De dienst toont dan Priced after assessment en verwijst naar die pagina. Directe aankoop wordt uitgeschakeld via de WooCommerce-productvalidatie, ook voor variaties. Gewone retailproducten blijven koopbaar.
- Voeg je aanvraagformulier toe aan de bestemmingspagina en configureer de bezorging ervan. De zakelijke demo gebruikt Contact Form 7. Er wordt geen bestelling gemaakt, geen capaciteit gereserveerd en geen klant belast.
Stel een Garment care guide in bij Product data → General om op de dienstpagina een inklapbare voorbereidingsgids te tonen. Houd het advies specifiek voor de kleding die je accepteert; lege gidsen worden weggelaten.
Demo: Commercial linen care assessment.
Zoeken, sorteren en filteren in de catalogus houden een deelbare URL-status bij: bij herladen en met de Terug-knop van de browser worden de gekozen filters hersteld, en Reset wist ze. De vaste bestelbalk volgt native variatiewijzigingen en prijseenheden blijven behouden in AJAX-gerenderde dienstinformatie.
Functieomvang
Andere commerce-thema's zijn bekeken als referentie voor de winkelervaring. Washlora claimt geen volledige functionele gelijkwaardigheid en kopieert hun eigen code niet.
| Mogelijkheid | Status in Washlora |
|---|---|
| Live zoeken, AJAX-filters, quick view, vergelijken, bewaarde diensten, winkelmandlade | Inbegrepen in Commerce Studio |
| Knoppen voor dienstopties, browsegeschiedenis, raster- en lijstweergave, gekoppelde extra's, accountsnelkoppelingen, prijseenheden | Inbegrepen |
| Diensten alleen op offerte, verzorgingsgidsen voor kleding, deelbare filterstatus | Inbegrepen |
| Synchronisatie van verlanglijst met account | Niet inbegrepen — bewaarde diensten blijven lokaal op het apparaat |
| Dynamische bundelkortingen, gratis cadeaus, wachtlijst-e-mails, herstel van verlaten winkelmandjes, prijsalerts | Niet inbegrepen |
| Automatische terugkerende facturatie, ophaalslots op basis van capaciteit | Niet inbegrepen |
| Visuele commerce-templatebuilders van andere thema's | Niet inbegrepen — Washlora houdt zijn eigen systeem met vier editors |
| Betalingen | Native WooCommerce-afrekenen. Bankoverschrijving en online providers vereisen merchantconfiguratie. |
Problemen met de winkel oplossen
- Een nichewinkel is leeg: controleer of de producten zijn gepubliceerd, zichtbaar zijn in de catalogus en aan de juiste niche zijn toegewezen.
- Oude opmaak verschijnt: wis de cache voor de betreffende pagina.
- Problemen met winkelmandje, afrekenen of account: sessies mogen niet door een paginacache worden gedeeld. Schakel contentcaching uit voor WooCommerce-sessieverzoeken.
- Bewaarde lijst verdwijnt: bewaarde lijsten hebben browseropslag nodig. In privé-browsen, na het wissen van sitegegevens of op een ander apparaat blijft dezelfde lijst niet behouden. WooCommerce controleert alle totalen en beschikbaarheid; ze worden nooit overgenomen uit browseropslag.