A WooCommerce Customizer a WordPress > Testreszabás része, és lehetővé teszi a webhely egészére érvényes beállítások kiválasztását az Áruházi hirdetmény, a termékkatalógus és a termékképek számára anélkül, hogy bármilyen kódot érintene.

Hol található a WooCommerce Customizer Vissza a tetejére

A WordPress műszerfaláról menj a következőre: Megjelenés > Testreszabás.

A Testreszabás menüben válassza ki a WooCommerce:

A WooCommerce alatt öt lehetőség található:

• Store Notice
• Product Catalog
• Product Page
• Product Images
• Checkout

Az alábbiakban mindegyikről részletesen szó lesz.

Bolt közlemény Vissza a tetejére

A bolt közleménye lehetővé teszi, hogy megadjon egy, az egész webhelyre kiterjedő üzenetet, amelyet mindenki számára megjelenít, aki ellátogat a boltjába. Az üzenet lehet:

• Tájékoztató – Egy megjegyzés, amely tájékoztatja a vásárlókat az időjárási körülmények miatti szállítási késésekről. Egy “távollét” értesítés, ha szabadságon van.
• Promóciós – Egy eseményt, egy ünnepi akciót, egy csomagot, egy akciót az összes/ egyes termékekre vagy ingyenes szállítást hirdető üzenet.

Bolt közlemény megjelenítése Vissza a tetejére

Az egész webhelyre kiterjedő Bolt közlemény megjelenítése:

1/ Go to: Megjelenés > Testreszabás > WooCommerce > Áruházi értesítés:

2/ Adjon meg egy üzenetet a szövegmezőbe.

3/ Jelölje be a Store Notice engedélyezése négyzetet.

4/ Előnézet, hogyan néz ki a Store Notice a webhelyén/üzletében.

5/ Nyilvánosságra hozhatja, ha elégedett és készen áll arra, hogy a Store Notice (Áruházi hirdetmény) élesbe lépjen.

Mit látnak a látogatók Vissza a tetejére

Így jelenik meg a Store Notice (Áruházi hirdetmény) az áruháza/oldalának elülső részén. A látogatók egyszeri megjelenés után választhatják az értesítés elvetését.

*A Store Notice elhelyezkedése és megjelenése az Ön által használt témától függően változik. A fenti képernyőkép az ingyenes Storefront témánkkal készült.

Egy Store Notice szerkesztése vagy eltávolítása Vissza a tetejére

Az egész webhelyre kiterjedő Store Notice megjelenítésének megváltoztatásához vagy megszüntetéséhez:

1/ Go to: Megjelenés > Testreszabás > WooCommerce > Áruházi értesítés:

2/ Az áruházi értesítés módosításához:

• Az üzenet módosítása a szövegmezőben.

• Vegye ki a jelölőnégyzetet a Store Notice engedélyezése jelölőnégyzetből, hogy ne jelenjen meg a látogatók számára.

3/ Közzététel a módosítások mentéséhez.

Shop Notice ütemezése Vissza a tetejére

A Store Notice (Store Notice) ütemezése opció használata hasznos lehet, ha korlátozott ideig tart egy promóciót, vagy ha egy meghatározott időpontban éjfélkor megszűnik egy akció/kedvezmény.

Ebben a példában az ingyenes szállítási ajánlatot szeretnénk megszüntetni, amikor az február 28-án nap végén lejár.

1/ Menjen a Megjelenés > Testreszabás > WooCommerce > Áruházi hirdetmény > az aktuális/megjelent promóció megtekintéséhez és eléréséhez.

2/ Vegye ki a jelölőnégyzetet az Áruházi hirdetmény engedélyezése esetében.

3/ Válassza ki a fogaskereket. Megnyílik egy panel.

4/ Válassza az Ütemezés menüpontot a jobb oldali menüben, majd adja meg azt a dátumot és időpontot, amikor a módosítást hatályba kívánja léptetni.

5/ Válassza az Ütemezés menüpontot, hogy a megadott módosításokat a megadott jövőbeli dátumon és időpontban hajtsa végre.

*Az akciós kedvezményeket, kuponkódokat vagy korlátozott idejű ajánlatokat ki kell kapcsolnia. Az értesítés eltávolítása nem állítja le automatikusan az akció futását.

Termékkatalógus Vissza a tetejére

A termékkatalógus összes beállítása megtalálható a következő címen: Megjelenés > Testreszabás > WooCommerce > Termékkatalógus.

A Termékkatalógus lehetővé teszi a választást:

• Mit jelenítsen meg a Shop oldalon
• Mit jelenítsen meg a kategória oldalakon
• Hogyan rendezze a termékeket egy kategóriában
• Hány terméket jelenítsen meg egy egyetlen sorban
• Hány sornyi terméket jelenítsen meg egy oldalon

Shop oldal Vissza a tetejére

A Shop oldal megjeleníthet termékeket, Kategóriákat, vagy mindkettőt. A letisztult megjelenés érdekében javasoljuk, hogy az egyiket válassza.

1/ Válassza ki a Termékek vagy a Kategóriák opciót a legördülő listából.

2/ Élőben nézze meg a választását. Az Üzlet oldalát kell megjelenítenie.

3/ Közzététel a mentéshez és az éles üzembe helyezéshez.

Kategóriaoldalak Vissza a tetejére

A kategóriaoldalai megjeleníthetnek termékeket vagy alkategóriákat egy kategórián belül, vagy mindkettőt. Az egyik kiválasztása ajánlott.

Ha csak néhány termékkel rendelkezik, vagy nincsenek alkategóriái, akkor nem biztos, hogy lesz különbség a megjelenésben.

1/ Válassza ki a Termékek vagy az alkategóriákat a legördülő menüből.

2/ A kiválasztás élőben történő előnézete. Egy kategóriaoldalt kell megjelenítenie.

3/ Közzététel a mentéshez és az éles üzembe helyezéshez.

A termékek alapértelmezett rendezése Vissza a tetejére

A termékek alapértelmezett rendezése lehetővé teszi a termékek megjelenítési sorrendjének szabályozását, ami befolyásolja a termékek alapértelmezett megjelenítését a Bolt és kategóriaoldalakon. A látogatóknak továbbra is lehetőségük van arra, hogy a termékeket kívánság szerint másképp rendezzék.

Egyértelmezett rendezés (egyéni sorrend + név) – a termékek ábécé szerinti sorrendben, név szerint jelenítik meg. Ha a termékek sorrendje testreszabásra került, akkor az egyéni sorrendet tekintjük elsőnek, és a név szerinti ábécé szerinti sorrendet másodiknak (ha a termékek azonos sorrendi pozíciókkal rendelkeznek). Az áruházban a vásárló ezt az alapértelmezett rendezésként fogja látni.

Népszerűség (eladások) szerinti rendezés – a termékek megjelenítése az eladott mennyiségek szerint, a legtöbbtől a legkevesebbig. A vásárlók a Rendezés népszerűség szerint látják.

Rendezés átlagos értékelés szerint – a termékek megjelenítése az átlagos értékelések alapján, a legmagasabbtól a legalacsonyabbig.

Rendezés a legfrissebbek szerint – a termékek megjelenítése az áruházhoz való hozzáadásuk sorrendjében, a legújabbtól a legrégebbiig. A vásárló látja a Sort by Latest.

Sort by price (asc / desc) – a termékek rendezése ár szerint vagy a legalacsonyabbtól a legmagasabbig (asc) vagy a legmagasabbtól a legalacsonyabbig (desc). Customer see either Sort by price: low to high, or Sort by price: high to low.

Ebben a példában a Sort by price (asc) (Rendezés ár szerint (asc) (Rendezés ár szerint: alacsonyról a magasra, ✔-val jelölve) opciót választottuk, és a vásárló most választja a Sort by newsness (Rendezés újdonságok szerint) opciót.

Az alapértelmezett rendezési sorrend kiválasztásához:

1/ Válasszon ki egy lehetőséget a legördülő listából:

2/ A kiválasztás megtekintése élőben. A Bolt oldal vagy egy kategória oldalát tekintheti meg.

3/ Közzététel a mentéshez és az éles üzembe helyezéshez.

Termékek soronként Vissza a tetejére

A Termékek soronként lehetővé teszi, hogy a Bolt és kategória oldalakon egy sorban megjelenő tételek számát válassza ki.

Figyeljen a következőkre:

• A termékkép mérete
• Tér a számítógépen/laptopon, táblagépen vagy mobileszközön
• A termékek megtekintésének és megvásárlásának optimális élménye a vásárló számára

1/ A nyilakkal növelheti/csökkentheti a termékek számát.

2/ A választék élőben történő megtekintése. Megnézheti a Shop oldalt vagy egy kategóriaoldalt.

3/ Tesztelje különböző eszközökön. Az alábbiakban egy példa különböző nézetekre, ugyanazokkal a beállításokkal.

• Számítógépen/laptop képernyőn

• Táblagépen

• Mobil eszközön

*A kép méretezése és megjelenése eltérő lesz, a használt témától függően. A fenti képernyőképek az ingyenes Storefront témánkkal készültek.

4/ Publish to save and go live.

Rows per Page Back to top

Rows per Page lehetővé teszi, hogy kiválassza a bolt és a kategória oldalakon megjelenő sorok számát.

Figyeljen a következőkre:

• A termékképek mérete
• Az Ön által forgalmazott termékek száma
• Tér a számítógépen/laptopon, tableten vagy mobileszközön
• A termékek megtekintésének és megvásárlásának optimális élménye a vásárló számára

1/ A nyilakkal növelheti/csökkentheti a sorok számát.

2/ A kiválasztás megtekintése élőben. Megnézheti a Shop oldalt vagy egy kategóriaoldalt.

3/ Tesztelje különböző eszközökön. Az alábbiakban egy példa különböző nézetekre, ugyanazokkal a beállításokkal.

• Számítógépen/laptop képernyőn

• Táblagépen

• Mobil eszközön

*A kép méretezése és megjelenése eltérő lesz, a használt témától függően. A fenti képernyőképek az ingyenes Storefront témánkkal készültek.

4/ Publish to save and go live.

Termékoldal Vissza a tetejére

A termékoldalon két lehetőség van, amelyek az egyes termékoldalakra vonatkoznak:

• Sticky Add-to-Cart – Ez egy kis tartalomsáv a böngészőablak tetején, amely releváns termékinformációkat és egy Add-to-Cart gombot tartalmaz. Ez akkor csúszik a képernyőre, amikor a normál Add-to-cart gomb már kigördült a képernyőről.

• Terméklapozás – Megjeleníti a következő és előző linkeket a termékoldalakon. A termék miniatűrképe megjelenik, a cím pedig a lebegtetéskor láthatóvá válik.

Termékképek Vissza a tetejére

A termékképek két funkcióval rendelkezik:

• Meghatározhatja, hogy a Katalógus és a Miniatűr képek hogyan legyenek méretezve és levágva
• Automatikusan átméretezi a Katalógus és a Miniatűr képeket az egész webhelyen az áruházában, amikor egy közzétett módosítás történik*

Ezzel időt és energiát takarít meg az egyes képek kézi vágásával és átméretezésével.

Képtípusok Vissza a tetejére

• A Katalógus képek közepes méretű képek, amelyek a Bolt oldalon, a Kategória oldalakon, valamint a Kapcsolódó termékek, Up-sell és Cross-sell oldalakon jelennek meg.
• A Miniatűr képek a legkisebb képek, amelyeket a Kosár, a Widgetek és (opcionális) Galéria képek alatt az Egyetlen termék kép az egyes termékek adatlapjain használnak.
• Az Egyetlen termék kép a legnagyobb kép és a fő/jellemző képre utal. A termékképek beállításai a WooCommerce Customizerben nem vonatkoznak ezekre. Az Egyetlen termékkép vagy a termékképgaléria hozzáadásához, szerkesztéséhez vagy törléséhez lásd: Termékképek és galériák hozzáadása.

* Korábban a miniatűröket egy harmadik féltől származó bővítmény segítségével kellett újragenerálni. A WooCommerce 3.3x most már kezeli ezt Ön helyett. A regenerálás nem fog elindulni a csak előnézeti módban végrehajtott módosítások esetén.

A miniatűr képek átméretezése és kivágása Vissza a tetejére

1/ Go to: Megjelenés > Testreszabás > WooCommerce > Termékképek.

2/ Válasszon egyet:

• 1:1 – Négyzetes kép

• Egyedi – Ön választja ki, hogy a képek milyen arányban legyenek levágva. Ebben a példában 1:2 van megadva; és egy képet nem lehet felnagyítani, hogy megfeleljen ennek a követelménynek.

• Vágás nélkül – A képek úgy jelennek meg, ahogy vannak, ami azt eredményezheti, hogy mindegyik eltérő lehet, hacsak nem használt egységes méretű és felbontású fényképeket. Az alábbi képernyőkép egy példa erre: Az egyik tökéletesen négyzet alakú, a következő egy kisebb négyzet, az utolsó pedig egy téglalap.

3/ Tesztelés különböző eszközökön. Az alábbiakban egy példa különböző nézetekre, ugyanazokkal a beállításokkal.

• Számítógépen/laptop képernyőn

• Táblagépen.

• Mobil eszközön.

4/ Publish to save and go live.

Checkout Back to top

A Checkout összes lehetősége megtalálható az alábbi címen: Megjelenés > Testreszabás > WooCommerce > Pénztár.

Most beállíthatja, hogy bizonyos mezők kötelező vagy opcionálisak legyenek, attól függően, hogy milyen adatokat kíván gyűjteni. Azt is kiválaszthatja, hogy a kötelező mezők csillaggal legyenek kiemelve, ami az alapértelmezett.

Az Adatvédelmi irányelvek és a Felhasználási feltételek oldalakat ajánlott létrehozni, majd itt beállíthatja őket. A beállított oldalakra a beírt szöveggel együtt hivatkozik, és a Pénztároldalon így jelennek meg:

A “Adatvédelmi irányelvek” link egy új ablakban nyitja meg az oldalt, míg a “Felhasználási feltételek” link egy olyan dobozt nyit meg az oldalon, amely a Felhasználási feltételek oldal tartalmát mutatja. A megrendelés nem adható le a szükséges feltételek doboz bejelölése nélkül.

Kérdések Vissza a tetejére

Nem találom a WooCommerce Customizer-t. Vissza a tetejére

A WooCommerce 3.3x+-t használó üzletekben ez a lehetőség a következő címen érhető el: Megjelenés > Testreszabás > WooCommerce. A WooCommerce 3.3.0 előtti verzióját használó üzleteknél a Store Notice és a termékképek a következő címen találhatók: WooCommerce > Settings > Products > Display section; Product Catalog is new.

Az új és továbbfejlesztett funkciók és funkciók kihasználása érdekében javasoljuk a WooCommerce legújabb verziójára való frissítést. Köszönöm!

Még használhatom a Regenerate Thumbnails plugint? Vissza a tetejére

Igen, használhatja. De szükségtelen, ha a WooCommerce 3.3.0 vagy újabb verziót használod, mert egy új vagy más témára való váltás, vagy a termékkatalógus vagy a termékképek bármilyen élő módosítása kiváltja a WooCommerce automatikus méretezését és automatikus frissítését a miniatűr és termékkatalógus képek helyetted.

A Regenerate Shop Thumbnails opciót is használhatod az alábbi címen: WooCommerce > Állapot > Eszközök.