Jak snížit výplň záhlaví Shopify?

Chcete rychle zvýšit prodeje ve službě Shopify? TikTok Ads je jedním z nejefektivnějších způsobů, jak oslovit globální publikum a přivést do svého obchodu okamžitou návštěvnost. Pokud chcete ze své marketingové strategie TikTok vytěžit maximum, podívejte se na náš návod TikTok Ads krok za krokem! Poradíme vám od nastavení účtu až po spuštění první reklamní kampaně. Připravte se na to, že vaše prodeje díky síle TikTok Ads prudce vzrostou!

👉 TikTok Ads Tutorial 2025 pro začátečníky ⮕

Zmenšení výplně záhlaví Shopify vyžaduje úpravu CSS v tématu. Zde je návod, jak krok za krokem upravit výplň záhlaví:

1. Přístup ke kódu tématu

  1. Přihlaste se do správce Shopify.
  2. Přejít na Online obchod > Témata.
  3. Najděte své aktivní téma a klikněte na Akce > Upravit kód.

2. Vyhledejte soubor CSS

  1. V editoru kódu přejděte na Majetek složka.
  2. Vyhledejte soubor s názvem theme.css, styles.cssnebo podobně. Kliknutím na něj jej otevřete.

3. Určení třídy záhlaví

Abyste mohli upravit výplň záhlaví, musíte znát jeho třídu nebo ID. Běžné selektory záhlaví jsou:

  • .site-header
  • záhlaví
  • .main-header

Pokud si nejste jisti, použijte nástroje pro vývojáře prohlížeče:

  1. Klikněte pravým tlačítkem myši na záhlaví obchodu a vyberte možnost Zkontrolujte stránky (nebo Kontrola prvku).
  2. Najděte třídu nebo ID záhlaví v HTML.

4. Přidání nebo úprava CSS

V souboru CSS:

  1. Vyhledejte třídu záhlaví nebo ji přidejte, pokud neexistuje.
  2. Upravte hodnoty výplně.

Příklad:

css
.site-header {
polstrování nahoře: 10px; /* Snížení horní výplně */
padding-bottom: 10px; /* Zmenšení výplně spodní části */
padding-left: 0; /* Volitelné: Nastavení levého paddingu */
padding-right: 0; /* Volitelné: Nastavení pravého paddingu */
}

Můžete také používat zkratky:

css
.site-header {
polstrování: 10px 0; /* Nahoře-dole 10px, vlevo-vpravo 0px */
}

5. Testovací změny

  1. Uložte soubor.
  2. Obnovte svůj obchod Shopify a zkontrolujte změny.
  3. Hodnoty upravujte, dokud záhlaví nebude vypadat podle přání.

6. Použití editoru motivů (je-li k dispozici)

Některá témata Shopify umožňují přizpůsobit výplň záhlaví bez úpravy kódu:

  1. Přejít na Online obchod > Motivy > Přizpůsobit.
  2. Přejděte na Záhlaví sekce.
  3. Vyhledejte nastavení výplně nebo rozestupů a upravte je.

7. Úpravy specifické pro mobilní zařízení (volitelné)

Pokud chcete zmenšit výplň pouze pro mobilní obrazovky, použijte dotaz na média:

css
@media (max-width: 768px) {
.site-header {
polstrování: 5px 0; /* Menší výplň pro mobilní zařízení */
}
}

Souhrn

  • Upravit theme.css nebo ekvivalentní soubor pro úpravu výplně záhlaví.
  • K identifikaci třídy záhlaví použijte nástroje pro vývojáře prohlížeče.
  • Otestujte a zdokonalte změny, abyste zajistili jejich funkčnost pro zobrazení na počítači i na mobilních zařízeních.

Dodržováním těchto kroků můžete efektivně snížit výplň záhlaví a zlepšit design svého obchodu Shopify.

👉 Získejte Shopify $1 na 3 měsíce ⮕

Související příspěvky

Zanechat odpověď

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *