Dokumentácia k Shopify aplikácii
Všetko, čo potrebujete na nastavenie a prispôsobenie prevodu mien vo vašom Shopify obchode
Obsah
1 Inštalácia
Inštalovať z Shopify App Store
- Navštívte stránku aplikácie Currency.Wiki v Shopify App Store
- Kliknite na 'Pridať aplikáciu' a autorizujte inštaláciu
- Aplikácia sa otvorí a prevedie vás sprievodcom nastavením
- Dokončite sprievodcu nastavením a začnite prevádzať ceny
Tip: Sprievodca nastavením trvá približne 2 minúty a prevedie vás každým krokom.
2 Sprievodca nastavením
Sprievodca nastavením vám pomôže správne nakonfigurovať aplikáciu. Prevedie vás aktualizáciou formátu meny a povolením vloženia aplikácie.
Krok 1: Vitajte
Prečítajte si, čo zahŕňa proces nastavenia a kliknite na 'Začať'.
Krok 2: Aktualizujte formát meny
Prejdite do Shopify Admin → Nastavenia → Všeobecné → Predvolené nastavenia obchodu. Nájdite svoju menu a kliknite na trojbodkové menu → 'Zmeniť formát meny'. Aktualizujte HTML polia s našou triedou:
HTML s menou:
<span class="cwiki">${{amount}} USD</span>
HTML bez meny:
<span class="cwiki">${{amount}}</span>
Dôležité: Trieda cwiki je nevyhnutná. Označuje našej aplikácii, ktoré prvky na stránke sú ceny, aby sme prevádzali iba skutočné ceny a nie telefónne čísla alebo ID objednávok.
Krok 3: Povoliť vloženie aplikácie
Povoľte aplikáciu v sekcii App Embeds vašej témy:
- Prejdite na Online Store → Témy → Prispôsobiť
- V ľavom paneli hľadajte 'App embeds'
- Nájdite 'Currency.Wiki App' a zapnite ju
- Kliknite na Uložiť v editore témy
Krok 4: Overte nastavenie
Kliknite na 'Skenovať môj obchod' pre overenie dokončenia nastavenia. Sprievodca skontroluje triedu cwiki a vloženie aplikácie. Ak je všetko v poriadku, môžete začať!
3 Štýly widgetu
Vyberte si zo 6 štýlov widgetu, ktoré sa hodia k dizajnu vášho obchodu. Každý štýl môžete prispôsobiť farbami vašej značky.
Minimalistické rozbaľovacie menu
Kompaktná integrácia do hlavičky s jednoduchým rozbaľovacím zoznamom. Najlepšie pre umiestnenie v pravom hornom rohu.
Plávajúce tlačidlo
Mobilne priateľské plávajúce tlačidlo s rozšíriteľným panelom. Skvelé pre mobilné obchody. Umiestnenie v rohoch.
Bočný panel
Panel na celú výšku s vyhľadávaním. Ideálne pre obchody s viacerými menami.
Vyskakovacie okno
Stredové prekrytie s mriežkou. Umožňuje sústredený výber meny.
Prepínač kariet
Horizontálne karty pre populárne meny. Rýchle prepínanie bez menu.
Rohová ikona
Minimalistická ikona v rohu, ktorá sa rozbalí po kliknutí. Najmenej rušivé pre čistý dizajn.
Tip: Použite stránku nastavení widgetu v administrácii aplikácie na náhľad všetkých štýlov s farbami vášho obchodu.
4 Admin panel
Admin panel vám dáva plnú kontrolu nad tým, ako prevod mien vo vašom obchode funguje.
Domovská stránka panelu
Zapnite/vypnite widget, zobrazte štatistiky prevodov a živý náhľad widgetu.
Nastavenia widgetu
Vyberte štýl widgetu, pozíciu, farby, veľkosť, zaoblenie rohov a zobrazenie vlajok.
Správa mien
Povoľte/zakážte meny, zmeňte ich poradie, nastavte správanie automatickej detekcie a preferencie kurzov.
Analytika
Zobrazte grafy prevodov, najpoužívanejšie meny a rozloženie vašich zahraničných zákazníkov.
Téma a vzhľad
Vyberte režim témy (auto, svetlý, tmavý, vlastný), nastavte farby, povoľte efekt glassmorphism a nastavte správanie tmavého režimu.
Správa pri pokladni
Povoľte správu na stránkach košíka/pokladne, ktorá informuje zákazníkov o mene platby.
5 Pokročilé nastavenia
Pokročilé nastavenia dávajú Pro používateľom väčšiu kontrolu nad formátovaním cien a správaním prevodu.
Formátovanie cien (Pro)
- Desatinné miesta - Nastavte, koľko desatinných miest sa má zobrazovať (0-6).
- Formát čísla - Vyberte štýl formátu (Auto, US, EU, Indický, Medzera•Bodka, Medzera•Čiarka).
- Pozícia symbolu - Umiestnite symbol meny pred alebo za sumu, alebo automaticky podľa meny.
- Zaokrúhľovanie - Štandardné, vždy nahor, vždy nadol alebo bez zaokrúhľovania. Možnosť zaokrúhliť na najbližšie .99.
Integrácia s témou (Pro)
Manuálne vložte widget alebo upozornenie na košík kdekoľvek do vašej témy pomocou týchto HTML útržkov:
Vloženie widgetu (pridajte do header.liquid alebo sekcie):
<div class="cwiki-widget"></div>
Vloženie upozornenia do košíka (pridajte do cart.liquid):
<div class="cwiki-banner"></div>
Možnosti pre vývojárov (Pro)
- Vlastné štýly - Vložte vlastné CSS pre úpravu vzhľadu widgetu.
- Click listenery - Opätovný prevod cien po kliknutí na špecifické prvky (napr. výber veľkosti, možnosti produktu).
- Extra prvky s cenou - Zacielte ďalšie prvky s cenou mimo predvoleného wrappera .cwiki.
- Vzory URL - Opätovne skenujte ceny, keď URL obsahuje špecifické reťazce (pre AJAX obsah, nekonečné scrollovanie).
- Oneskorenie prevodu - Počkajte pred prevodom cien (pre obsah, ktorý sa načíta po načítaní stránky).
Pozor: Tieto možnosti sú pre pokročilých používateľov. Testujte najskôr na náhľadovej téme.
6 Riešenie problémov
Ceny sa neprevádzajú?
Uistite sa, že trieda cwiki je v nastaveniach formátu meny. Prejdite do Nastavenia → Všeobecné → Predvolené nastavenia obchodu a skontrolujte HTML formátovanie. Overte tiež, že je povolené vloženie aplikácie v úpravách témy.
Widget sa nezobrazuje?
Skontrolujte, či je povolené vloženie aplikácie v sekcii App Embeds vašej témy. Otvorte úpravu témy, nájdite App Embeds a uistite sa, že Currency.Wiki je zapnutý. Uložte a obnovte obchod.
Ceny blikajú pri načítaní?
Naša aplikácia je navrhnutá pre načítanie bez blikania. Ak vidíte blikanie, skontrolujte, či nemáte cache pluginy, ktoré môžu zasahovať. Uistite sa tiež, že vloženie aplikácie sa načítava v hlavičke témy.
Detekuje sa nesprávna mena?
Geo-detektovanie je založené na IP adrese návštevníka. VPN alebo firemné siete môžu ovplyvniť detekciu. Návštevníci si môžu vždy manuálne vybrať preferovanú menu. V nastaveniach môžete nastaviť aj predvolenú záložnú menu.
Widget neladí s mojou témou?
Použite nastavenia Téma & Vzhľad na prispôsobenie farieb, alebo povoľte režim Auto pre automatickú detekciu farieb témy. Pre detailné úpravy použite vlastné CSS v Pokročilých nastaveniach.
Potrebujete pomoc?
Náš tím podpory je pripravený pomôcť s akýmikoľvek otázkami ohľadom nastavenia alebo konfigurácie.
