Tipy pro Brooklyn
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.
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í:
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:
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:
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ů.
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.
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.
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é.