Prijeđite na glavni sadržaj

Postavke dizajna mobilne verzije

Prilagodba vizualnog stila mobilne verzije u uređivaču dizajna

Ažurirano danas

S pomoću uređivača dizajna možete postaviti zasebne parametre za mobilnu verziju vaše web stranice koji će se razlikovati od verzije za stolna računala. Konkretno, možete promijeniti redoslijed prikazivanja blokova na glavnoj stranici, postaviti različite banere za mobilne uređaje, premjestiti elemente na stranici proizvoda itd.

Možete prilagoditi dizajn za mobilnu verziju u Web stranica → Dizajn → Uređivač dizajna → Mobile version.

Mobile version settings in the design editor — Cartum

Ovdje možete prilagoditi gotovo sve iste dijelove mobilne verzije kao i one za stolna računala:

  • Visual style

  • Zaglavlje

  • Izbornik

  • Podnožje

  • Homepage

  • Stranica kategorije

  • Kartica proizvoda

  • Stranica proizvoda

Imajte na umu: nemojte raditi globalne promjene u mobilnoj verziji osim ako to stvarno nije potrebno, jer rangiranje pretraživača također uzima u obzir faktor podudarnosti informacija između verzija za stolna računala i mobilne verzije. Sve stranice na Cartumu kreirane su s najnovijim zahtjevima za mobilne web stranice na umu.

Visual style

U ovoj kartici možete postaviti vlastite fontove i pozadine stranica za mobilnu verziju, kao i dodati naglaske u boji padajućem izborniku akcija, promijeniti boje oznaka količine u filtru ili u odjeljku recenzija na stranici proizvoda.

Mobile version visual style — Cartum

Zaglavlje

Zaglavlje je gornji blok koji se prikazuje na svim stranicama web stranice. Zaglavlje za mobilnu verziju ima posebnu strukturu prilagođenu potrebama posjetitelja na mobilnom uređaju.

Možete postaviti boju pozadine, boju elemenata i jednu od tri opcije za širinu zaglavlja u pikselima.

Mobilno zaglavlje ima tri jednako široka dijela. U ovoj kartici postavki možete onemogućiti određene elemente zaglavlja, kao i premještati ih između dijelova (stupaca) zaglavlja.

Mobile version header — Cartum

Zaglavlje u mobilnoj verziji može sadržavati najvažnije funkcionalne elemente koji su prisutni na stolnom računalu, naime:

  • Gumb izbornika

  • Logotip

  • Ikona pretrage

  • Kontakt informacije

  • Ikona za usporedbu

  • Ikona favorita

  • Košarica

Izbornik

U ovoj kartici možete prilagoditi vizualni prikaz izbornika i razinu prikaza ugniježđenih kategorija u izborniku kataloga u skočnom funkcionalnom panelu.

Mobile version menu — Cartum

Podnožje

U mobilnoj verziji stranice, podnožje ima pojednostavljen izgled. Za podnožje možete postaviti boju pozadine, boju elemenata u njemu i boju poveznica — na primjer, poveznicu na punu verziju stranice.

Mobile version footer — Cartum

Homepage

Blokovi na početnoj stranici

U bloku Homepage uređivača dizajna možete vidjeti redoslijed blokova i banera na početnoj stranici mobilne verzije vaše stranice. Također prikazuje koji su od dostupnih blokova omogućeni.

Možete promijeniti redoslijed blokova i banera na početnoj stranici povlačenjem blokova na nova mjesta.

Možete vidjeti postavke stila dostupne za blok klikom na traku bloka — panel s postavkama za blok će se proširiti.

Mobile version homepage — Cartum

Pročitajte više o svim mogućim blokovima na početnoj stranici u zasebnom članku.

Postavljanje linija banera

Možete dodati bilo koji broj mjesta za postavljanje banera — linija banera — na početnu stranicu.

Za dodavanje nove linije banera:

  1. Kliknite gumb + Add banner .

  2. Odaberite opciju Display banner on website version — isključivo u mobilnoj verziji ili u obje verzije, stolnoj i mobilnoj.

  3. Postavite Banner name — pokušajte mu dati jasno ime, jer ćete po tom imenu moći identificirati željenu liniju prilikom rada s banerima u budućnosti.

  4. Odaberite Template banera iz padajućeg popisa. Potpuni popis dostupnih predložaka možete pronaći u članku Mobile version banners.

  5. Postavite veličinu, margine i radijus kuta za banere u ovoj liniji.

  6. Spremite svoje promjene.

Mobile version banners settings — Cartum

Imajte na umu: zasebni baneri za verziju za stolna računala mogu se postaviti u Web stranica → Dizajn → Uređivač dizajna → Homepage.

Linija banera neće biti prikazana na web stranici dok ne dodate odgovarajuće slike u Web stranica → Baneri.

Stranica kategorije

Za stranicu kataloga u mobilnoj verziji možete postaviti parametre za prikaz sljedećih elemenata:

  • Panel za sortiranje i prikaz

  • Filteri

  • Izbornik potkategorija

Mobile version category page — Cartum

Kartica proizvoda

Na mobilnim uređajima, mini-kartica se ne mijenja kada pređete mišem preko nje, pa smo dodali opcije koje vam omogućuju promjenu informacija na kartici posebno za mobilne uređaje.

Mobile version product card — Cartum

Stranica proizvoda

Izgled stranice proizvoda u mobilnoj verziji sastoji se od četiri dijela, koje možete vidjeti u ovoj kartici postavki. Na mobilnim telefonima, dijelovi su postavljeni uzastopno jedan za drugim: vrh, lijevo, desno i na kraju dno. Na tabletima, lijevi i desni dijelovi bit će postavljeni jedan pored drugog.

Za mobilnu verziju stranice možete promijeniti mjesto grupa elemenata i pojedinačnih elemenata u izgledu stranice premještanjem panela elemenata između dijelova i mijenjanjem njihovog redoslijeda, te omogućiti/onemogućiti pojedinačne elemente prema potrebi.

Mobile version product page — Cartum
Jesmo li odgovorili na vaše pitanje?