Monilaiteesikatselu: iPhonesta Plaza-tablettiin

Kun viime kuussa vierailimme 32 pöydän brasseriessa Istanbulin Bağdat-kadulla, omistajan turhautuminen oli täsmällistä: "Menu näyttää hienolta iPhonella, mutta tabletilla asiakkaat eivät löydä kategorioita." thMenu Pro+ monilaiteesikatselun aktivoinnin jälkeen työkuorma laski 16%.

Visuaalinen kuilu puhelimen ja tabletin välillä

Kategoria-ruudukko, joka toimii täydellisesti iPhone 15:n 390px leveydellä, luo epämukavia tyhjiä alueita 7 tuuman iPad Minin 744px näytöllä.

thMenu-esikatselupaneeli näyttää Pro+ käyttäjille saman menun kolmessa todellisessa laitesimulaatiossa: iPhone 14, iPad Mini ja plaza-tabletti 10".

Vaakatila: Plaza-tablettien salainen ase

Tabletin plaza-menut ovat oletuksena pystysuorassa, mutta 10 tuuman tabletit asennetaan yleensä vaakasuoraan. "Tablet Landscape" -kytkin renderöi 1024×768.

Bağdat-kadun tapauksessa keskimääräinen tilausaika laski 8 minuutista 6 minuuttiin 12 sekuntiin.

Aktivoi esikatselu 30 sekunnissa

Avaa hallintapaneeli, siirry kohtaan Menu → Esikatselu. Yläosan laiteenvalitsin vaihtaa puhelimen, tabletin ja plazan välillä.

• Puhelintila: vaakavieritys kategoria-siruille.
• Tabletti 7": kaksisarakkeinen tuoteruudukko.
• Plaza 10" vaaka: kolme saraketta ja kiinnitetty kategoriapaneeli.

UKK

Mikä paketti sisältää monilaiteesikatselun? Pro ja Platinum. Starter näyttää vain mobiiliesikatselun.

Onko esikatselu pikselintarkka? CSS-renderöintimoottori on identtinen. Vain kosketustapahtumia ei voida simuloida.

Tarvitsenko erillisen menun plaza-tableteille? Ei. Sama responsiivinen menu mukautuu. Yksi QR kattaa kaikki laitteet.

Oliko tästä hyötyä? Jaa se.