Shopify alkalmazás dokumentáció
Minden, amire szüksége van a pénznemváltás beállításához és testreszabásához Shopify áruházában
Tartalomjegyzék
1 Telepítés
Telepítés a Shopify App Store-ból
- Látogassa meg a Currency.Wiki alkalmazás oldalát a Shopify App Store-ban
- Kattintson az 'Alkalmazás hozzáadása' gombra és engedélyezze a telepítést
- Az alkalmazás megnyílik, és végigvezeti a beállítási varázslón
- Fejezze be a varázslót, hogy elkezdhesse az árak átváltását
Tipp: A beállítási varázsló kb. 2 percet vesz igénybe, és minden lépésen végigvezet.
2 Beállítási varázsló
A beállítási varázsló segít helyesen konfigurálni az alkalmazást. Végigvezeti a pénznemformátum frissítésén és az alkalmazás beágyazásának engedélyezésén.
1. lépés: Üdvözöljük
Tekintse át, mit tartalmaz a beállítási folyamat, majd kattintson a 'Kezdjük el' gombra.
2. lépés: Pénznemformátum frissítése
Lépjen a Shopify Admin → Beállítások → Általános → Áruház alapértelmezések menüpontra. Keresse meg a pénznemet, kattintson a három pontra → 'Pénznemformátum módosítása'. Frissítse a HTML mezőket a wrapper osztályunkkal:
HTML pénznemmel:
<span class="cwiki">${{amount}} USD</span>
HTML pénznem nélkül:
<span class="cwiki">${{amount}}</span>
Fontos: A cwiki wrapper osztály elengedhetetlen. Ez alapján ismeri fel az alkalmazás, hogy mely elemek árak az oldalon, így csak a valódi árakat váltja át, nem például telefonszámokat vagy rendelési azonosítókat.
3. lépés: Alkalmazás beágyazás engedélyezése
Engedélyezze az alkalmazást a téma App Embeds szekciójában:
- Lépjen az Online áruház → Témák → Testreszabás menüpontra
- Keresse meg az 'App embeds' lehetőséget a bal oldali sávban
- Keresse meg a 'Currency.Wiki App'-ot és kapcsolja be
- Kattintson a Mentés gombra a témaszerkesztőben
4. lépés: Beállítás ellenőrzése
Kattintson a 'Bolt átvizsgálása' gombra a beállítás ellenőrzéséhez. A varázsló ellenőrzi a cwiki wrapper osztályt és az alkalmazás beágyazását. Ha minden rendben, már használhatja is!
3 Widget stílusok
Válasszon 6 widget stílus közül, hogy illeszkedjen áruháza dizájnjához. Mindegyik stílus testreszabható a márka színeivel.
Minimális legördülő
Kompakt fejléc integráció egyszerű legördülő listával. Legjobb a jobb felső sarokban.
Lebegő gomb
Mobilbarát lebegő gomb kibővíthető panellel. Mobilra optimalizált áruházakhoz kiváló. Sarokba helyezhető.
Oldalsó fiók
Teljes magasságú, kihúzható panel kereső funkcióval. Sok pénznemet kínáló áruházakhoz ideális.
Felugró ablak
Középre helyezett átfedő ablak rácsos elrendezéssel. A pénznemválasztásra fókuszál.
Beágyazott fülváltó
Vízszintes fülek népszerű pénznemekhez. Gyors váltás menük nélkül.
Sarokjelvény
Minimalista sarokikon, amely kattintásra kibővül. Letisztult dizájnhoz a legkevésbé zavaró.
Tipp: Az alkalmazás adminban a Widget beállítások oldalon előnézetben láthatja az összes stílust a saját színeivel.
4 Admin irányítópult
Az admin irányítópult teljes kontrollt ad a pénznemváltás működése felett áruházában.
Irányítópult főoldal
Kapcsolja be/ki a widgetet, nézze meg az átváltási statisztikákat, és élő előnézetben láthatja a widgetet.
Widget beállítások
Válassza ki a widget stílusát, pozícióját, színeit, méretét, sarokkerekítését és zászló megjelenítését.
Pénznemkezelés
Pénznemek engedélyezése/letiltása, sorrend módosítása, automatikus felismerés beállítása, árfolyam preferenciák megadása.
Analitika
Átváltási diagramok, leggyakrabban használt pénznemek, nemzetközi vásárlók megoszlása.
Téma és megjelenés
Téma mód (auto, világos, sötét, egyedi), színek beállítása, üveghatás engedélyezése, sötét mód viselkedésének konfigurálása.
Fizetési üzenet
Üzenet engedélyezése a kosár/fizetés oldalakon, hogy tájékoztassa a vásárlókat a fizetés pénzneméről.
5 Speciális beállítások
A speciális beállítások Pro felhasználóknak részletesebb kontrollt adnak az árformázás és átváltás felett.
Árformázás (Pro)
- Tizedesjegyek - Állítsa be, hány tizedesjegyet jelenítsen meg (0-6).
- Számformátum - Formátum stílus kiválasztása (Auto, US, EU, Indiai, Szóköz•Pont, Szóköz•Vessző).
- Szimbólum pozíciója - A pénznem szimbólum helye az összeg előtt vagy után, vagy automatikus pénznemenként.
- Kerekítés - Normál, mindig felfelé, mindig lefelé, vagy nincs kerekítés. Lehetőség .99-re kerekíteni.
Téma integráció (Pro)
Manuálisan ágyazza be a widgetet vagy kosár értesítést bárhová a témában ezekkel a HTML kódokkal:
Widget beágyazás (header.liquid vagy bármely szekcióhoz adható):
<div class="cwiki-widget"></div>
Kosár értesítés beágyazás (cart.liquid-hez adható):
<div class="cwiki-banner"></div>
Fejlesztői opciók (Pro)
- Stílus felülírások - Egyedi CSS hozzáadása a widget stílusának finomhangolásához.
- Kattintási események - Árak újbóli átváltása bizonyos elemek kattintásakor (pl. méretválasztó, termékopciók).
- További ár elemek - További ár elemek megcélzása az alapértelmezett .cwiki wrapperen túl.
- URL minták - Árak újbóli keresése, ha az URL tartalmaz bizonyos karakterláncokat (AJAX tartalom, végtelen görgetés).
- Átváltási késleltetés - Várakozás az árak átváltása előtt (később betöltődő tartalomhoz).
Figyelem: Ezek a beállítások haladó felhasználóknak szólnak. Tesztelje előnézeti témán, mielőtt élesben alkalmazza.
6 Hibaelhárítás
Nem váltódnak át az árak?
Győződjön meg róla, hogy a cwiki wrapper osztály szerepel a pénznemformátum beállításokban. Lépjen a Beállítások → Általános → Áruház alapértelmezések menüpontra, és ellenőrizze a HTML formázást. Ellenőrizze, hogy az alkalmazás beágyazás engedélyezve van-e a téma testreszabójában.
Nem jelenik meg a widget?
Ellenőrizze, hogy az alkalmazás beágyazás engedélyezve van-e a téma App Embeds szekciójában. Nyissa meg a téma testreszabót, keresse meg az App Embeds részt, és kapcsolja be a Currency.Wiki-t. Mentse el és frissítse az áruházat.
Villódznak az árak betöltéskor?
Az alkalmazás villódzásmentes betöltésre lett tervezve. Ha mégis villódzást tapasztal, ellenőrizze, hogy nincs-e gyorsítótárazó bővítmény, ami zavarhatja a működést. Győződjön meg róla, hogy az alkalmazás beágyazás a téma head szekciójában töltődik be.
Rossz pénznemet ismer fel?
A földrajzi felismerés a látogató IP-címe alapján történik. VPN vagy vállalati hálózat befolyásolhatja a felismerést. A látogatók mindig manuálisan is választhatnak pénznemet. Alapértelmezett tartalék pénznemet is beállíthat a beállításokban.
Nem illik a widget a témámhoz?
A Téma és megjelenés beállításokkal testreszabhatja a színeket, vagy engedélyezheti az automatikus módot, hogy a widget igazodjon a téma színeihez. Finomhangoláshoz használhat egyedi CSS-t a Speciális beállításokban.
Segítségre van szüksége?
Ügyfélszolgálatunk készséggel segít minden beállítási vagy konfigurációs kérdésben.
