Hvorfor «Legg i handlekurv»-knappen forsvinner fra WooCommerce-produkter

Du holdt på å sette opp butikken, la til et dusin produkter, men når du åpner siden er det ingenting der «Legg i handlekurv»-knappen skal være. Kundene kan ikke kjøpe. Panikk. Men problemet er enklere å løse enn det kan virke ved første øyekast.

Det er nøyaktig fem grunner til at knappen mangler: fra et ufullstendig produktkort til mod_security på serversiden. To av dem kan fikses med to klikk. To til med et par kodelinjer. Og bare én krever at du ringer hostingleverandøren din. Nedenfor følger en trinnvis gjennomgang med kode, skjermbilder og konkrete handlinger.

💡 Rask oversikt:

• Sjekk produktkortet først: pris og lagerstatus er påkrevd
• Deaktiver alle utvidelser samtidig og aktiver bare WooCommerce: hvis knappen dukker opp, er en konflikt årsaken
• Gå til tematiilpasseren: knappen kan rett og slett være skjult av en bryter
• Fiks temamalen via koderedigeringsverktøyet: erstatt tre linjer i single.php
• Åpne nettleserkonsollen: JavaScript-feil → ring hosten din, problemet er mod_security

1. Sjekk produktkortet: pris og lagerstatus

WooCommerce viser «Legg i handlekurv»-knappen bare når produktet kan kjøpes. Kan ikke kjøpes, ingen knapp. Enkel logikk.

Åpne Produkter → Alle produkter → velg det problematiske → Rediger. I blokken «Produktdata» sjekker du tre felt:

• Pris: ordinær pris er påkrevd, selv om produktet er på salg. Feltet «Pris» må ikke være tomt.
• Lagerstatus: «På lager» eller «Tilgjengelig for restordre». Verdien «Utsolgt» skjuler knappen.
• Variable produkter: hver variant må ha sin egen pris og lagerstatus.

Vanlig feil: du opprettet et variabelt produkt, la til attributter (farge, størrelse), men la ikke inn priser for spesifikke varianter. I dette tilfellet vet ikke WooCommerce hvilken pris det skal selges til, og viser rett og slett ikke knappen.

Fylt ut → Oppdater → åpne produktsiden på nettstedet. I de fleste enkle tilfeller er problemet allerede løst på dette trinnet.

2. Finn utvidelseskonflikten

WordPress setter sammen kode fra det aktive temaet og alle aktive utvidelser. Hvis to utvidelser bruker identiske funksjonsnavn, kobler seg på de samme hookene eller rett og slett er inkompatible, kan WooCommerce miste knappen.

Diagnoseprosedyre:

• Gå til Utvidelser → Installerte. Velg alle (avkrysningsboksen øverst), i nedtrekksmenyen «Massehandlinger» velger du «Deaktiver» → Bruk.
• Aktiver bare WooCommerce. Åpne den problematiske produktsiden.
• Knappen dukket opp: konflikt bekreftet. Aktiver utvidelser én etter én, og sjekk produktsiden etter hver. Utvidelsen som gjør at knappen forsvinner igjen etter aktivering, er synderen.
• Erstatt den problematiske utvidelsen med et alternativ eller kontakt utvikleren.

En egen undertype av dette problemet er en konflikt med filteret woocommerce_show_variation_price. Noen temaer og utvidelser returnerer false for denne hooken, og WooCommerce skjuler variantprisen og mister knappen. Hvis knappen er på plass etter å ha deaktivert alle utvidelser, men det ikke er noen synlig «synder», sjekk det aktive temaets functions.php for linjer som inneholder woocommerce_show_variation_price.

Du kan tvinge visning med dette filteret:

1
add_filter('woocommerce_show_variation_price', function() {
2
    return true;
3
});

Sett inn denne koden i functions.php til ditt aktive (barne-)tema eller via utvidelsen Code Snippets. Etter lagring sjekker du produktet.

3. Tematiilpasser: den usynlige bryteren

Noen temaer legger til sin egen bryter for knappesynlighet. Utviklernes logikk: «la oss gi brukerne fleksibilitet». I praksis er bryteren satt til «skjul» som standard, og butikkeieren vet ikke om den.

Gå til Utseende → Tilpass. Se etter en seksjon:

• WooCommerce → Produktside (eller Innhold → WooCommerce, avhengig av temaet);
• Parameter «Legg i handlekurv-knapp» → Synlig (eller «Vis»).

Lagre innstillingene og sjekk produktet. Dette fungerer for temaer som bruker tilpasserseksjoner for WooCommerce oppå standardmalen. Det er populært blant ThemeForest-temaer: Avada, Flatsome, WoodMart.

4. Fiks temamalen i redigeringsverktøyet

Hvis de foregående trinnene ikke hjalp, ligger problemet dypere: temaet bruker en ikke-standard produktsidemal og kaller ikke WooCommerce-funksjonen som sender ut knappen.

Hva som skjer. WordPress laster produktsiden via temafilen single.php (eller index.php som reserve). Inni der er det et get_template_part()-kall som inkluderer innholdsblokken. Temaet burde overlate kontrollen til WooCommerce ved å kalle wc_get_template_part('content', 'single-product'), men noen temaer gjør ikke dette. Resultat: temaets layout er der, men knappen er det ikke.

Slik fikser du:

• Utseende → Temafilredigering. Bekreft WordPress-advarselen.
• I høyre kolonne finner du filene single.php og index.php:

• Åpne single.php (hvis den finnes). Hvis ikke, index.php.
• Finn linjen med get_template_part. Erstatt hele innholdsutdatablokken med:

1
if (is_singular('product')) {
2
    wc_get_template_part('content', 'single-product');
3
} else {
4
    wc_get_template_part('content', get_post_format());
5
}

• Lagre filen.

Før du redigerer, ta sikkerhetskopi av temafilen. Kopier innholdet til et tekstredigeringsprogram eller bruk et barnetema: direkte redigering av hovedtemaet vil bli tilbakestilt ved neste oppdatering.

Etter lagring åpner du produktsiden. Knappen bør vises.

5. Serverproblem: mod_security blokkerer skript

Hvis du har kommet så langt og knappen fortsatt ikke er der, ligger årsaken mest sannsynlig på serversiden. Modulen mod_security (Apache/LiteSpeed-brannmur) blokkerer lasting av WooCommerce JavaScript-filer. Uten JavaScript fungerer ikke handlekurven.

Diagnose:

• Åpne den problematiske produktsiden.
• Trykk F12 → Console-fanen.
• Se etter en innlastingsfeil for WooCommerce-skript, vanligvis cart.min.js, add-to-cart.min.js eller jquery.blockUI.min.js med kode 403 Forbidden.
• Hvis du ser det, er problemet mod_security.

Løsning: kontakt hostingleverandøren din og be dem legge til et unntak for URL-stien /wp-content/plugins/woocommerce/ i mod_security-reglene. Support håndterer dette på noen få minutter.

Alternativt kan du deaktivere mod_security for domenet via .htaccess (hvis hosten din tillater det):

1
<IfModule mod_security.c>
2
    SecFilterEngine Off
3
    SecFilterScanPOST Off
4
</IfModule>

Men det er bedre å koordinere med hosten din: på delt hosting beskytter mod_security hele serveren, og å deaktivere det skaper en sikkerhetsrisiko.

Oppsummeringstabell: hva du skal sjekke

Detaljert videoguide som dekker alle fem trinnene: fra produktkortet til maledigering og serverdiagnostikk.

⁉️🤔 Ofte stilte spørsmål

Knappen forsvant bare for variable produkter. Hva skjer?

Nesten helt sikkert er ikke variantprisene fylt ut. Åpne produktet, «Varianter»-fanen, utvid hver enkelt: feltet «Pris» må være fylt ut. En tom variantpris betyr at WooCommerce anser produktet som «ikke for salg» og fjerner knappen. For 50 eller flere varianter, bruk CSV-import: Produkter → Importer.

Knappen forsvant etter en temaoppdatering. Hva bør jeg gjøre?

Temaoppdateringen overskrev single.php. Gjenopprett redigeringen fra trinn 4. For å unngå å gjenta dette ved hver oppdatering, flytt malen til et barnetema: opprett en /woocommerce/-mappe i barnetemaet og kopier den korrigerte single-product.php dit.

Kan jeg gjenopprette knappen uten å redigere kode?

Ja, i halvparten av tilfellene: sjekk produktkortet (trinn 1) og tematiilpasseren (trinn 3). Kode er bare nødvendig når temaet sender ut produktmalen ikke-standard eller når en utvidelse eller et tema undertrykker woocommerce_show_variation_price-hooken.

Knappen er der, men virker ikke. Du klikker og ingenting skjer?

Dette er en JavaScript-feil. Åpne nettleserkonsollen (F12) og se hvilke skript som feiler. Oftest er det en jQuery-versjonskonflikt (temaet laster en gammel jQuery over standard WordPress-jQuery) eller bufret minifisert JS som ikke ble oppdatert. Tøm cache-pluginens cache og regenerer minifiserte skript.

Må jeg deaktivere AJAX add-to-cart?

Bare for diagnostikk. Gå til WooCommerce → Innstillinger → Produkter og fjern avkrysningen for «Aktiver AJAX add to cart-knapper». Hvis knappen dukker opp etter dette, ligger problemet i ditt spesifikke temas AJAX-behandler. La AJAX være deaktivert eller bytt tema.

Hva du skal gjøre hvis knappen fortsatt ikke har dukket opp

De fem trinnene ovenfor dekker det store flertallet av tilfeller der «Legg i handlekurv»-knappen forsvinner. Hvis ingen av dem fungerte, ligger problemet dypere og krever manuell feilsøking.

Rask siste utvei-sjekkliste:

• Bytt tema til Storefront, det offisielle WooCommerce-temaet. Dukket knappen opp? Problemet ligger i temaet ditt.
• Sjekk WooCommerce → Status → Planlagte handlinger for eventuelle fastlåste cron-jobber.
• Gå til WooCommerce → Status → Logger og se etter fatal-errors fra de siste dagene.

Fortsatt ingen hell? Beskriv situasjonen din i kommentarene: WooCommerce-versjon, temanavn, liste over aktive utvidelser. Vi finner årsaken.