Pomocník
Prihlásiť sa

Prispôsobenie nastavení témy

V sekcii Nastavenia témy v bočnej ponuke editora tém si môžete prispôsobiť celkové nastavenia pre svoj online obchod, ako napríklad typografiu, farby, odkazy na sociálne médiá a stránku košíka. Zmeny vykonané v sekcii Nastavenia témy sa vzťahujú na celý váš online obchod.

Sekcie a bloky majú aj jednotlivé nastavenia, ktorých úpravou môžete prispôsobiť jednotlivé sekcie svojej témy. Ďalšie informácie o sekciách a blokoch.

Na tejto stránke

Do svojho online obchodu môžete pridať logo svojej firmy. Vaše logo sa zobrazí na nasledujúcich miestach:

  • v hlavičke na všetkých stránkach
  • na stránke s heslom

Prispôsobenie loga

Obrázky loga majú maximálnu šírku 300 px.

Kroky:

Pracovná plocha

  1. Vo svojom administrátorovi Shopify prejdite na Online obchod > Témy.

  2. Nájdite tému, ktorú chcete upraviť, a kliknite na Upraviť tému.

  3. Kliknite na ikonu Nastavenia témy settings.

  4. Kliknite na Logo.

  5. V časti Logo pridajte svoj obrázok alebo použite bezplatný obrázok:

    • Ak chcete pridať svoj obrázok, kliknite na Vybrať obrázoka potom pridajte nový alebo existujúci obrázok:
      • Ak chcete použiť obrázok, ktorý ste už nahrali do svojho administrátora Shopify, vyberte ho a kliknite na Hotovo.
      • Ak chcete použiť obrázok zo svojho lokálneho počítača, kliknite na Pridať obrázky. Vyberte a pridajte obrázok a potom kliknite na Hotovo.
    • Ak chcete použiť bezplatný obrázok, kliknite na Preskúmať bezplatné obrázky. Nájdite obrázok, kliknutím ho vyberte a potom kliknite na Vybrať.

  6. Voliteľné: Pridajte k obrázku loga alt text:

    1. V časti Logo kliknite na Upraviť.
    2. Do poľa Alt text zadajte stručný popis obrázka.
    3. Kliknite na Uložiť.

  7. Voliteľné: V časti Šírka loga pre pracovnú plochu použite posúvač na úpravu šírky loga v pixeloch.

  8. Kliknite na Uložiť.

Mobil

  1. V aplikácii Shopify ťuknite na ikonu Menu.

  2. V časti Predajné kanály ťuknite na Online obchod.

  3. Ťuknite na Spravovať všetky témy.

  4. Nájdite tému, ktorú chcete upraviť, a ťuknite na Upraviť tému.

  5. Ťuknite na … alebo ⋮ a potom ťuknite na Nastavenia témy.

  6. Ťuknite na Logo.

  7. V časti Logo pridajte svoj obrázok alebo použite bezplatný obrázok:

    • Ak chcete pridať svoj obrázok, ťuknite na Vybrať obrázoka potom pridajte nový alebo existujúci obrázok:
      • Ak chcete použiť obrázok, ktorý ste už nahrali do svojho administrátora Shopify, vyberte ho a ťuknite na Hotovo.
      • Ak chcete použiť obrázok z lokálneho zariadenia, ťuknite na Pridať obrázky. Vyberte a pridajte obrázok z lokálneho zariadenia, ťuknutím ho vyberte a potom ťuknite na Hotovo.
    • Ak chcete použiť bezplatný obrázok, ťuknite na Preskúmať bezplatné obrázky. Nájdite obrázok, ťuknutím ho vyberte a potom ťuknite na Hotovo.

  8. Voliteľné: Pridajte k obrázku loga alt text:

    1. V časti Logo ťuknite na Upraviť.
    2. Do poľa Alt text zadajte stručný popis obrázka.
    3. Ťuknite na Uložiť alebo na ✓.

  9. Voliteľné: V časti Šírka loga pre pracovnú plochu použite posúvač na úpravu šírky loga v pixeloch.

  10. Ťuknite na Uložiť alebo na ✓.

Pridanie ikony stránky

Môžete pridať ikonu obľúbených položiek, čiže ikonu stránky (favicon), ktorá pomôže s brandingom vášho online obchodu. Ikona stránky sa zobrazuje na nasledujúcich miestach:

  • na karte webového prehliadača
  • v histórii webového prehliadača
  • medzi ikonami na pracovnej ploche
  • vedľa názvu online obchodu, keď je vaše webové sídlo uložené v záložkách

Ďalšie informácie o ikonách stránky.

Kroky:

Pracovná plocha

  1. Vo svojom administrátorovi Shopify prejdite na Online obchod > Témy.

  2. Nájdite tému, pre ktorú chcete pridať ikonu stránky, a kliknite na Upraviť tému.

  3. Kliknite na ikonu Nastavenia témy settings.

  4. V závislosti od verzie vašej témy kliknite na Logo alebo Ikona stránky.

  5. V časti Obrázok ikony stránky kliknite na Vybrať obrázok a potom pridajte nový alebo existujúci obrázok:

    • Ak chcete vybrať obrázok, ktorý ste už nahrali do svojho administrátora Shopify, môžete ho vyhľadať alebo nájsť a potom ho vybrať pomocou zaškrtávacieho políčka.
    • Ak chcete vybrať obrázok zo svojho lokálneho počítača, kliknite na Pridať obrázky, otvorte obrázok z lokálneho počítača a potom ho vyberte pomocou zaškrtávacieho políčka.

  6. Kliknite na Hotovo.

  7. Voliteľné: Pridajte k obrázku ikony stránky alt text:

    1. V časti Obrázok ikony stránky kliknite na Upraviť.
    2. Do poľa Alt text zadajte stručný popis obrázka.
    3. Kliknite na Uložiť.

  8. Kliknite na Uložiť.

Mobil

  1. V aplikácii Shopify ťuknite na ikonu Menu.

  2. V časti Predajné kanály ťuknite na Online obchod.

  3. Ťuknite na Spravovať všetky témy.

  4. Nájdite tému, pre ktorú chcete pridať ikonu stránky, a ťuknite na Upraviť tému.

  5. Ťuknite na … alebo ⋮ a potom ťuknite na Nastavenia témy.

  6. V závislosti od verzie témy ťuknite na Logo alebo Ikona stránky.

  7. V sekcii Obrázok ikony stránky ťuknite na Vybrať obrázok a potom pridajte nový alebo existujúci obrázok:

    • Ak chcete vybrať obrázok, ktorý ste už nahrali do svojho administrátora Shopify, môžete ho vyhľadať alebo nájsť a potom ho vybrať pomocou zaškrtávacieho políčka.
    • Ak chcete vybrať obrázok z lokálneho zariadenia, ťuknite na Pridať obrázky, otvorte obrázok z lokálneho zariadenia a potom ho označte zaškrtávacím políčkom.

  8. Ťuknite na Hotovo.

  9. Pridajte alt text k obrázku ikony stránky:

    1. V sekcii Obrázok ikony stránky ťuknite na Upraviť.
    2. Do poľa Alt text zadajte stručný popis obrázka.
    3. Ťuknite na Uložiť alebo na ✓.

  10. Ťuknite na Uložiť alebo na ✓.

Farby

V nastaveniach témy môžete definovať rôzne farebné schémy a aplikovať ich na rôzne sekcie v celom online obchode pomocou výberu farebnej schémy. Farebná schéma je súbor farieb. Vaša téma má použité predvolené farebné schémy, ktoré môžete kedykoľvek zmeniť v editore tém. Môžete pridať farby svojej značky a zabezpečiť tak súdržné použitie palety farieb v celom online obchode.

Šablóny nemajú samostatné nastavenia farieb, aby bol dizajn vášho online obchodu konzistentný na celom webovom sídle. Šablóna sa považuje za hlavnú stránku alebo hlavný obsah obchodu. Rôzne farebné schémy v rámci obchodu môžu viesť k zlej používateľskej skúsenosti a spôsobiť, že zákazníci opustia váš obchod bez nákupu produktov.

Môžete vytvoriť a prispôsobiť až 21 jedinečných farebných schém a aplikovať ich na rôzne sekcie v celom online obchode.

Farebné schémy

Farebné schémy predstavujú nastavenie témy, ktoré vizuálne reprezentatívnym spôsobom zoskupuje prvky a ich príslušné farby. Rôznym prvkom môžete priradiť rôzne farby v rámci súdržnej farebnej schémy, ktorú je možné použiť v celej téme všade tam, kde je k dispozícii výber farebnej schémy. Môžete mať až 21 farebných schém. Zobrazenie farieb si môžete pozrieť aj v náhľade schémy.

Zoznam rôznych nastavení, ktoré môžete použiť pre farebné schémy v editore tém.
NastaveniePopis
PozadieFarba sa použije na pozadie niektorých sekcií a na pozadie tlačidla s obrysom.
Prechod pozadiaFarebný prechod sa použije na pozadie niektorých sekcií. Prechody pozadia nahradia pozadie všade tam, kde je to možné.
TextFarba sa použije na text sekcie alebo bloku.
Pozadie plného tlačidlaFarba sa použije na pozadie primárneho tlačidla.
Štítok plného tlačidlaFarba sa použije na text primárneho tlačidla.
Tlačidlo s obrysomFarba sa použije na text a orámovanie sekundárneho tlačidla.
TieňFarba sa použije na tiene.

Správa farebnej schémy

Farebná schéma a možnosti farieb vášho obchodu sa nastavujú v nastaveniach témy. V prípade plných farieb vyberte novú farbu pomocou palety farieb alebo zadajte hodnotu farby do textového poľa. Pole farby akceptuje nasledujúce názvy a hodnoty farieb:

  • Názvy farieb, ako napríklad red, black alebo blue.
  • Kódy farieb RGB.
  • Hexadecimálne hodnoty farieb.

Kroky:

  1. Vo svojom administrátorovi Shopify prejdite na Online obchod > Témy.

  2. Kliknite na Upraviť tému vedľa témy, ktorú chcete prispôsobiť.

  3. Kliknite na ikonu nastavenia a potom na Farby.

  4. V sekcii Schémy kliknite na existujúcu schému alebo kliknutím na položku Pridať schému pridajte novú farebnú schému.

  5. Kliknite na vzorku farby pre farbu typu obsahu, ktorú chcete zmeniť.

  6. Ak chcete nastaviť farbu, zadajte hexadecimálny kód farby alebo vyberte farbu z palety farieb. Ak chcete nastaviť farbu na priehľadnú, odstráňte hexadecimálny kód z textového poľa.

  7. Kliknite na Uložiť.

Použitie farebnej schémy

Po definovaní farebnej schémy v nastaveniach témy môžete priradiť farebnú schému pomocou výberu farebnej schémy v sekciách a blokoch témy. Výber farebnej schémy je k dispozícii iba v určitých sekciách, blokoch a všeobecných nastaveniach témy.

Výber farebnej schémy

Prechody

V niektorých témach môžete nastaviť farebný prechod, čím získate vizuálne zaujímavé možnosti pozadia. Nastavenie color_background sa používa na prispôsobenie vlastnosti pozadia v CSS.

Výber prechodu umožňuje zvoliť farby, štýl prechodu, uhol, pozíciu a nepriehľadnosť prechodu. Možnosti zvolené vo výbere prechodu sa zobrazujú v reálnom čase v náhľade v editore tém. Pozadie s prechodom môžete vytvoriť aj pomocou kódu CSS, ktorý obsahuje nástroj na kontrolu platnosti.

Nastavenie prechodov

  1. Vo svojom administrátorovi Shopify prejdite na Online obchod > Témy.

  2. Kliknite na Upraviť tému vedľa témy, ktorú chcete prispôsobiť.

  3. Kliknite na ikonu nastavenia a potom na Farby.

  4. V sekcii Schémy kliknite na existujúcu schému, ktorú chcete upraviť.

  5. Kliknite na možnosť vzorky farby prechodu, napríklad na Prechod pozadia.

  6. Ak ste doteraz nenastavovali žiadny prechod, zobrazia sa vám na výber niektoré predvolené možnosti. Výberom ľubovoľného predvoleného prechodu otvorte panel s možnosťami.

  7. Vyberte možnosti prechodu:

  • Vyberte si medzi lineárnym a radiálnym prechodom. Pomocou tlačidiel vyberte preferovaný štýl prechodu.
  • Nastavte uhol prechodu pomocou šípok nahor a nadol. Kliknutím na šípku nahor alebo nadol zvýšite alebo znížite percento uhla o 5.
  • Pomocou posúvača vyberte Pozíciu prechodu alebo zadajte do poľa číselnú hodnotu.
  • Zadajte konkrétny hexadecimálny kód farby alebo pomocou posúvača farieb vyberte odtieň. Naposledy vybraté farby sa zobrazujú v spodnej časti panela s možnosťami prechodu.
  • Ak chcete, aby bol prechod nepriehľadný, pomocou posúvača na pravej strane vyberte priehľadnosť prechodu. Do poľa vedľa hexadecimálneho kódu farby môžete zadať aj percentuálnu hodnotu.
  1. Kliknite na Uložiť.

Výber prechodu v editore tém

Nastavenie prechodov pomocou CSS

Väčšina hodnôt vlastnosti background v rámci CSS sa dá použiť na nastavenie farby pozadia. Toto pole môžete použiť na plné farby (napríklad #000000, black, rgb(0,0,0,0), rgba(0,0,0,0), hsl(0, 0%, 0%) a hsla(0, 0%, 0%, 1), ktoré všetky vytvárajú jednoliate čierne pozadie) alebo na prechody (napríklad linear-gradient(red, green), radial-gradient(red, green) alebo conic-gradient(red, green)). Prechody možno aj opakovať.

Kroky:

  1. Vo svojom administrátorovi Shopify prejdite na Online obchod > Témy.

  2. Kliknite na Upraviť tému vedľa témy, ktorú chcete prispôsobiť.

  3. Kliknite na ikonu nastavenia a potom na Farby.

  4. V sekcii Schémy kliknite na existujúcu schému, ktorú chcete upraviť.

  5. Kliknite na prechod, ktorý chcete upraviť.

  6. Kliknite na šípku vedľa položky Prechod a potom vyberte možnosť CSS.

  7. Do poľa Kód CSS zadajte alebo prilepte kód svojho prechodu. V ukážke editora tém sa prechod zobrazí na príslušnom mieste.

  8. Kliknite na Uložiť.

Pole pre kód CSS prechodu v editore tém

Odstránenie prechodu

  1. Vo svojom administrátorovi Shopify prejdite na Online obchod > Témy.

  2. Kliknite na Upraviť tému vedľa témy, ktorú chcete prispôsobiť.

  3. Kliknite na ikonu nastavenia a potom na Farby.

  4. V sekcii Schémy kliknite na existujúcu schému, ktorú chcete upraviť.

  5. Kliknite na prechod, ktorý chcete odstrániť.

  6. Kliknite na Odstrániť prechod.

  7. Kliknite na Uložiť.

Typografia

Môžete nastaviť štýl a veľkosť písma pre text vo svojom online obchode. Môžete si vybrať systémové písmo alebo pridať vlastné písmo. Písma dostupné vo vašej téme závisia od vývojára vašej témy. Všetky bezplatné témy Shopify používajú písma z knižnice písiem Shopify.

Zvážte použitie systémových písiem vo svojom obchode, pretože systémové písma sú už nainštalované v počítači používateľa. Použitím systémových písiem sa vyhnete sťahovaniu nových písiem do počítača zákazníka, čo môže negatívne ovplyvniť rýchlosť načítania vášho obchodu. Písmo, ktoré sa zobrazí v počítači zákazníka, závisí od jeho operačného systému.

Prispôsobenie typov písma

Zoznam dostupných písiem nájdete v knižnici písiem Shopify.

Kroky:

Pracovná plocha

  1. Vo svojom administrátorovi Shopify prejdite na Online obchod > Témy.

  2. Nájdite tému, ktorú chcete upraviť, a kliknite na Upraviť tému.

  3. Kliknite na ikonu Nastavenia témy settings.

  4. Kliknite na položku Typografia.

  5. Ak chcete zmeniť typ písma nadpisov alebo hlavného textu v obchode, kliknite na Zmeniť v sekcii Nadpisy alebo Hlavný text.

  6. Kliknite na názov písma, ktoré chcete použiť, a potom kliknite na Vybrať.

  7. Kliknite na Uložiť.

Mobil

  1. V aplikácii Shopify ťuknite na ikonu Menu.

  2. V časti Predajné kanály ťuknite na Online obchod.

  3. Ťuknite na Spravovať všetky témy.

  4. Nájdite tému, ktorú chcete upraviť, a ťuknite na Upraviť tému.

  5. Ťuknite na … alebo ⋮ a potom ťuknite na Nastavenia témy.

  6. Ťuknite na položku Typografia.

  7. Ak chcete zmeniť typ písma nadpisov alebo hlavného textu v obchode, ťuknite na Zmeniť v sekcii Nadpisy alebo Hlavný text.

  8. Ťuknite na názov písma, ktoré chcete použiť, a potom ťuknite na Hotovo.

  9. Ťuknite na Uložiť alebo na ✓.

Prispôsobenie veľkostí písma

Predvolené veľkosti písma pre nadpisy a hlavný text môžete nastaviť pomocou nastavenia témy Typografia.

Minimálna veľkosť písma je 100 % a maximálna veľkosť písma je 150 %. Každý krok na stupnici zväčší veľkosť písma o 5 %. Predvolené nastavenie je 100 %.

Kroky:

Pracovná plocha

  1. Vo svojom administrátorovi Shopify prejdite na Online obchod > Témy.

  2. Nájdite tému, ktorú chcete upraviť, a kliknite na Upraviť tému.

  3. Kliknite na ikonu Nastavenia témy settings.

  4. Kliknite na položku Typografia.

  5. Ak chcete zmeniť predvolenú veľkosť písma pre Nadpisy, pomocou posúvača Mierka veľkosti písma vyberte predvolenú veľkosť písma.

  6. Ak chcete zmeniť predvolenú veľkosť písma pre Hlavný text, pomocou posúvača Mierka veľkosti písma vyberte predvolenú veľkosť písma.

  7. Kliknite na Uložiť.

Mobil

  1. V aplikácii Shopify ťuknite na ikonu Menu.

  2. V časti Predajné kanály ťuknite na Online obchod.

  3. Ťuknite na Spravovať všetky témy.

  4. Nájdite tému, ktorú chcete upraviť, a ťuknite na Upraviť tému.

  5. Ťuknite na … alebo ⋮ a potom ťuknite na Nastavenia témy.

  6. Ťuknite na položku Typografia.

  7. Ak chcete zmeniť predvolenú veľkosť písma pre Nadpisy, pomocou posúvača Mierka veľkosti písma vyberte predvolenú veľkosť písma.

  8. Ak chcete zmeniť predvolenú veľkosť písma pre Hlavný text, pomocou posúvača Mierka veľkosti písma vyberte predvolenú veľkosť písma.

  9. Ťuknite na Uložiť alebo na ✓.

Rozloženie

Môžete nastaviť maximálnu šírku zobrazenia vášho online obchodu a vertikálny a horizontálny priestor medzi sekciami.

Kroky:

Pracovná plocha

  1. Vo svojom administrátorovi Shopify prejdite na Online obchod > Témy.

  2. Nájdite tému, ktorú chcete upraviť, a kliknite na Upraviť tému.

  3. Kliknite na ikonu Nastavenia témy settings.

  4. Kliknite na položku Rozloženie.

  5. Pomocou posúvača Šírka stránky vyberte šírku stránky od 1 000 px do 1 600 px. Predvolené nastavenie je 1 600 px.

  6. Voliteľné: Pomocou posúvača pridajte na stránky vertikálny Priestor medzi sekciami šablóny. Medzi sekcie môžete pridať maximálne 100 px.

  7. Voliteľné: Ak máte rozloženie typu Mriežka, pomocou posúvačov Horizontálny priestor a Vertikálny priestor pridajte na stránkach medzeru medzi obsahom mriežky. Pridaním horizontálneho priestoru sa k riadkom obsahu na stránkach pridá maximálne 40 px priestoru, zatiaľ čo pridaním vertikálneho priestoru sa pridá maximálne 40 px priestoru k stĺpcom obsahu na stránkach.

  8. Kliknite na Uložiť.

Mobil

  1. V aplikácii Shopify ťuknite na ikonu Menu.

  2. V časti Predajné kanály ťuknite na Online obchod.

  3. Ťuknite na Spravovať všetky témy.

  4. Nájdite tému, ktorú chcete upraviť, a ťuknite na Upraviť tému.

  5. Ťuknite na … alebo ⋮ a potom ťuknite na Nastavenia témy.

  6. Ťuknite na položku Rozloženie.

  7. Pomocou posúvača Šírka stránky vyberte šírku stránky od 1 000 px do 1 600 px. Predvolené nastavenie je 1 600 px.

  8. Voliteľné: Pomocou posúvača pridajte na stránky vertikálny Priestor medzi sekciami šablóny. Medzi sekcie môžete pridať maximálne 100 px.

  9. Voliteľné: Ak máte rozloženie typu Mriežka, pomocou posúvačov Horizontálny priestor a Vertikálny priestor pridajte na stránkach medzeru medzi obsahom mriežky. Pridaním horizontálneho priestoru sa k riadkom obsahu na stránkach pridá maximálne 40 px priestoru, zatiaľ čo pridaním vertikálneho priestoru sa pridá maximálne 40 px priestoru k stĺpcom obsahu na stránkach.

  10. Ťuknite na Uložiť alebo na ✓.

Animácie

Animácie umožňujú pridať do vášho online obchodu pohyb a vizuálne ho oživiť. Môžete aktivovať animáciu postupného zobrazenia, ktorá odhalí sekcie obchodu pri rolovaní, a efekt pri prejdení myšou pre karty a tlačidlá.

Kroky:

Pracovná plocha

  1. Vo svojom administrátorovi Shopify prejdite na Online obchod > Témy.

  2. Nájdite tému, ktorú chcete upraviť, a kliknite na Upraviť tému.

  3. Kliknite na ikonu Nastavenia témy settings.

  4. Kliknite na položku Animácie.

  5. Voliteľné: Ak chcete aktivovať animáciu, ktorá odhalí sekcie vášho online obchodu pri rolovaní, vyberte možnosť Odhaľovať sekcie pri rolovaní.

  6. Voliteľné: Ak chcete na karty a tlačidlá pridať animáciu pri prejdení myšou, zvoľte jednu z nasledujúcich možností v nastavení Efekt pri prejdení myšou:

    • Vertikálne zdvihnutie: Keď zákazník prejde myšou na kartu alebo tlačidlo, prvok sa posunie nahor.
    • 3D zdvihnutie: Keď zákazník prejde myšou na kartu alebo tlačidlo, prvok sa posunie vpred a získa 3D efekt. Zároveň ho prekrýva jemný odlesk, ktorý sa cez neho presúva, čo mu dodáva ďalší rozmer.

  7. Kliknite na Uložiť.

Mobil

  1. V aplikácii Shopify ťuknite na ikonu Menu.

  2. V časti Predajné kanály ťuknite na Online obchod.

  3. Ťuknite na Spravovať všetky témy.

  4. Nájdite tému, ktorú chcete upraviť, a ťuknite na Upraviť tému.

  5. Ťuknite na … alebo ⋮ a potom ťuknite na Nastavenia témy.

  6. Ťuknite na položku Animácie.

  7. Voliteľné: Ak chcete aktivovať animáciu, ktorá odhalí sekcie vášho online obchodu pri rolovaní, vyberte možnosť Odhaľovať sekcie pri rolovaní.

  8. Voliteľné: Ak chcete na karty a tlačidlá pridať animáciu pri prejdení myšou, zvoľte jednu z nasledujúcich možností v nastavení Efekt pri prejdení myšou:

    • Vertikálne zdvihnutie: Keď zákazník prejde myšou na kartu alebo tlačidlo, prvok sa posunie nahor.
    • 3D zdvihnutie: Keď zákazník prejde myšou na kartu alebo tlačidlo, prvok sa posunie vpred a získa 3D efekt. Zároveň ho prekrýva jemný odlesk, ktorý sa cez neho presúva, čo mu dodáva ďalší rozmer.

  9. Ťuknite na Uložiť alebo na ✓.

Nastavenia prispôsobenia vizuálnych prvkov

Na stránke Nastavenia témy môžete upraviť vzhľad prvkov vašej témy, ako sú tlačidlá, produktové karty a varianty. Každá možnosť obsahuje príslušné nastavenia pre daný prvok.

Môžete upraviť nastavenia nasledujúcich prvkov vašej témy:

  • Tlačidlá: Tlačidlá zahŕňajú tlačidlá s výzvou k akcii v sekciách, ako sú prezentácia alebo obrázok s textom, a tiež tlačidlá v kontaktnom formulári, na stránkach produktov a na stránkach košíka.
  • Tlačidlá variantov: Tlačidlá variantov umožňujú zobraziť varianty produktu na stránke produktu alebo v sekcii odporúčaných produktov. Zákazníci si môžu vybrať požadovaný variant a pridať produkt do košíka bez toho, aby museli prechádzať na iné stránky produktov. Zobrazenie tlačidiel variantov vo vašom online obchode môžete prispôsobiť.
  • Vstupy: Vstupy sú interaktívne oblasti, ktoré vyžadujú od zákazníka zadanie údajov, napríklad výber množstva, formulár na registráciu e‑mailom alebo poznámky ku košíku. Vzhľad vstupov vo svojom online obchode môžete upraviť.
  • Nastavenia pre karty produktov, karty kolekcií a karty blogu vám umožňujú prispôsobiť štýl jednotlivých typov kariet pri ich zobrazení v sekciách stránky.
    • Karty produktov: Karty produktov zobrazujú informácie o vašich produktoch v oblastiach témy so zoznamom viacerých produktov, napríklad v šablónach a sekciách kolekcií alebo vo výsledkoch vyhľadávania.
    • Karty kolekcií: Karty kolekcií zobrazujú informácie o vašich kolekciách v oblastiach témy so zoznamom kolekcií, napríklad v šablóne alebo sekcii zoznamu kolekcií.
    • Karty blogu: Karty blogu zobrazujú informácie o vašich blogových príspevkoch v oblastiach témy so zoznamom viacerých produktov, napríklad v šablónach a sekciách blogu alebo vo výsledkoch vyhľadávania.
  • Kontajnery obsahu: Kontajnery sa používajú pre textové prvky sekcií obsahu, napríklad pre textové pole v prezentácii, na banneri s obrázkom alebo v stĺpcoch viacstĺpcových sekcií. Vzhľad kontajnerov obsahu pre svoj online obchod si môžete prispôsobiť.
  • Médiá: Médiá sú vizuálnym komponentom sekcií, napríklad médiá produktu alebo obrázok v sekcii Obrázok s textom. K médiám môžete pridať okraje a tiene.
  • Rozbaľovacie ponuky a vyskakovacie okná: Vo svojom online obchode môžete upraviť vzhľad rozbaľovacích ponúk, modálnych vyskakovacích okien a vyskakovacích okien košíka.
  • Vysúvacie panely: Vysúvacie panely sú skryté interaktívne kontajnery, ktoré sa zobrazia po ťuknutí alebo kliknutí, ako napríklad zbaľovacie ponuky alebo možnosti filtra kolekcie. Vo svojom online obchode si môžete prispôsobiť okraje a tiene vysúvacích panelov.
  • Odznaky: K obrázkom produktov sa automaticky pridávajú odznaky Výpredaj a Vypredané, keď znížite cenu alebo keď stav zásob klesne na 0. Pozíciu, tvar a farbu odznakov Výpredaj a Vypredané môžete individuálne upraviť v nastaveniach témy. Odznaky Stránka a Blog sa zobrazujú v príslušných výsledkoch vyhľadávania. Môžete prispôsobiť ich pozíciu a tvar, no farbu odznakov Stránka a Blog zmeniť nemožno.
  • Informácie o značke: Do online obchodu môžete zahrnúť informácie o svojej značke. Po dokončení nasledujúcich krokov môžete do päty svojho online obchodu pridať blok Informácie o značke.

Kroky:

Pracovná plocha

  1. Vo svojom administrátorovi Shopify prejdite na Online obchod > Témy.

  2. Vedľa témy, ktorú chcete upraviť, kliknite na Upraviť tému.

  3. Kliknite na ikonu settings.

  4. Kliknutím na prvok otvorte nastavenia.

  5. Upravte ľubovoľné z dostupných nastavení. Zmeny si môžete pozrieť tak, že prejdete do rôznych oblastí svojej témy v okne s ukážkou.

  6. Kliknite na Uložiť.

Mobil

  1. V aplikácii Shopify ťuknite na ikonu Menu.

  2. V časti Predajné kanály ťuknite na Online obchod.

  3. Vedľa témy, ktorú chcete upraviť, ťuknite na Upraviť tému.

  4. Ťuknite na ikonu settings.

  5. Ťuknutím na prvok otvorte nastavenia.

  6. Upravte ľubovoľné z dostupných nastavení. Zmeny si môžete pozrieť tak, že prejdete do rôznych oblastí svojej témy v okne s ukážkou.

  7. Ťuknite na Uložiť alebo na ✓.

Sociálne médiá

Môžete si pridať odkazy na svoje účty sociálnych médií, ktoré sa budú zobrazovať v päte online obchodu.

Kroky:

Pracovná plocha

  1. Vo svojom administrátorovi Shopify prejdite na Online obchod > Témy.

  2. Nájdite tému, ktorú chcete upraviť, a kliknite na Upraviť tému.

  3. Kliknite na ikonu Nastavenia témy settings.

  4. Kliknite na Sociálne médiá.

  5. Odkazy na svoje účty sociálnych médií pridáte zadaním ich webových adries do príslušných polí Sociálne účty. Musíte zadať úplné odkazy, napríklad https://instagram.com/shopify alebo https://tiktok.com/@shopify.

  6. Kliknite na Uložiť.

Mobil

  1. V aplikácii Shopify ťuknite na ikonu Menu.

  2. V časti Predajné kanály ťuknite na Online obchod.

  3. Ťuknite na Spravovať všetky témy.

  4. Nájdite tému, ktorú chcete upraviť, a ťuknite na Upraviť tému.

  5. Ťuknite na … alebo ⋮ a potom ťuknite na Nastavenia témy.

  6. Ťuknite na Sociálne médiá.

  7. Odkazy na svoje účty sociálnych médií pridáte zadaním ich webových adries do príslušných polí Sociálne účty. Musíte zadať úplné odkazy, napríklad https://instagram.com/shopify alebo https://tiktok.com/@shopify.

  8. Ťuknite na Uložiť alebo na ✓.

Správanie pri vyhľadávaní

Váš online obchod obsahuje prediktívne vyhľadávanie, ktoré zákazníkom zobrazuje návrhy hneď, ako začnú písať do poľa vyhľadávania. Návrhy vyhľadávania môžu zákazníkom pomôcť presnejšie formulovať a upresniť vyhľadávacie dopyty a poskytnúť im nové spôsoby objavovania vášho online obchodu. Vďaka návrhom môžu taktiež rýchlo prehľadávať zhodné výsledky bez toho, aby museli opustiť aktuálnu stránku a prejsť na samostatný zoznam výsledkov vyhľadávania.

Ďalšie informácie o tom, ako fungujú návrhy vyhľadávania, nájdete v časti Prediktívne vyhľadávanie.

Môžete si prispôsobiť, ako sa budú návrhy vyhľadávania zobrazovať vašim zákazníkom.

Kroky:

Pracovná plocha

  1. Vo svojom administrátorovi Shopify prejdite na Online obchod > Témy.

  2. Nájdite tému, ktorú chcete upraviť, a kliknite na Upraviť tému.

  3. Kliknite na ikonu Nastavenia témy settings.

  4. Kliknite na Správanie pri vyhľadávaní.

  5. Návrhy vyhľadávania môžete aktivovať alebo deaktivovať výberom alebo zrušením výberu možnosti Povoliť návrhy vyhľadávania.

  6. Voliteľné: Dodávateľa produktu v návrhoch vyhľadávania zobrazíte alebo skryjete výberom alebo zrušením výberu možnosti Zobraziť dodávateľa produktu.

  7. Voliteľné: Cenu produktu v návrhoch vyhľadávania zobrazíte alebo skryjete výberom alebo zrušením výberu možnosti Zobraziť cenu produktu.

  8. Kliknite na Uložiť.

Mobil

  1. V aplikácii Shopify ťuknite na ikonu Menu.

  2. V časti Predajné kanály ťuknite na Online obchod.

  3. Ťuknite na Spravovať všetky témy.

  4. Nájdite tému, ktorú chcete upraviť, a ťuknite na Upraviť tému.

  5. Ťuknite na … alebo ⋮ a potom ťuknite na Nastavenia témy.

  6. Ťuknite na Správanie pri vyhľadávaní.

  7. Návrhy vyhľadávania môžete aktivovať alebo deaktivovať výberom alebo zrušením výberu možnosti Povoliť návrhy vyhľadávania.

  8. Voliteľné: Dodávateľa produktu v návrhoch vyhľadávania zobrazíte alebo skryjete výberom alebo zrušením výberu možnosti Zobraziť dodávateľa produktu.

  9. Voliteľné: Cenu produktu v návrhoch vyhľadávania zobrazíte alebo skryjete výberom alebo zrušením výberu možnosti Zobraziť cenu produktu.

  10. Ťuknite na Uložiť alebo na ✓.

Formát meny

Môžete si zvoliť, či sa bude pri cenách produktov zobrazovať kód meny.

Kroky:

Pracovná plocha

  1. Vo svojom administrátorovi Shopify prejdite na Online obchod > Témy.

  2. Nájdite tému, ktorú chcete upraviť, a kliknite na Upraviť tému.

  3. Kliknite na ikonu Nastavenia témy settings.

  4. Kliknite na Formát meny.

  5. Kódy meny zobrazíte výberom možnosti Zobraziť kódy meny.

  6. Kliknite na Uložiť.

Mobil

  1. V aplikácii Shopify ťuknite na ikonu Menu.

  2. V časti Predajné kanály ťuknite na Online obchod.

  3. Ťuknite na Spravovať všetky témy.

  4. Nájdite tému, ktorú chcete upraviť, a ťuknite na Upraviť tému.

  5. Ťuknite na … alebo ⋮ a potom ťuknite na Nastavenia témy.

  6. Ťuknite na Formát meny.

  7. Kódy meny zobrazíte výberom možnosti Zobraziť kódy meny.

  8. Ťuknite na Uložiť alebo na ✓.

Košík

Štýl košíka vo svojom online obchode môžete zmeniť. Keď si zákazník pridá produkt z obchodu do košíka, môže sa košík zobraziť ako vysúvací panel, stránka alebo vyskakovacie upozornenie. Ak chcete zákazníka udržať na stránke produktu, použite možnosť vysúvacieho panela alebo vyskakovacieho upozornenia. Ak ho chcete presmerovať na stránku košíka, použite možnosť stránky. Keď je košík zákazníka prázdny, vo vysúvacom košíku môžete zobraziť vybranú kolekciu.

Kroky:

Pracovná plocha

  1. Vo svojom administrátorovi Shopify prejdite na Online obchod > Témy.

  2. Nájdite tému, ktorú chcete upraviť, a kliknite na Upraviť tému.

  3. Kliknite na ikonu Nastavenia témy settings.

  4. Kliknite na Košík.

  5. Z rozbaľovacej ponuky Typ košíka vyberte štýl košíka Vysúvací panel, Stránka alebo Vyskakovacie upozornenie.

  6. Voliteľné: Dodávateľov položiek v košíku zákazníka zobrazíte výberom možnosti Zobraziť dodávateľa.

  7. Voliteľné: Ak chcete zákazníkom poskytnúť textové pole, do ktorého môžu zadať špeciálne požiadavky alebo pridať ďalšie informácie o objednávke, vyberte možnosť Povoliť poznámku ku košíku.

  8. Voliteľné: Ak ako Typ košíka vyberiete možnosť Vysúvací panel, v prázdnom vysúvacom košíku môžete zobraziť kolekciu:

    1. V časti Vysúvací košík kliknite na Vybrať kolekciu.
    2. Kliknite na názov kolekcie, ktorú chcete zobraziť, a potom kliknite na Vybrať.

  9. Voliteľné: Ak ako Typ košíka vyberiete možnosť Vysúvací panel, nasledujúcim postupom môžete zmeniť farebnú schému vysúvacieho košíka:

    1. V časti Vysúvací košík > Farebná schéma kliknite na Zmeniť.
    2. Vyberte si farebnú schému, ktorú chcete použiť pre svoj vysúvací košík.

  10. Kliknite na Uložiť.

Mobil

  1. V aplikácii Shopify ťuknite na ikonu Menu.

  2. V časti Predajné kanály ťuknite na Online obchod.

  3. Ťuknite na Spravovať všetky témy.

  4. Nájdite tému, ktorú chcete upraviť, a ťuknite na Upraviť tému.

  5. Ťuknite na … alebo ⋮ a potom ťuknite na Nastavenia témy.

  6. Ťuknite na Košík.

  7. Pre svoj Typ košíka si vyberte z možností Vysúvací panel, Stránka alebo Vyskakovacie upozornenie.

  8. Voliteľné: Dodávateľov položiek v košíku zákazníka zobrazíte výberom možnosti Zobraziť dodávateľa.

  9. Voliteľné: Ak chcete zákazníkom poskytnúť textové pole, do ktorého môžu zadať špeciálne požiadavky alebo pridať ďalšie informácie o objednávke, vyberte možnosť Povoliť poznámku ku košíku.

  10. Voliteľné: Ak ako Typ košíka vyberiete možnosť Vysúvací panel, v prázdnom vysúvacom košíku môžete zobraziť kolekciu:

    1. V časti Vysúvací košík ťuknite na Vybrať kolekciu.
    2. Ťuknite na názov kolekcie, ktorú chcete zobraziť, a potom ťuknite na Hotovo.

  11. Voliteľné: Ak ako Typ košíka vyberiete možnosť Vysúvací panel, nasledujúcim postupom môžete zmeniť farebnú schému vysúvacieho košíka:

    1. V časti Vysúvací košík > Farebná schéma ťuknite na Zmeniť.
    2. Vyberte si farebnú schému, ktorú chcete použiť pre svoj vysúvací košík, a potom ťuknite na Hotovo.

  12. Ťuknite na Uložiť alebo na ✓.

Vlastné CSS

V sekcii Vlastné CSS môžete zadať svoj vlastný kód CSS a napríklad si prispôsobiť vzhľad tlačidiel v online obchode nad rámec dostupných predvolených nastavení alebo použiť jedinečný štýl pre konkrétne textové prvky.

Vlastné CSS v nastaveniach témy ovplyvňuje všetky stránky vo vašom online obchode okrem pokladne.

Ďalšie informácie o pridávaní vlastného CSS do témy.

Štýl témy

Štýl témy je kolekcia nastavení, ktorú vybral dizajnér témy. Na svoj obchod môžete použiť štýl témy, aby ste mu dodali vylepšený vzhľad a dojem. Vo všetkých témach je predvolene použitý štýl témy. Ďalšie dostupné možnosti štýlov témy závisia od toho, ktorú tému používate.

Keď si prispôsobíte tému, nahradíte nastavenia štýlu témy vlastnými. Keď použijete štýl témy na svoju tému, zmenia sa vaše aktuálne nastavenia, napríklad farby a typografia.

Kroky:

Pracovná plocha

  1. Vo svojom administrátorovi Shopify prejdite na Online obchod > Témy.

  2. Nájdite tému, ktorú chcete upraviť, a kliknite na Upraviť tému.

  3. Kliknite na ikonu Nastavenia témy settings.

  4. Kliknite na Štýl témy.

  5. Vyberte štýl témy, ktorý chcete použiť, a potom kliknite na Zmeniť štýl.

  6. Kliknite na Uložiť.

Mobil

  1. V aplikácii Shopify ťuknite na ikonu Menu.

  2. V časti Predajné kanály ťuknite na Online obchod.

  3. Ťuknite na Spravovať všetky témy.

  4. Nájdite tému, ktorú chcete upraviť, a ťuknite na Upraviť tému.

  5. Ťuknite na … alebo ⋮ a potom ťuknite na Nastavenia témy.

  6. Ťuknite na Štýl témy.

  7. Vyberte štýl témy, ktorý chcete použiť, a potom ťuknite na Hotovo.

  8. Ťuknite na Uložiť alebo na ✓.