Uski banner iznad zaglavlja prikazuje se na svim stranicama web-mjesta i pomaže privući dodatnu pažnju na promocije, rasprodaje i druge važne informacije.
Primjeri bannera iznad zaglavlja web-mjesta
Napomena: Izradili smo novo sučelje za upravljanje bannerima i postupno ažuriramo trgovine naših klijenata.
Sljedeće upute vrijede i za staro i za novo sučelje.
Kako dodati banner iznad zaglavlja
Novo sučelje:
Idite na odjeljak Web stranica → Poboljšani baneri, odaberite karticu Header i kliknite + New banner.
Postavite sadržaj bannera i kliknite Save.
Detalji o nekim postavkama:
Height — visina bannera: S (30 piksela), M (40 piksela) ili L (50 piksela). U mobilnoj verziji visina se automatski povećava ako tekst na banneru ne stane u jedan red — kako bi to bilo moguće, potrebno je učitati pozadinsku sliku s dodatnom visinom.
Show on — prikaži banner samo na desktop verziji, samo na mobilnoj verziji ili svugdje.
Show dismiss button — ako je uključeno, posjetitelj web-mjesta moći će sakriti
banner, nakon čega se više neće prikazivati.
Text — tekst na banneru; podržava HTML i CSS.
Staro sučelje:
Idite na Web stranica → Baneri i kliknite + Dodaj.
U polju Stranica odaberite Sve stranice.
Postavite sadržaj bannera, a zatim kliknite Spremi.
Detalji o nekim postavkama:
Slika — slika za pozadinu, postavljena u središte bannera, izrezana na uskim zaslonima.
Tekst — tekst na banneru, podržava HTML i CSS.
Visina — visina bannera: 30, 40 ili 50 piksela. U mobilnoj verziji visina se automatski povećava ako tekst na banneru ne stane u jedan red — za to je potrebno učitati pozadinsku sliku s dodatnom visinom.
Prikaži banner na — prikaži banner samo na desktop verziji, samo na mobilnoj verziji ili svugdje. Upotrijebite ovu postavku za izradu dvaju različitih bannera za svaku verziju vašeg web-mjesta.
Prikaži gumb za zatvaranje — ako je uključeno, posjetitelj web-mjesta moći će sakriti banner, nakon čega se više neće prikazivati.
Banner u mobilnoj verziji
U mobilnoj verziji banner se prikazuje ispod zaglavlja: ostaje vidljiv, a zaglavlje se ne pomiče sa svog uobičajenog mjesta na zaslonu. To je važno za ugodno korištenje web-mjesta.
Prilikom dizajniranja bannera pobrinite se da bude jasan i čitljiv u mobilnoj verziji. Preporučujemo nekoliko opcija za rješavanje ovog problema.
1. Postavite sadržaj bannera kao tekst. U mobilnoj verziji tekst se neće odrezati, već će se prebaciti u novi red. Istovremeno, banner može povećati visinu ako je pozadinska slika učitana s marginom.
2. Dizajnirajte raspored tako da važan sadržaj stane u širinu zaslona pametnog telefona. Slika će se izrezati s obje strane, ali će sadržaj ostati čitljiv.
3. Izradite zaseban banner za mobilnu verziju. U postavkama ovog bannera navedite da se treba prikazivati samo u mobilnoj verziji, a izvorni banner samo na desktopu (postavka Prikaži banner na ).
Redoslijed prikazivanja bannera
Iznad zaglavlja može se prikazati samo jedan banner — onaj koji se nalazi najviše na popisu u odjeljku administratorske ploče Web stranica → Poboljšani baneri → Header (Web stranica → Poboljšani baneri za staro sučelje).
Međutim, ako banner prvog prioriteta ima uključen gumb za zatvaranje, tada će nakon skrivanja tog bannera posjetitelj web-mjesta vidjeti sljedeći (nakon ponovnog učitavanja stranice ili prelaska na drugu stranicu).
