This article covers the controls in the middle of the builder's top bar, which decide how your shop is shown to you.
Run through it before every publish. Most of your customers are on a phone.
The three icons in the middle of the top bar are Desktop, Tablet and Mobile. The shop lays itself out for real at each width, exactly as it would on that device.
The list beside the icons names real devices with their screen size next to each, so you can check the narrow phone your customers really carry.
On a phone or a tablet, the rotate button turns the device between upright and sideways. It matters more than it looks: a phone on its side is wide enough to get the tablet layout.
Fit shows the whole device on your screen, and the list beside it offers 100%, 75%, 50% and 25%. The shop still lays itself out at the device's real width. Only the picture of it gets smaller.
The EN and AR buttons switch the shop on the page between the English storefront and the Arabic storefront, and Arabic reads from right to left. This is not the builder's own language: that is the small button in the view controls, next to the light and dark switch.
The arrow icon in the view controls, Open preview in a new tab, opens your draft as a full page in a new tab. It is the last check worth making before you publish.
You have seen your page on a phone, a tablet and a computer, in both languages, before anybody else did.
Was this guide helpful?
Our team answers every ticket, in English and Arabic.