Miks „Lisa ostukorvi" nupp WooCommerce’i toodetelt kaob

Seadsid oma poodi üles, lisasid tosina toodet, kuid lehte avades pole seal, kus peaks olema nupp „Lisa ostukorvi", midagi. Kliendid ei saa osta. Paanika. Aga probleemi on lihtsam lahendada, kui esmapilgul võib tunduda.

Nupu kadumisel on täpselt viis põhjust: alates puudulikust tootekaardist kuni serveripoolse mod_security’ni. Neist kaks saab parandada kahe klõpsuga. Veel kaks paari koodireaga. Ja ainult üks nõuab oma majutusteenuse pakkuja poole pöördumist. Allpool on samm-sammuline jaotus koos koodi, ekraanipiltide ja konkreetsete tegevustega.

💡 Kiirülevaade:

• Kõigepealt kontrolli tootekaarti: hind ja laoseis on kohustuslikud
• Deaktiveeri kõik pluginad korraga ja luba ainult WooCommerce: kui nupp ilmub, on süüdi konflikt
• Mine teema kohandajasse: nupp võib olla lihtsalt lülitiga peidetud
• Paranda teema mall koodiredaktori kaudu: kolme rea asendamine failis single.php
• Ava brauseri konsool: JavaScripti viga → helista oma majutusteenuse pakkujale, probleem on mod_security’s

1. Kontrolli tootekaarti: hind ja laoseis

WooCommerce näitab nuppu „Lisa ostukorvi" ainult siis, kui toodet saab osta. Ei saa osta, pole nuppu. Lihtne loogika.

Ava Tooted → Kõik tooted → vali probleemne → Redigeeri. Plokis „Toote andmed" kontrolli kolme välja:

• Hind: tavahind on kohustuslik, isegi kui toode on allahinnatud. Väli „Hind" ei tohi olla tühi.
• Laoseis: „Laos" või „Saadaval järeltellimisel". Väärtus „Laost otsas" peidab nupu.
• Muutuvad tooted: igal variatsioonil peab olema oma hind ja laoseis.

Levinud viga: lõid muutuva toote, lisasid atribuudid (värv, suurus), kuid ei sisestanud konkreetsetele variatsioonidele hindu. Sel juhul ei tea WooCommerce, mis hinnaga müüa, ega näita lihtsalt nuppu.

Täidetud → Uuenda → ava tooteleht saidil. Enamikul lihtsatel juhtudel on probleem selle sammuga juba lahendatud.

2. Leia plugina konflikt

WordPress koostab koodi aktiivsest teemast ja kõigist aktiivsetest pluginatest. Kui kaks pluginat kasutavad identseid funktsiooninimesid, haakuvad samade konksude külge või on lihtsalt ühildamatud, võib WooCommerce nupu kaotada.

Diagnostika protseduur:

• Mine Pluginate → Paigaldatud juurde. Vali kõik (märkeruut üleval), rippmenüüst „Hulgitoimingud" vali „Deaktiveeri" → Rakenda.
• Luba ainult WooCommerce. Ava probleemne tooteleht.
• Nupp ilmus: konflikt on kinnitatud. Luba pluginaid ükshaaval, kontrollides iga kord tootelehte. Plugin, mille aktiveerimise järel nupp uuesti kaob, on süüdlane.
• Asenda probleemne plugin alternatiiviga või võta ühendust selle arendajaga.

Selle probleemi eraldi alamtüüp on konflikt woocommerce_show_variation_price filtriga. Mõned teemad ja pluginad tagastavad sellele konksule false ja WooCommerce peidab variatsiooni hinna ning kaotab nupu. Kui nupp on pärast kõigi pluginate keelamist paigas, kuid nähtavat „süüdlast" pole, kontrolli aktiivse teema faili functions.php ridu, mis sisaldavad woocommerce_show_variation_price.

Kuvamist saab sundida selle filtriga:

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

Sisesta see kood oma aktiivse (lapse) teema faili functions.php või Code Snippets plugina kaudu. Pärast salvestamist kontrolli toodet.

3. Teema kohandaja: nähtamatu lüliti

Mõned teemad lisavad oma nupu nähtavuse lüliti. Arendajate loogika: „anname kasutajatele paindlikkust." Praktikas on lüliti vaikimisi asendis „peida" ja poe omanik ei tea sellest.

Mine Välimus → Kohanda. Otsi jaotist:

• WooCommerce → Tooteleht (või Sisu → WooCommerce, olenevalt teemast);
• Parameeter „Lisa ostukorvi nupp" → Nähtav (või „Kuva").

Salvesta seaded ja kontrolli toodet. See toimib teemade puhul, mis kasutavad WooCommerce’i jaoks kohandaja jaotisi lisaks standardmallile. See on populaarne ThemeForesti teemade puhul: Avada, Flatsome, WoodMart.

4. Paranda teema mall redaktoris

Kui eelmised sammud ei aidanud, on probleem sügavamal: teema kasutab mittestandardset tootelehe malli ega kutsu välja WooCommerce’i funktsiooni, mis nupu väljastab.

Mis toimub. WordPress laadib tootelehe teema faili single.php (või index.php varuvariandina) kaudu. Selle sees on get_template_part() väljakutse, mis kaasab sisuploki. Teema peaks andma juhtimise WooCommerce’ile üle, kutsudes välja wc_get_template_part('content', 'single-product'), kuid mõned teemad ei tee seda. Tulemus: teema paigutus on olemas, aga nuppu pole.

Kuidas parandada:

• Välimus → Teema failiredaktor. Kinnita WordPressi hoiatus.
• Parempoolsest veerust leia failid single.php ja index.php:

• Ava single.php (kui on olemas). Kui ei ole, siis index.php.
• Leia rida get_template_part. Asenda kogu sisu väljastamise plokk järgmisega:

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
}

• Salvesta fail.

Enne redigeerimist varunda teema fail. Kopeeri sisu tekstiredaktorisse või kasuta lapse teemat: otse vanemteema redigeerimine lähtestatakse järgmisel uuendusel.

Pärast salvestamist ava tooteleht. Nupp peaks ilmuma.

5. Serveri probleem: mod_security blokeerib skriptid

Kui oled siiani jõudnud ja nuppu ikka pole, on põhjus suure tõenäosusega serveri poolel. mod_security moodul (Apache/LiteSpeed tulemüür) blokeerib WooCommerce’i JavaScripti failide laadimise. Ilma JavaScriptita ostukorv ei tööta.

Diagnoos:

• Ava probleemne tooteleht.
• Vajuta F12 → Console sakk.
• Otsi WooCommerce’i skripti laadimise viga, tavaliselt cart.min.js, add-to-cart.min.js või jquery.blockUI.min.js koos koodiga 403 Forbidden.
• Kui näed seda, on probleem mod_security’s.

Lahendus: võta ühendust oma majutusteenuse pakkujaga ja palu neil lisada mod_security reeglitesse erand URL-i teele /wp-content/plugins/woocommerce/. Tugi lahendab selle mõne minutiga.

Alternatiivina keela mod_security domeeni jaoks .htaccess kaudu (kui sinu host seda võimaldab):

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

Kuid parem on kooskõlastada oma hostiga: jagatud majutusel kaitseb mod_security kogu serverit ja selle keelamine tekitab turvariski.

Kokkuvõttev tabel: mida kontrollida

Üksikasjalik videojuhend, mis hõlmab kõiki viit sammu: tootekaardist kuni malli redigeerimise ja serveri diagnostikani.

⁉️🤔 Korduma kippuvad küsimused

Nupp kadus ainult muutuvate toodete puhul. Mis toimub?

Peaaegu kindlasti on variatsioonide hinnad täitmata. Ava toode, vahekaart „Variatsioonid", laienda igaüks: väli „Hind" peab olema täidetud. Tühi variatsiooni hind tähendab, et WooCommerce peab toodet „mittemüüdavaks" ja eemaldab nupu. 50 või enama variatsiooni puhul kasuta CSV importi: Tooted → Impordi.

Nupp kadus pärast teema uuendust. Mida teha?

Teema uuendus kirjutas single.php üle. Taasta 4. sammu redaktsioon. Et vältida selle kordumist iga uuendusega, teisalda mall lapse teemasse: loo lapse teemas kaust /woocommerce/ ja kopeeri sinna parandatud single-product.php.

Kas nuppu saab taastada ilma koodi redigeerimata?

Jah, pooltel juhtudel: kontrolli tootekaarti (1. samm) ja teema kohandajat (3. samm). Koodi on vaja ainult siis, kui teema väljastab toote malli mittestandardselt või kui plugin või teema surub maha woocommerce_show_variation_price konksu.

Nupp on olemas, aga ei tööta. Vajutad ja midagi ei juhtu?

See on JavaScripti viga. Ava brauseri konsool (F12) ja vaata, millised skriptid ebaõnnestuvad. Kõige sagedamini on see jQuery versiooni konflikt (teema laadib vana jQuery üle standardse WordPressi oma) või vahemällu salvestatud minifitseeritud JS, mis ei värskendunud. Tühjenda oma vahemälu plugina vahemälu ja genereeri minifitseeritud skriptid uuesti.

Kas AJAX-iga ostukorvi lisamine tuleb keelata?

Ainult diagnostikaks. Mine WooCommerce → Seaded → Tooted ja eemalda linnuke „Luba AJAX-iga ostukorvi lisamise nupud". Kui nupp pärast seda ilmub, on probleem sinu konkreetse teema AJAX-i töötlejas. Jäta AJAX keelatuks või asenda teema.

Mida teha, kui nupp pole ikka ilmunud

Ülaltoodud viis sammu katavad valdava enamuse juhtudest, kus nupp „Lisa ostukorvi" kaob. Kui ükski neist ei töötanud, on probleem sügavamal ja nõuab käsitsi silumist.

Kiire viimase abinõu kontrollnimekiri:

• Vaheta teema Storefront vastu, mis on ametlik WooCommerce’i teema. Kas nupp ilmus? Probleem on sinu teemas.
• Kontrolli WooCommerce → Olek → Ajastatud toimingud, kas on kinnijäänud cron-ülesandeid.
• Mine WooCommerce → Olek → Logid ja otsi fatal-errors viimastest päevadest.

Ikka ei õnnestunud? Kirjelda oma olukorda kommentaarides: WooCommerce’i versioon, teema nimi, aktiivsete pluginate nimekiri. Leiame põhjuse.