Dokumentace Shopify aplikace
Vše, co potřebujete pro nastavení a přizpůsobení převodu měn ve vašem Shopify obchodě
Obsah
1 Instalace
Instalace z Shopify App Store
- Navštivte stránku aplikace Currency.Wiki v Shopify App Store
- Klikněte na 'Přidat aplikaci' a autorizujte instalaci
- Aplikace se otevře a provede vás průvodcem nastavením
- Dokončete průvodce nastavením a začněte převádět ceny
Tip: Průvodce nastavením trvá asi 2 minuty a provede vás všemi kroky.
2 Průvodce nastavením
Průvodce nastavením vám pomůže správně nakonfigurovat aplikaci. Provede vás úpravou formátu měny a povolením vložení aplikace.
Krok 1: Vítejte
Seznamte se s postupem nastavení a klikněte na 'Začít'.
Krok 2: Aktualizace formátu měny
Přejděte do Shopify Admin → Nastavení → Obecné → Výchozí nastavení obchodu. Najděte svou měnu a klikněte na tři tečky → 'Změnit formát měny'. Aktualizujte HTML pole s naší třídou:
HTML s měnou:
<span class="cwiki">${{amount}} USD</span>
HTML bez měny:
<span class="cwiki">${{amount}}</span>
Důležité: Třída cwiki je zásadní. Říká naší aplikaci, které prvky na stránce jsou ceny, takže převádíme pouze skutečné ceny a ne telefonní čísla nebo ID objednávek.
Krok 3: Povolení vložení aplikace
Povolte aplikaci v sekci vložení aplikací vašeho motivu:
- Přejděte do Online Store → Motivy → Přizpůsobit
- V levém panelu hledejte 'App embeds'
- Najděte 'Currency.Wiki App' a přepněte na ZAPNUTO
- Klikněte na Uložit v editoru motivu
Krok 4: Ověření nastavení
Klikněte na 'Skenovat můj obchod' pro ověření nastavení. Průvodce zkontroluje třídu cwiki a vložení aplikace. Pokud je vše v pořádku, můžete začít!
3 Styly widgetu
Vyberte si z 6 stylů widgetu, které ladí s designem vašeho obchodu. Každý styl lze přizpůsobit barvám vaší značky.
Minimalistická rozbalovací nabídka
Kompaktní integrace do hlavičky s jednoduchým rozbalovacím seznamem. Nejlepší pro pravý horní roh.
Plovoucí tlačítko
Mobilně přívětivé plovoucí tlačítko s rozšiřitelným panelem. Skvělé pro mobilní obchody. Umístění v rozích.
Postranní panel
Panel na celou výšku s vyhledáváním. Ideální pro obchody s mnoha měnami.
Vyskakovací okno
Středové překrytí s mřížkovým rozložením. Výběr měny je zde v centru pozornosti.
Přepínač záložek
Horizontální záložky pro populární měny. Rychlé přepínání bez menu.
Rohová ikona
Minimalistická ikona v rohu, která se rozbalí po kliknutí. Nejnenápadnější pro čistý design.
Tip: Použijte stránku nastavení widgetu v administraci aplikace pro náhled všech stylů s barvami vašeho obchodu.
4 Administrátorský panel
Administrátorský panel vám dává plnou kontrolu nad tím, jak převod měn ve vašem obchodě funguje.
Domů panelu
Přepínejte widget zapnuto/vypnuto, sledujte statistiky převodů a zobrazte živý náhled widgetu.
Nastavení widgetu
Vyberte styl widgetu, pozici, barvy, velikost, zaoblení rohů a zobrazení vlajek.
Správa měn
Povolte/zakážete měny, změňte pořadí, nastavte chování auto-detekce a preferované kurzy.
Analytika
Zobrazte grafy převodů, nejpoužívanější měny a rozložení vaší mezinárodní klientely.
Motiv a vzhled
Vyberte režim motivu (auto, světlý, tmavý, vlastní), nastavte barvy, povolte efekt skla a nastavte chování tmavého režimu.
Zpráva u pokladny
Povolte zprávu na stránkách košíku/pokladny, která informuje zákazníky o měně platby.
5 Pokročilá nastavení
Pokročilá nastavení dávají uživatelům Pro větší kontrolu nad formátováním cen a chováním převodu.
Formátování cen (Pro)
- Desetinná místa - Nastavte, kolik desetinných míst zobrazit (0–6).
- Formát čísla - Vyberte styl formátu (Auto, US, EU, Indický, Mezerník•Tečka, Mezerník•Čárka).
- Pozice symbolu - Umístěte symbol měny před nebo za částku, nebo automaticky podle měny.
- Zaokrouhlování - Standardní, vždy nahoru, vždy dolů nebo bez zaokrouhlování. Možnost zaokrouhlit na nejbližší .99.
Integrace s motivem (Pro)
Vložte widget nebo upozornění na košík kamkoliv do motivu pomocí těchto HTML úryvků:
Vložení widgetu (přidejte do header.liquid nebo jakékoliv sekce):
<div class="cwiki-widget"></div>
Vložení upozornění do košíku (přidejte do cart.liquid):
<div class="cwiki-banner"></div>
Možnosti pro vývojáře (Pro)
- Přepsání stylů - Vložte vlastní CSS pro úpravu vzhledu widgetu.
- Click posluchače - Znovu převádějte ceny při kliknutí na určité prvky (např. výběr velikosti, volby produktu).
- Další prvky s cenou - Zaměřte se na další prvky s cenou mimo výchozí .cwiki obal.
- Vzory URL - Znovu prohledejte ceny, když URL obsahuje určité řetězce (pro AJAX obsah, nekonečné scrollování).
- Zpoždění převodu - Počkejte před převodem cen (pro obsah, který se načítá po načtení stránky).
Pozor: Tyto možnosti jsou určeny pro pokročilé uživatele. Testujte na náhledu motivu před zveřejněním.
6 Řešení problémů
Ceny se nepřevádějí?
Ujistěte se, že je třída cwiki ve vašem nastavení formátu měny. Jděte do Nastavení → Obecné → Výchozí nastavení obchodu a zkontrolujte HTML formátování. Také ověřte, že je povoleno vložení aplikace v úpravě motivu.
Widget se nezobrazuje?
Zkontrolujte, že je povoleno vložení aplikace v sekci App Embeds vašeho motivu. Otevřete úpravu motivu, najděte App Embeds a ujistěte se, že je Currency.Wiki zapnuto. Uložte a obnovte obchod.
Ceny při načítání blikají?
Naše aplikace je navržena pro nulové blikání. Pokud blikání vidíte, zkontrolujte, zda nemáte cache pluginy, které mohou zasahovat. Také ověřte, že je vložení aplikace načítáno v hlavičce motivu.
Detekuje se špatná měna?
Geo-detekce je založena na IP adrese návštěvníka. VPN nebo firemní sítě mohou ovlivnit detekci. Návštěvníci si vždy mohou ručně vybrat preferovanou měnu. V nastavení můžete také nastavit výchozí záložní měnu.
Widget neladí s mým motivem?
Použijte nastavení Motiv a vzhled pro úpravu barev, nebo povolte režim Auto pro automatickou detekci barev motivu. Pro detailní úpravy použijte vlastní CSS v Pokročilých nastaveních.
Potřebujete pomoc?
Náš tým podpory je připraven pomoci s jakýmikoli dotazy ohledně nastavení nebo konfigurace.
