Many of your shoppers browse on a phone. Studio lets you edit and check your LimeSpot content at phone size, and click through your store like a shopper before anything goes live.
Availability
Plan: Growth Agents plan · Platform: SHOPLINE
Switch to Mobile View
In the top bar, click the device icon. Its tooltip reads "Desktop View — switch device".
Choose Mobile View.
Studio shows Loading mobile preview…, then your store in a phone-sized frame (390 pixels wide).
Click elements inside the phone frame to select and edit them. Their settings open in Studio beside the phone, as they do on desktop.
Click outside the phone to step back. The first click closes the open drawer, the next ends editing, and the next clears the selection.
To go back, click the device icon and choose Desktop View.
Your choice stays in place when you switch pages with the page selector.
Tip
Some box settings, such as image size and items per page, have separate desktop and mobile values. Check both views after you change them.
Browse like a shopper with Preview mode
Studio has two modes, switched with the power icon at the left of the top bar:
Standard mode: hover, select, add and move elements.
Preview mode: all editing outlines and labels are hidden, so you can click through your store as a shopper would. The page still shows your unpublished working changes.
Click the power icon. Its tooltip reads "Standard mode — click to switch to Preview".
Browse your store. Add items to the cart, open product pages and check your boxes.
Click the power icon again to return to Standard mode.
Studio remembers your mode in this browser.
Note
Preview mode and Mobile View only change what you see in Studio. Shoppers see your store as it is until you click Publish.
If the toolbar gets crowded
When your browser window is narrow, or a drawer is docked beside the page, Studio folds some controls into a More controls menu (⋯) in the top bar. Look there for Device and the other folded controls.
Troubleshooting
You see | Why | What to do |
"The mobile preview did not finish loading." | The phone frame didn't load in time | Click Try again. |
"The mobile preview could not apply your current design. Please try again." | Your working changes couldn't be shown in the frame | Click Try again. |
"The mobile preview needs your store context, which has not loaded." | Studio is still loading your store | Wait a moment, then click Try again. If it keeps happening, reload the page. |
"The mobile preview address could not be built for this store." | Studio couldn't build the preview address | Reload Studio. If it persists, contact support. |
Nothing highlights when you click | You're in Preview mode | Click the power icon to switch to Standard mode. |