A WooCommerce 2.6 verziója után ugrottak egyet a fejlesztők, és egyből a 3.0-ás verziót adták ki. Ennek oka, hogy jelentős változáson ment át funkcionálisan és kódszinten is, amely új nagyverziószámot igényel.

Általános tanács, hogy bővítmények főverzió váltásánál érdemes várni 1-4 alverziót a bővítményeknél. Az első napokban sok ilyen szokott lenni, a fejlesztők a beérkező visszajelzések alapján sok bosszantó problémát megoldanak. (már van 3.0.7-es WooCommerce is, azaz gőzerővel dolgoznak a hibák javításán)

Frissítés WooCommerce 3.0 verzióra

Kiemelten fontos, hogy éles weboldalt nem frissítünk ész nélkül az új verzióra! A frissítés legfontosabb lépései:

1. Biztonsági mentés nélkül nehezen tudjuk helyreállítani a korábbi állapotot. Ezért a frissítés előtti első lépés: biztonsági mentést kell készíteni. Tudom, mindig ezt mondom. De fő a biztonság, illetve ahogy a frissítés előtt láthatjuk, ez egy nagy verzióváltás, ahol nagyságrendekkel nő a problémalehetőségek száma.
2. Éles weboldal látogatókkal rendelkezik, amelyektől – jó esetben – a bevételünket várjuk. Ha egy széthullott állapotú webshoppal elijesztjük őket, akkor a bevételtől is elesünk. Ezért ha nem vagyunk biztosak a dolgunkban, akkor a frissítés idejére érdemes lezárni a weboldalt, hogy ne érje el senki, csak mi.
3. Ha nagyon fontos a weboldal üzemmenetének maximalizálása és/vagy jelentős összeg múlik a zökkenőmentes átálláson, akkor klónozd le a weboldaladat egy almappába vagy aldomainre, és úgy végezd el a frissítést. Így az éles oldalt nem érinti a tesztelgetés. Ha nincs gond a klón oldalon, utána érdemes az éles oldalt frissíteni.
4. Nem minden kinézet kompatibilis a WooCommerce új verziójával, ezért ha tehetjük, járjunk utána annak, hogy a kinézet fejlesztője mit mond erről. Ha van új verziója a kinézetnek, érdemes arra áttérni. Ha sok módosítás van a kinézetben, akkor érdemes gyerek-kinézetet használni.
5. Nem minden korábbi WordPress kompatibilis a WooCommerce új verziójával. Érdemes a WooCommerce frissítése előtt a WordPress-t is frissíteni.
6. Előbb frissítsük a többi bővítményt, és ha semmilyen probléma nem merült fel, akkor a WooCommerce-t.

Hivatalos frissítési “ajánlat” a fejlesztőktől ide kattintva érhető el.

WooCommerce 3.0 újdonságok

Új termékkép funkció: nagyítás, zoomolás opciókkal:

Gyorsabb lett a működése.

Új naplózó rendszer kerül bevezetésre, amellyel jobban nyomon követhetőek a folyamatok, valamint a fejlesztők hibakeresési munkáit is megkönnyíti.

Továbbiak a hivatalos bemutató cikkben.

Mit tegyél, ha tönkretetted a weboldaladat a WooCommerce frissítéssel?

Előfordulhat, hogy angol nyelvű egy-egy felirat a frissítés után, vagy éppen a kinézete csúszik szét az egyes oldalaknak (pl.: kosár, pénztár, stb.). Ekkor vagy várhatsz, hogy a kinézet fejlesztője orvosolja a hibát, vagy:

1. Frissítsd visszafelé a WooCommerce-t a WP Rollback bővítménnyel.
2. Ha nem segít: Állítsd vissza a biztonsági mentésből a régi állapotot.

Fordítási hibák WooCommerce 3.0 használatakor

Ha zavaró módon angol szövegeket látsz a vásárlási folyamat egyes részein, akkor vagy várhatsz a magyar verzió elkészültéig, vagy az alábbi egyszerű bővítmény, és a WordPress gettext filterének segítségével gyorsan lefordíthatod az angol részeket, az alábbi lépéseket követve:

(persze használhatod a PoEdit programot is, vagy a forráskódban is tudsz fordítani, de ez egyszerűbb, gyorssegélynek javasolt megoldás)

Töltsd le a Translate Texts nevű bővítményt, majd telepítsd fel és aktiváld.

Nyisd meg a Bővítmények => Szerkesztő menüt, és keresd ki a Translate Texts nevűt. Ilyen kódot találsz itt:

Itt látsz egy olyan sort (felülről a 4.), amiben van egy Fordítandó és Fordítás szó. Ezt a sort le kell másolni egymás alá – úgy, hogy ezt a két szót töröljük belőle, de az idézőjeleket meghagyjuk –  annyiszor, amennyi fordítandó angol szövegünk van. Ezt most egyszer tettem meg, lásd felülről az 5. sort. Ez a sor így 4 idézőjelet tartalmaz. Az első kettő közé kell írni a következő fordítandó szót vagy kifejezést, majd a következő 2 közé a fordítást. Ha sok fordítandó van, ilyesmi lesz a végeredmény:

Végül el kell menteni a bővítményt, és az oldalon lévő angol feliratok máris magyarul látszanak.

A kódsor forrása:
WordPress fejlesztők és felhasználók Facebook csoportja

További infó a gettext filterről:

• https://codex.wordpress.org/Plugin_API/Filter_Reference/gettext_with_context
• https://codex.wordpress.org/Plugin_API/Filter_Reference/gettext
• https://gist.github.com/BFTrick/7040403

A PROFI PLUSZ tagsággal rendelkezőknek a fordításhoz készítettem egy videót:

    

Hogyan lehet beállítani WooCommerce-ben, hogy a terméklista helyett a kategóriák látszódjanak? Hogyan lehet a termékkategóriákat a megfelelő sorrendben megjeleníteni?

Az alábbi, 1,5 perces videóban mindkét kérdésre válaszolok:

WooCommerce sorozatom előző 9 része:

1. WooCommerce
2. WooCommerce 2.
3. Variációk létrehozása
4. Ingyenes kinézetek
5. Azonnali termékkereső
6. Szamlazz.hu integráció
7. Súly alapú szállítási díj
8. Letölthető termékek árusítása
9. Hangüzenet új rendeléskor

Nagyon egyszerűen meg lehet csinálni, hogy egy WordPress WooCommerce webáruház az e-mail mellett “hanggal” is értesítse a tulajdonost arról, hogy egy új rendelés érkezett. Éttermeknek – egy kis finomítással – tökéletes megoldás, 2,5 percben:

A videón bemutatott alapértelmezett hangot érdemes kicserélni egy szolidabbra, hogy ne kapjon frászt az, aki a rendeléseket kezeli.

Letöltés: WooCommerce Order Alarm | GitHubról

Alternatív megoldás:
A rendelések kezelésére használt e-mail címhez olyan kiegészítő felrakása, amely hangjelzéssel jelzi ha új e-mail (rendelés) érkezett.

A WordPress WooCommerce webáruház motor bemutatására létrehozott sorozat 8. részében a letölthető termékek kezeléséről lesz szó.

• Hogyan kell beállítani WooCommerce-ben, hogy egy vásárlónak nem kézzel fogható, hanem ún. virtuális terméket adjunk el?
• Hogyan lehet szabályozni, hogy csak a termék fizetését követően tudja letölteni a terméket a vásárló?
• Hogyan lehet letöltési korlátokat (alkalom, időtartam) beállítani?
• Hogyan zajlik a virtuális termékek megvásárlása, letöltése?

Az alábbi videóban minden kérdésre válaszolok:

    

Nem megfelelő a WooCommerce webshopban lévő átalánydíjas szállítási díj beállítási lehetőség? Ha futárral, vagy Postával küldöd a csomagot, akkor sávosan, a feladandó csomag súlyától függ a szállítási díj.

Természetesen van arra mód, hogy ezt a WooCommerce WordPress webáruházunkba integráljuk, mely során pontosan meg tudjuk adni, hogy a kosár összsúlya alapján, mennyi legyen a rendelés szállítási költsége (természetesen az intervallumok, és az összegek is módosíthatóak):

Admin felületen a beállítás:

Működés közben, a kosár súlya alapján számolt szállítási költség:

Hogyan állíthatod be a saját weboldaladon is? Az alábbi – 8 perces – videón megmutatom!

    

Unod már a vesződést a kézi számlázással? Automatizálj! Hogyan kell a szamlazz.hu rendszerét összekötni a WooCoomerce WordPress webáruházzal?

Az alábbi, PROFI PLUSZ tagsággal nézhető videóban elmondom!

    

Hogyan lehet a hagyományos WordPress WooCommerce termékkeresőt egy kicsit “feltuningolni”, olyanra, hogy már egy-egy szótöredék beírása után – enter lenyomása nélkül – keressen?

A WooCommerce webáruházat bemutató sorozatom jelenlegi, 5. részében megmutatom!

A sorozat előző 4 része:

1. WooCommerce
2. WooCommerce 2.
3. Variációk létrehozása
4. Ingyenes kinézetek

A 4,5 perces videó csak PROFI PLUSZ tagsággal rendelkezőknek érhető el!

    

Amikor azt elemeztem, hogy milyen WordPress kinézetek vannak, és honnan lehet őket beszerezni, akkor már említettem a newwpthemes.com weboldalt. Most ismét erről lesz szó, ám most a WooCommerce WordPress webáruház bővítmény kapcsán.

A newwpthemes.com weboldalról letöltött ingyenes kinézetek – amellyel azért érdemes óvatosan bánni – tartalmaznak egy WooCommerces “integrációt”, amely lehetővé teszi, hogy ezen kinézetekkel működő weboldalakon is legyen WooCommerce által hajtott WordPress webáruház.

Azonban az nem tetszik nekem, hogy a webáruházas aloldalaknál nincs oldalsáv. Azaz valahogy így néznek ki a webshopos oldalak:

Ugye, hogy ennél szebben nézne ki egy oldalsávval – ott pl. kapcsolati adatokkal, kosárral – megjelenő webáruház, valahogy így?

A módosítást nagyon egyszerűen végre lehet hajtani, a következő néhány perces videón bemutatom, példával illusztrálom, minta-letöltéssel segítem a munkádat!

A videó PROFI PLUSZ tagsággal nézhető meg.

    

Ha olyan termékeket is árulsz egy WooCommerce webáruházban, amelyek csak színben/méretben/stb. különböznek egymástól, akkor jó hírem van: nem kell feltölteni őket annyiszor, amennyi fajtában/színben/méretben/stb. forgalmazod.

A Google- és felhasználóellenes megoldás (többszörös feltöltés) helyett használd a variációk kezelése funkciót!

• Hol találod?
• Hogyan állítsd be?
• Hogyan működik?

Az alábbi – PROFI PLUSZ tagsággal nézhető – videóból választ kaphatsz a kérdésre.

Most 33-62% kedvezményt kaphatsz a tagságok árából, kattints ide!

    

A WooCommerce-t bemutató első rész után íme a 2., és egy videó, amelyen a következőket mutatom be:

1. Hogyan kell telepíteni a WooCommerce bővítményt.
2. Hogyan kell létrehozni a terméklistázó/kosár/pénztár aloldalakat.
3. Hogyan kell minta-termékeket (23 db) feltölteni pár kattintással, hogy máris tesztelhessük a webáruházat?

PROFI PLUSZ tagsággal máris nézhető a videó!