Shopify Online Store 2.0 – Minden, amit tudnod kell

2020-ban több mint 450 millióan jelentkeztek be Shopify. A vállalat több mint 120 milliárd dollárt dolgozott fel bruttó áruforgalomban. Nyilvánvaló tény, hogy Shopify hatalmas és egyre nagyobb.

Shopify kedden (29. június 2021-én) számos új funkciót jelentett be, amelynek célja, hogy a platformot testreszabhatóbbá tegye mindenki számára, amelyen üzletet üzemeltet Shopify. Online Shopify A 2.0 új funkciók és témák hatalmas listáját kínálja Shopify kereskedők.

A szó innen Shopify az, hogy az Online áruház 2.0 a sablonkészítéshez használt nyelv legfontosabb átépítésének gyümölcse: a Liquid nyelv.

Kezdetben a megújult online áruház megkönnyíti a fejlesztők számára, hogy testreszabott funkciókkal bővítsék kirakataikat. A Netflix korán hozzáférést kapott ehhez a platformhoz, és a hozzáférést felhasználva létrehozták a Netflix.shopot – a Netflix első e-kereskedelmi áruházát.

Íme egy rövid áttekintés arról, hogy mit jelent az Online Store 2.0 az Ön számára.

Áttekintés

Az Online Store 2.0 új funkciói egy friss szerkesztési élménnyel kezdődnek. Az új szerkesztő igazán egyszerűvé teszi a kereskedők számára, hogy a semmiből építsenek kirakatokat, adjanak hozzá különféle témabővítményeket, és kezeljék az alkalmazásokat a témákon belül. Az új szerkesztő ötlete az volt, hogy az összes elérhető szolgáltatást és funkciót központosítsa.

A Dawn referenciatéma, az új szabványos kirakattéma fejlesztés alatt, 35%-kal gyorsabb lesz, mint a jelenlegi alapértelmezett téma (belső becslések szerint). Shopify azt is megemlítette, hogy az új téma 15. július 2021-től lesz nyitva a fejlesztők beküldésére.

Ezen kívül, Shopify Az is kiderült, hogy a cég jelentősen növeli infrastrukturális beruházásait és fejlesztői eszközparkját. Ennek eredményeként Önnek, mint kereskedőnek, nem kell átmennie azon a fejfájáson, hogy új platformokat kell létrehoznia, hogy fej nélküli kereskedelmi kirakatokat építsen, vagy a kirakatokat személyre szabja.

Az új, megújult online áruház 2.0-val Shopify igyekszik láthatóbbá tenni a platformot a fejlesztők és a technológiai óriások számára. Ezt jelzi, hogy a Store 2.0-hoz korai hozzáférést kínált a Netflix számára (korábban említettük).

Az Online Store 2.0 mindenre kiterjedő. Az új áruházban mindenki lehetőséget kap a létrehozásra, testreszabásra, méretezésre és bevételszerzésre Shopify.

Az új téma építészete

Az online áruház korábbi verziójával a kereskedők korlátozták az üzleten belül elérhető blokkok számát. Korábban az üzletekben különböző sablonok voltak, amelyek különböző termékekhez voltak hozzárendelve. A 2.0-s verzióval kereskedőként mostantól lehetősége van szakaszokat hozzáadni minden új oldalhoz. Korábban csak szakaszokat lehetett hozzáadni a kezdőlaphoz.

Lehetőség van arra, hogy minden oldalhoz aktiválja a sablonokat egy JSON-sablonfájllal, amely meghatározza az oldal beállításait. Ezzel listázhatja az oldal összes szakaszát, gyűjteményes oldalakat, egyéni oldalakat, blogbejegyzéseket és még sok mást.

A JSON-sablonfájlokon belül meghatározhatja, hogy mely szakaszok jelenjenek meg.

A sablonfájlok határozzák meg, hogy mely szakaszok jelenjenek meg alapértelmezés szerint, és milyen sorrendben jelenjenek meg a telepített témán. A sablon hozzáadása után a témaszerkesztőbe lépve dinamikus szakaszokat adhat hozzá téma előre beállított értékként.

Téma alkalmazásbővítmények alkalmazásblokkokkal

A témaalkalmazás-bővítmények fejlesztőknek segíthetnek számos funkció és bővítmény hozzáadásához. Ennek segítségével bővítheti a kereskedő webhely funkcionalitását

Korábban nem volt lehetőség az alkalmazásoknak a témákkal való integrálására. Ennek eredményeként a fejlesztőknek egy integrációs logikát kellett kódolniuk a meglévő témákhoz. Ez nagyon megnehezítette olyan funkciók létrehozását, amelyek több témában következetesen működtek. Ez már nem így van.

Alkalmazás modularitás

Egy másik kiemelés az alkalmazás modularitása. Ez egyszerűen azt jelenti, hogy fejlesztőként mostantól lehetősége van felhasználói felület összetevőinek hozzáadására és eltávolítására a témaszerkesztőn keresztül. Nem kell hozzáférnie a téma kódjához.

Ez egyszerű módot ad az alkalmazások támogató eszközeinek kezelésére. Val vel Shopify 2.0 segítségével könnyedén kezelheti az alkalmazás támogató eszközeit, és könnyen tárolhatja azokat a platformon.

Változások a Metafieldsben

A frissített témaszerkesztővel a kereskedők metamezőket és tulajdonságokat adhatnak hozzá. A jó hír az, hogy ennek lehetővé tételéhez nincs szüksége sem API-kra, sem semmilyen kódolásra.

Kereskedőként szabadon hozzáadhatja az Önnek tetsző tartalmat a termékoldalhoz, így helyet biztosíthat további információk hozzáadásához, amelyek segíthetik a potenciális vásárlókat, például mérettáblázatot vagy összetevőlistát. Bármi, ami valószínűleg nem jelenik meg az áruházszerkesztőben, frissíthető a metamezőkön keresztül.

Itt vannak a metamezők módosításának különböző módjai.

• Rugalmasság: A metamezők rugalmasabbak. Ez segít a kereskedelmi adatok biztonságos importálásában.
• Szabványos metamezők: A szabványos metamezők egyszerűbbé teszik az egyéni témák használatának megkezdését az üzletekben a különböző piacokon.
• Bemutató tippek: Prezentációs tippeket adhat hozzá a metamezőkhöz az áruházi adatok megjelenítéséhez

Fájlválasztó

A Metafields sok médiát, például képeket vagy PDF-fájlokat támogat. Ahelyett, hogy egy adott fájltípust keményen kódolna egy témához, a metamező-fájlválasztó lehetővé teszi a kiválasztott adathordozók feltöltését a termékoldalakra.

A képek a beállítások/fájlok szakaszon keresztül érhetők el, és azonnali használatra szolgálnak.

Ha szereti a termékgaranciát vagy a mérettáblázatot, a fájlválasztó megkönnyíti az adott fájl kiválasztását egyszerű UX segítségével. Ezzel a meta mező magába a témába kerül.

Files API

Az API 2021-07-es verziójával a File API-t használhatja általános fájlok létrehozására, frissítésére és törlésére. Ez lehetővé teszi a kereskedők számára, hogy a különböző fájlokat újra felhasználják a különböző alkalmazásokhoz. Ezek hozzáadódnak a belső fájloldalhoz Shopify admin

A fejlesztők az új Files API-n keresztül érhetik el a beállításokat/fájlokat. Az ezzel a verzióval bevezetett GraphQL API megkönnyíti a meglévő médiafájlok feltöltését vagy kiválasztását a beállításokon/fájlokon keresztül. Az alkalmazások az adminisztrátorban elérhetik ezt a bizonyos területet, miközben metamezőket töltenek fel a tartalom révén.

Ez lehetőséget teremt az alkalmazások számára, hogy ezt a helyet olyan fájlokhoz és képekhez használják, amelyek nem kapcsolódnak közvetlenül egy termékhez, beleértve a témákban használt képeket is.

Folyadékbevitel beállítása

A témaszerkesztő másik frissítése a Liquid beviteli beállítás, amelyből egyéni Liquid kódot adhat az oldalakhoz magából a szerkesztőből.

A Liquid beállítás hasonló a HTML beállításhoz. Az egyetlen különbség az, hogy hozzáférést kap a Liquid változókhoz. A kereskedők hozzáférhetnek mind a globális, mind a sablonspecifikus Liquid objektumokhoz.

A beállítás csökkenti annak szükségességét, hogy a kereskedők manuálisan módosítsák bármely téma kódját, amikor a Liquid használatával kódot adnak hozzá az alkalmazásokhoz.

Használja a fejlesztői dokumentációt, vagy tekintse meg az új témát a Dawn egyedi folyadék részében.

Ezzel fejlesztőként könnyen hozhat önálló döntéseket az üzlettel kapcsolatban, így időt szabadít fel a kreatív integrációkra és megoldásokra összpontosítva.

Új fejlesztői eszközök

Az online áruház 2.0 lehetőségek egész sorát nyitja meg a fejlesztők számára, hogy új alkalmazásokat és témákat készítsenek az Ön számára. Az új fejlesztői eszközök integrálják és segítik az új témák tesztelését, fejlesztését és telepítését.

A Shopify A GitHub integráció megkönnyíti a használatát Shopify CLI eszköz a téma ellenőrzésével együtt. Mindkét eszköz lehetővé teszi a témák tesztelését sandbox és ennek eredményeként racionalizálja a fejlődést.

Shopify Github integráció

A GitHubba való új integráció révén az új témák fejlesztése és karbantartása sokkal könnyebben követhető és kezelhető. Csatlakoztassa a GitHub felhasználói fiókot az online áruházhoz. A módosítások átkerülnek a GitHubba, és a kiválasztott témák jelenlegi állapotával szinkronban lévő repóba kerülnek.

A Shopify A GitHub integráció biztosítja, hogy felhasználói fiókját összekapcsolja a Shopify adminisztrátort, és csatlakoztassa a Git-ágakat az áruház témáihoz. A verziókezelés natív támogatása lehetővé teszi a témakód módosításainak végrehajtását, nyomon követését és kezelését is:

A GitHub témákkal való integrációja lehetővé teszi a fejlesztők számára a biztonságos együttműködést a témák szerkesztésével a verziókezelés natív támogatásának bevezetésével. Az integráció lehetővé teszi a fejlesztők számára, hogy biztonságosan együttműködjenek a témák szerkesztése során a verzióvezérlés támogatásával. Amikor egy kereskedői üzleten dolgoznak, a fejlesztők olyan munkafolyamatokat valósíthatnak meg, amelyek során a témák módosításait felülvizsgálják és egyesítik a GitHubon, mielőtt élő témát töltenének be.

Shopify CLI

Új változások történtek a Shopify CLI eszköz is. Az alkalmazásfejlesztők eddig a CLI eszközt használták a Node.js és Ruby on Rails alkalmazások létrehozásához, de a jelenlegi változtatásokkal a fejlesztők egyéni témákat is létrehozhatnak a CLI segítségével.

Íme a kapott funkciók teljes skálája:

• A fejlesztési témákon belül fejlesztheti, megtekintheti és tesztelheti a témák módosításait.
• A fejlesztői kiszolgálónak köszönhetően újratöltheti a CSS és a Liquid szakasz módosításait.
• Inicializáljon egy új témaprojektet az új Dawn témával.
• Témák leküldése és közzététele a parancssorból
• Futtassa a téma ellenőrzését a témán.
• Töltsön fel tesztadatokat a témához a termékek vásárlói és a rendelési tervezetek számára.

A fejlesztési témák átmenetileg rejtett témák, amelyek a Shopify bolt fejlesztésre. A fejlesztési témák nem láthatók az adminisztrációs területen, így nem kell aggódnia, hogy az áruház bármely látogatója meglátja rajta az Ön webhelyét.

A fejlesztési témák nem érik el a témakorlátot. Emiatt ezek hét nap inaktivitás után önmagukban törlődnek. A program futtatásakor is törlődnek Shopify-kijelentkezési sorrend. Ha olyan előnézeti linkre van szüksége, amely nem sérül meg kijelentkezéskor, akkor azt teheti, hogy elküldi a témát a boltba.

A fejlesztési témák segítségével valós időben megtekintheti a helyi fejlesztés alatt álló téma módosításait, interakcióba léphet a témával, és testreszabhatja a témát a témaszerkesztővel. Így az új CLI eszköz sok szabályozást biztosít a végső téma megjelenése felett.

Az eszközök megkönnyíthetik a fejlesztési folyamatot, és gyorsan elkezdhetik az Online áruház 2.0 használatát

Téma ellenőrzése

A témaellenőrzés a Liquid és a JSON másik szerves összetevője, amely hibákat keres a témákban. A szkennelés befejezése után az eszköz kiemeli a bevált módszereket mindkét esetben Shopify platform és a Liquid nyelv.

Ez integrálható olyan szerkesztőkkel, mint a Visual Studio, és azonosítja a kóddal kapcsolatos problémákat.

A továbbra is fennálló problémák megértése érdekében hibaüzenetek jelennek meg a sikertelen ellenőrzésre mutató hivatkozással. A témaellenőrzés a következővel együtt található: Shopify CLI eszköz, így nem kell külön telepítenie.

Egyéb figyelemre méltó jellemzők

Bulk Mutation API

A Bulk OperationRunMutation végpont egy megoldás Shopify adatok tömeges exportálásához egy üzletbe.

A GraphML szimuláció helyett tömeges mutációs műveletet is futtathat. Ez egy egyszerű módszer az összes adat importálására anélkül, hogy a nagyszámú fájl miatti szűk keresztmetszettel szembesülne.

Íme az elérhető lehetőségek:

• productCreate
• gyűjteményCreate
• termékfrissítés
• productUpdateMedia
• productPageUpdate
• productVariantUpdate
• metafieldUpsert
• árlistaFixÁrakHozzáadás
• árlistaFixedÁrakTörlés

Checkout Resource API a kedvezményekhez

A fizetési erőforrás az application_type tulajdonságot adja vissza a fizetéshez hozzáadott engedményekhez. A mezőben látható a kedvezmény alkalmazásának módja.

Az érvényes értékek közé tartozik az automatikus, a diszkont_kód, a manuális és a script.

Folyadékbevitel beállítási témák

Az új Liquid beviteli beállítások arra szolgálnak, hogy a kereskedők egyéni Liquid kódot adjanak hozzá közvetlenül a szerkesztőből. Nagyon hasonlít a HTML beállításhoz.

A kereskedők a témakód nulla szerkesztésével érhetik el a globális és sablonspecifikus Liquid objektumokat. Az új referenciatéma a Dawn nevet viseli. Ez egy nyílt forráskódú referenciatéma, amely rugalmasságot és egyszerű használatot kínál. Számos Online Store 2.0 funkciót használ, például JSON-sablonokat és alkalmazásblokkokat.

Összefoglalva:

Shopify három részből áll a bolt:

• A témák és az online szerkesztő
• Tartalom mentése
• Fejlesztői eszközök

Ha Ön nem fejlesztő, hanem egyszerűen üzlettulajdonos, akkor valószínűleg az új online szerkesztő és tartalomkezelő rendszer lesz a legnagyobb hatással Önre, mint üzlettulajdonosra.

ShopifyA frissített sablonnyelv most már rendelkezik egy hasonló házon belüli szerkesztővel, mint a WordPress Gutenberg, amely 2018-ban jelent meg. Ez közelebb hozza az oldalszerkesztőkhöz olyan platformokon, mint pl. Squarespace és a Wix.

A szerkesztő könnyen helyettesíthet számos Shopify alkalmazások, köztük a népszerű Shogun oldalkészítő.

Az új szerkesztő lehetővé teszi a kis- és középvállalkozások számára, hogy új oldalsablonokat hozzanak létre, és töltsék fel a bennük lévő adatokat anélkül, hogy egyetlen kódsort is írnának a beépített program segítségével. Shopify oldalrészeket, valamint blokkokat.

Végül, a tartalomkezelő rendszer egy másik rendkívül fontos terület, amely arculatváltással és további funkciókkal rendelkezik. Az új frissítéssel megkapja a vadonatúj egyéni tartalomgépelést. Hozzon létre tartalmat egyszer, és tegye közzé az összes csatornáján, beleértve az online áruházat is.

Mit gondolsz a Shopify Online áruház 2.0? Tudassa velünk az alábbi megjegyzésekben.