Tipy pro Brooklyn

Tato stránka byla vytištěna: Mar 26, 2023. Aktuální verzi najdete na adrese https://help.shopify.com/cs/manual/using-themes/themes-by-shopify/brooklyn/tips.

Tento článek obsahuje užitečné rady a osvědčené postupy, které ti pomůžou nastavit Brooklyn pro tvůj online obchod.

Tipy pro navigaci

Přidání rozevírací nabídky

Pokud chcete do hlavní nabídky přidat rozevírací nabídky, musíte nejdřív příslušné nabídky vytvořit na stránce Navigace. Podrobnosti naleznete v sekci Nastavení rozevíracích nabídek v online obchodu.

Hlavní nabídka v online obchodu. Myš najede na odkaz „Katalog“ a zobrazí se rozevírací nabídka odkazující na kolekce, například „Obývací pokoj“ a „Ložnice“.

Změna hlavní nabídky na nabídku v postranní liště

Pokud hlavní nabídka zabírá hodně místa, pak se tato nabídka změní na nabídku v postranní liště, která se otevře po kliknutí na tlačítko v záhlaví:

Nabídka v postranní liště po levé straně online obchodu. V nabídce v postranní liště se zobrazí odkazy hlavní nabídky, například „Domů“ a „Katalog“.

Změně nabídky na styl postranní lišty můžete zamezit tímto postupem:

  • Nepřidávejte do hlavní nabídky více než čtyři odkazy.
  • Pro odkazy v hlavní nabídce použijte úzký font. Font textu s diakritikou můžete změnit v nastavení typografie.
  • Vytvářejte položky nabídky s omezeným počtem znaků. Například můžete použít „FAQ“ namísto „Nejčastějších dotazů“ nebo „Kontakty“ namísto „Kontaktujte nás“.

Tipy k obrázkům

Nejlepší typy produktových obrázků pro Brooklyn

  • Obrázky ve vysokém rozlišení vypadají vytříbeněji a profesionálněji, proto by použité obrázky produktů měly mít rozlišení minimálně 1024×1024 pixelů. Nejlepším tvarem obrázku je čtverec.

  • Obrázky by ideálně měly mít jednolité barevné pozadí. Jednolité pozadí je takové, které používá jednu barvu bez stínů a zvýraznění. Všechny obrázky by měly mít stejnou barvu pozadí.

  • Rámeček z obrázků produktů odstraníte tím, že nastavíte barvu Pozadí produktu v barevném nastavení na průsvitnou:

Zobrazí se dva seznamy produktů s bílým pozadím. Pozadí online obchodu je také bílé a obrázky produktů nemají žádné rámečky.

Nejlepší velikost obrázků prezentace

Oba obrázkové snímky v ukázkovém obchodu Brooklyn mají rozlišení 1200×800 pixelů. Všechny obrázkové snímky by měly mít stejnou velikost.

Oříznutí obrázků na malých obrazovkách

Obrázkové snímky na malých obrazovkách zaplní obrazovku od horního okraje po spodní okraj. Velikost snímků se upraví tak, aby výška odpovídala výšce obrazovky zařízení. V zájmu zaplnění obrazovky bez zdeformování obrázků se snímky nalevo i napravo oříznou.

Na velkých obrazovkách se velikost obrázkových snímků změní tak, aby jejich šířka odpovídala šířce okna prohlížeče. V zájmu zaplnění okna bez zdeformování obrázků se snímky dole oříznou.

Následující příklad ukazuje desktopovou a mobilní verzi stejného online obchodu:

V desktopové verzi prezentace se zobrazuje obrázek, který je větší na šířku než na výšku. V mobilní verzi se zobrazuje ten samý obrázek o stejné výšce, ale oba rozměry obrázku jsou oříznuté, aby se vešel na úzkou obrazovku.

Zobrazování obrázků v kolekcích od okraje k okraji

K zobrazení obrázku od okraje k okraji musí být v kolekci propagovaný obrázek.

Náhled obrázku v kolekci od okraje k okraji máte k dispozici v ukázkovém obchodu Brooklyn. Zobrazený obrázek kolekce nahoře má rozlišení 1405×800 pixelů.

V desktopové verzi prezentace se zobrazuje obrázek, který je širší než vyšší.

V mobilní verzi se zobrazuje ten samý obrázek o stejné výšce, ale oba rozměry obrázku jsou oříznuté, aby se vešel na úzkou obrazovku.

Nastavení obrázku pro příspěvky na blogu

První obrázek v blogovém článku slouží jako propagovaný obrázek pro stránku blogu. Podrobnosti o přidávání obrázků k blogovým článkům naleznete v sekci Psaní příspěvků na blogu.

Tipy k produktům

Přidávání slevových odznaků k produktům

K produktu můžete přidat slevový odznak. Stačí nastavit původní cenu, která bude vyšší než standardní cena. Odznak se zobrazuje nad obrázkem pro daný produkt na stránkách s kolekcemi.

Nastavte produkt, který se bude na stránkách s kolekcemi zobrazovat větší

Když na stránkách s kolekcemi nastavíte, aby se produkty zobrazovaly ve stylu koláže, budou mít některé produkty větší obrázky a některé zase menší. Velikost obrázku se odvíjí od pořadí produktů v příslušné kolekci. Pořadí produktů na stránce s kolekcí můžete měnit v administrátorském rozhraní. Klikněte na kolekci, kterou chcete upravit, a následně v oblasti Produkty vyberte v rozevírací nabídce Seřadit možnost Ručně. Poté přetáhnutím seřaďte produkty tak, jak se mají objevovat v online obchodu.

Stránka s kolekcemi v administrátorském rozhraní Shopify.

Mezi každými šesti produkty má první a šestý produkt větší obrázek. Například první, šestý, sedmý, 12., 13. a 18. produkt budou mít větší obrázky.

Stránka s kolekcí s produkty zobrazenými ve stylu koláže. Nad produkty se zobrazují čísla, která ilustrují vztah pořadí produktů a velikosti obrázku.

Pokud budete chtít zobrazit mřížku obrázků produktů, které budou mít stejnou velikost, v nastavení kolekcí nastavte zobrazování produktů ve stylu mřížky.

Animace posouvání při výběru varianty

Pokud je popis produktu na stránce produktu dostatečně krátký, aby se vešel na obrazovku bez posouvání, při výběru varianty s obrázkem se zobrazí animace posouvání. Pokud bude popis příliš dlouhý, aby se vešel na obrazovku bez nutnosti posunutí dolů, dojde k jednoduché náhradě obrázku obrázkem varianty a nezobrazí se žádná animace posouvání.

Když budete chtít animaci posouvání zobrazit, popisy produktů musí být krátké.

Chcete začít prodávat s Shopify?

Vyzkoušet zdarma