Úprava kódu motivu

Kód motivu můžete upravovat za účelem podrobného doladění svého online obchodu. Většina souborů tvořících motiv, obsahuje Liquid, což je jazyk Shopify pro vytváření šablon. Soubory motivů dále obsahují HTML, CSS a JavaScript. Kód daného motivu upravujte pouze v případě, že se vyznáte v HTML a CSS a umíte základy jazyka Liquid.

Než upravíš svůj motiv

Než upravíte svůj motiv, je dobré provést následující úkony:

• Duplikujte svůj motiv a vytvořte si tak jeho záložní kopii. Díky tomu bude snadné změny zahodit a v případě potřeby začít znovu.
• Přesvědčte se, že víte, jaká úroveň podpory je k dispozici.
• Projděte si požadavky a osvědčené postupy pro nahrávání obrázků.

Upravte svůj kód motivu

Máte možnost úprav kódu svého motivu.

Kroky:

desktopové

1. Ve správci Shopify přejděte do sekce Online obchod > Motivy.

iPhone

1. V aplikaci Shopify klepni na Obchod.
2. V sekci Prodejní kanály klepněte na Online obchod.
3. Klepněte na Spravovat motivy.

Android

1. V aplikaci Shopify klepni na Obchod.
2. V sekci Prodejní kanály klepněte na Online obchod.
3. Klepněte na Spravovat motivy.

1. Klikněte na Akce > Upravit kód.

V editoru kódu motivu se po levé straně zobrazuje seznam souborů motivu a po pravé straně je místo pro náhled a úpravu souborů.

Editor kódu můžete kliknutím na ikonu maximalizace rozšířit a vyplnit s ním celou obrazovku:

Kliknutím na ikonu minimalizace obnovíš standardní režim stránky:

Po kliknutí na soubor v seznamu po levé straně se otevře editor kódu. Otevřít a upravovat můžete hned několik souborů najednou. U upravovaných souborů se vedle názvu souboru zobrazí fialová tečka.

Ta vám pomůže sledovat místa provedených změn.

Když budete chtít vrátit změny provedené v daném souboru po kliknutí na tlačítko Uložit, můžete si daný soubor otevřít a kliknout na možnost Starší verze. V rozevírací nabídce se zobrazí datum a čas jednotlivých provedených uložení. Vyberte si verzi, ke které se chcete vrátit, a klikněte na Uložit.

Při rozšíření editoru kódu na celou obrazovku si můžete přepínat barevné schéma mezi světlým a tmavým kliknutím na tlačítka ve spodní části stránky:

Podrobnosti o výhodách používání tmavého editoru naleznete v článku Síla temné strany: temná uživatelská rozhraní na blogu partnerů Shopify.

Výuka pro úpravu kódu motivu

Když se budete chtít naučit provádět změny ve svém online obchodu, můžete použít výuku pro úpravu kódu motivu. Výuka je uspořádaná podle typů stránky nebo funkcí, které chcete upravit.

Získej nápovědu k úpravám

Pokud budete potřebovat pomoct s prováděním změn motivu, můžete kontaktovat vývojáře motivu s žádostí o podporu.

Pokud se chcete podívat, jaké další zdroje vám mohou pomoci s úpravami motivu, nahlédněte do dalších zdrojů pro podporu motivu.