WooCommerce-termékoldal megvalósítása: termékadat, sablon és kosárteszt

Termékadat-térkép a sablon előtt

Készíts mezőleltárt egy tényleges terméken. Különítsd el a nevet, rövid és hosszú leírást, képet, galériát, árat, azonosítót, készletet és attribútumot. Írd mellé, melyik adatot szerkesztik kézzel, melyik érkezik importból és hol jelenik meg a felületen. A sablonba kézzel beírt tényadat könnyen eltér a termék tényleges állapotától. A rendszeres adatnak hiteles forrása és következetes megjelenítési helye legyen a katalógusban.

A mezőtérkép a hiányzó adat kezelését is mondja meg. Kép nélkül ne maradjon hibás galériagomb, üres opcionális tulajdonságnál ne látszódjon fél táblázatsor. A termékhez kötött és globális információ eltérő: egy méret termékadat, az általános kapcsolati hivatkozás közös komponens lehet. A próbaállomány tartalmazzon rövid és hosszú nevet, több képet, üres opcionális mezőt és olyan terméket, amelynél nem szükséges szállítás.

Egyszerű és változatos terméktípus

Az egyszerű termék egyetlen közvetlenül rendelhető egységet képviselhet, a változatos termék több választható variációt kezel. A megfelelő típust a valós értékesítésből vezesd le, ne a kívánt gomb látványa alapján válaszd. A csoportosított és külső termék más működést adhat, a virtuális vagy letölthető jelölés pedig további rendelési feltételt befolyásol. A saját telepítés aktuális támogatását és használt kiegészítőit is ellenőrizni kell.

A sablon ugyanazzal a merev kosárblokkal nem feltétlenül kezeli helyesen az összes típust. Variációnál választás kellhet, külső terméknél másik célra vezető hivatkozás jelenhet meg. A típusnak megfelelő WooCommerce-megjelenítést és adatkezelést használd, ne egyszerű másolt HTML-gombbal helyettesítsd a működést. A terméktípus módosítását teszteld külön, mert korábbi adat és készletbeállítás maradhat a rekordban. A látható felület és tényleges termékmodell mindig legyen összhangban.

Attribútum és variáció adatának megjelenítése

Az attribútum lehet leíró tulajdonság vagy variációképző választás. A két szerep eltérő beállítást és sablonviselkedést kíván. A megjelenített adatot a megfelelő WooCommerce-forrásból vedd, így a szerkesztő változtatása nem igényel külön kézi szövegcserét a felületen. A globális attribútum következetes névhasználatot segíthet. A részletes variációs modell kialakítását külön útmutató tárgyalja; itt azt ellenőrizzük, hogy a sablon helyesen olvassa és adja tovább a kiválasztást.

A variációválasztás után az ár, kép és készletjelzés a kiválasztott kombinációhoz igazodjon. Az érvénytelen kombináció ne hagyjon korábbi változatot észrevétlenül aktívként. A változat azonosítója, címkéje és mennyisége a kosáradatban is egyezzen. A próba során nézd meg a nem kiválasztott, elérhető, elfogyott és hiányzó változat állapotát. A felületi hiba sokszor nem az attribútum hiányából, hanem a sablon vagy kiegészítő elégtelen állapotfrissítéséből ered.

Klasszikus PHP-sablon és blokkalapú felület

Előbb azonosítsd, milyen sablonrendszer kezeli a termékoldalt. A klasszikus PHP-sablon és blokkalapú megoldás eltérő szerkesztési, felülírási és bővítési utat használ. Az aktuális hivatalos dokumentációból a saját rendszeredhez tartozó eljárást kövesd. A WooCommerce vagy szülősablon eredeti fájljának közvetlen módosítása frissítéskor elveszhet. Klasszikus rendszerben megfelelő gyermeksablon és indokolt felülírás, más esetben támogatott blokkos testreszabás adhat fenntartható keretet.

A teljes sablonmásolat több karbantartást igényelhet, mint célzott kapcsolódási pont használata. Ha csak egy adat elhelyezése változik, vizsgáld a támogatott hook vagy blokkbeállítás lehetőségét. A kimenet szemantikáját és terméktípushoz kötött működését őrizd meg. A felülírt állományt verziókezelésben tartsd, és a WooCommerce frissítésekor hasonlítsd össze a változást. A vizuálisan változatlan termékoldal mögött is lehet elavult sablonlogika, ezért a kompatibilitási ellenőrzés nem merülhet ki a képernyőkép megtekintésében.

Bővítményütközés elkülönítése

A termékoldalt módosíthatja variációválasztó, galéria, árazó, többpénznemű vagy oldalépítő eszköz. Ha hibás a választás vagy nem működik a kosárgomb, elkülönített másolaton állapítsd meg, melyik réteg okozza. Rögzíts működő kiinduló állapotot, majd a tényleges függőségek figyelembevételével vizsgáld a sablont és kiegészítőket. Éles boltban véletlenszerű kikapcsolgatás rendelési zavart okozhat. A hiba leírása tartalmazzon terméket, műveletet és megfigyelt eltérést.

A böngésző konzolhibája, hálózati kérése és szerveroldali napló egymást kiegészítő információ. A minifikálás, halasztott szkript és gyorsítótár szintén érintheti a működést, ezért ezeket a saját integrációval együtt ellenőrizd. A személyes kosár- és munkamenetadat nem szolgálható ki más látogató mentett állapotaként. A javítás után az összes releváns terméktípuson ismételd meg a próbát, mert egy konkrét terméken megoldott hiba más típusnál új eltérést hozhat.

Kosárba kerülő adat és rendelési folytonosság

A kosárba helyezés vizsgálata a szerveroldalon létrejött tételig tart. A látható üzenet mellett ellenőrizd a termékazonosítót, variációt, darabszámot és árat. Egyedi termékopció esetén annak mentése és későbbi rendelési megjelenése is szükséges lehet. A kliens által küldött árat vagy tetszőleges adatot nem szabad ellenőrzés nélkül üzleti igazságként kezelni. A megvalósítást a WooCommerce támogatott adatkezeléséhez és ellenőrzéseihez kell igazítani.

A próba tartalmazzon hiányzó választást, túl nagy mennyiséget, közben elfogyott készletet, gyors ismételt kattintást és visszalépést. A kosárban megjelenő jellemzőket a rendelési adminnal és vásárlói értesítővel is vesd össze. A pénztár technikai vizsgálata külön útmutató részletesebb feladata, itt a termékoldalról induló tétel következetességét bizonyítjuk. A sikeres gombreakció csak akkor megfelelő, ha a kiválasztott termékből helyes, teljesíthető rendelési adat keletkezik.

Megvalósítási ellenőrző készlet

Szemléltető tesztkatalógus: egyszerű készletes termék, két attribútumos változatos termék, elfogyott változat, hosszú nevű áru, kép nélküli rekord és digitális termék. A mintákhoz előre nevezd meg a várható árat, választást és kosáreredményt. A tesztkörnyezetben ne induljon valódi fizetés vagy ügyfélküldés. A lista célja a sablon és adatmodell szélső eseteinek vizsgálata, nem kitalált kereskedelmi eredmény bemutatása az oldal látogatóinak.

Az átadási jegyzék tartalmazza a sablonrendszert, módosított komponenseket, használt kiegészítőket, adatforrást és ismételhető teszteseteket. A termékszerkesztő külön próbálja ki a mezők módosítását, majd nézzétek meg ugyanazt a kártyán, részletoldalon és kosárban. A későbbi frissítési ellenőrzés ebből a készletből indulhat. A termékoldal technikai minősége az egységes adatláncban látszik: a szerkesztett rekordból helyes felület, választás és rendelési tétel lesz.

Gyakori kérdések